camox 0.6.1 → 0.7.0

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

@@ -1,46 +1,62 @@
 import { previewStore } from "../previewStore.js";
 import { c } from "react/compiler-runtime";
 import { useSelector } from "@xstate/store/react";
-import "react";
+import * as React from "react";
 import * as Sheet from "@camox/ui/sheet";
 import { jsx } from "react/jsx-runtime";
 //#region src/features/preview/components/PreviewSideSheet.tsx
 var PreviewSideSheet = (t0) => {
-	const $ = c(9);
+	const $ = c(12);
 	const { open, onOpenChange, onOpenAutoFocus, children, className } = t0;
+	const prevOpenRef = React.useRef(open);
 	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = { minWidth: 400 };
-		$[0] = t1;
-	} else t1 = $[0];
 	let t2;
-	if ($[1] !== children || $[2] !== className || $[3] !== onOpenAutoFocus) {
-		t2 = /* @__PURE__ */ jsx(Sheet.SheetContent, {
+	if ($[0] !== onOpenAutoFocus || $[1] !== open) {
+		t1 = () => {
+			if (open && !prevOpenRef.current && onOpenAutoFocus) onOpenAutoFocus(new Event("focus"));
+			prevOpenRef.current = open;
+		};
+		t2 = [open, onOpenAutoFocus];
+		$[0] = onOpenAutoFocus;
+		$[1] = open;
+		$[2] = t1;
+		$[3] = t2;
+	} else {
+		t1 = $[2];
+		t2 = $[3];
+	}
+	React.useEffect(t1, t2);
+	let t3;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = { minWidth: 400 };
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== children || $[6] !== className) {
+		t4 = /* @__PURE__ */ jsx(Sheet.SheetContent, {
 			className,
 			side: "left",
-			overlayClassName: "bg-black/0",
-			style: t1,
-			onOpenAutoFocus,
+			showOverlay: false,
+			style: t3,
 			children
 		});
-		$[1] = children;
-		$[2] = className;
-		$[3] = onOpenAutoFocus;
-		$[4] = t2;
-	} else t2 = $[4];
-	let t3;
-	if ($[5] !== onOpenChange || $[6] !== open || $[7] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Sheet.Sheet, {
+		$[5] = children;
+		$[6] = className;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== onOpenChange || $[9] !== open || $[10] !== t4) {
+		t5 = /* @__PURE__ */ jsx(Sheet.Sheet, {
 			open,
 			onOpenChange,
-			children: t2
+			children: t4
 		});
-		$[5] = onOpenChange;
-		$[6] = open;
-		$[7] = t2;
-		$[8] = t3;
-	} else t3 = $[8];
-	return t3;
+		$[8] = onOpenChange;
+		$[9] = open;
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	return t5;
 };
 function useIsPreviewSheetOpen() {
 	const isPageContentSheetOpen = useSelector(previewStore, _temp);

package/dist/features/preview/components/PreviewToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewToolbar.d.ts","sourceRoot":"","sources":["../../../../src/features/preview/components/PreviewToolbar.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,cAAc,+CAoG1B,CAAC"}
+{"version":3,"file":"PreviewToolbar.d.ts","sourceRoot":"","sources":["../../../../src/features/preview/components/PreviewToolbar.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,cAAc,+CA4G1B,CAAC"}

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

@@ -13,7 +13,7 @@ import { FloatingToolbar } from "@camox/ui/floating-toolbar";
 import { Toggle } from "@camox/ui/toggle";
 //#region src/features/preview/components/PreviewToolbar.tsx
 var PreviewToolbar = () => {
-	const $ = c(56);
+	const $ = c(64);
 	const isEditingLocked = useSelector(previewStore, _temp);
 	const isEditingPanelOpen = useSelector(previewStore, _temp2);
 	const isPresentationMode = useSelector(previewStore, _temp3);
@@ -33,211 +33,231 @@ var PreviewToolbar = () => {
 	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
-			})
+	if ($[2] !== t2 || $[3] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Toggle, {
+			"data-state": t2,
+			pressed: t3,
+			variant: "outline",
+			onClick: _temp9
 		});
-		$[3] = t2;
-		$[4] = t3;
+		$[2] = t2;
+		$[3] = t3;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(PanelRight, {});
 		$[5] = t5;
 	} else t5 = $[5];
 	let t6;
-	if ($[6] !== actions) {
-		t6 = getActionShortcut(actions, "toggle-editing-panel");
-		$[6] = actions;
+	if ($[6] !== t4) {
+		t6 = /* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
+			render: t4,
+			children: t5
+		});
+		$[6] = t4;
 		$[7] = t6;
 	} else t6 = $[7];
 	let t7;
-	if ($[8] !== t6) {
-		t7 = /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Toggle sidebar ", t6] });
-		$[8] = t6;
+	if ($[8] !== actions) {
+		t7 = getActionShortcut(actions, "toggle-editing-panel");
+		$[8] = actions;
 		$[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];
+	if ($[10] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Toggle sidebar ", t7] });
+		$[10] = t7;
+		$[11] = t8;
+	} else t8 = $[11];
+	let t9;
+	if ($[12] !== t6 || $[13] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [t6, t8] });
+		$[12] = t6;
+		$[13] = t8;
+		$[14] = t9;
+	} else t9 = $[14];
+	const t10 = isEditingLocked ? "on" : "off";
 	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
-			})
+	if ($[15] !== isEditingLocked || $[16] !== t10) {
+		t11 = /* @__PURE__ */ jsx(Toggle, {
+			"data-state": t10,
+			pressed: isEditingLocked,
+			onPressedChange: _temp0,
+			variant: "outline"
 		});
-		$[14] = isEditingLocked;
-		$[15] = t9;
-		$[16] = t11;
-	} else t11 = $[16];
+		$[15] = isEditingLocked;
+		$[16] = t10;
+		$[17] = t11;
+	} else t11 = $[17];
 	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];
+	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsx(Lock, {});
+		$[18] = t12;
+	} else t12 = $[18];
 	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
-			})
+	if ($[19] !== t11) {
+		t13 = /* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
+			render: t11,
+			children: t12
 		});
-		$[21] = isMobileMode;
-		$[22] = t14;
-		$[23] = t16;
-	} else t16 = $[23];
+		$[19] = t11;
+		$[20] = t13;
+	} else t13 = $[20];
+	let t14;
+	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Toggle edit mode ", /* @__PURE__ */ jsx(Kbd, { children: "L" })] });
+		$[21] = t14;
+	} else t14 = $[21];
+	let t15;
+	if ($[22] !== t13) {
+		t15 = /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [t13, t14] });
+		$[22] = t13;
+		$[23] = t15;
+	} else t15 = $[23];
+	const t16 = isMobileMode ? "on" : "off";
 	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] });
+	if ($[24] !== isMobileMode || $[25] !== t16) {
+		t17 = /* @__PURE__ */ jsx(Toggle, {
+			"data-state": t16,
+			pressed: isMobileMode,
+			onPressedChange: _temp1,
+			variant: "outline"
+		});
+		$[24] = isMobileMode;
+		$[25] = t16;
 		$[26] = t17;
+	} else t17 = $[26];
+	let t18;
+	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+		t18 = /* @__PURE__ */ jsx(TabletSmartphone, {});
 		$[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";
+	if ($[28] !== t17) {
+		t19 = /* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
+			render: t17,
+			children: t18
+		});
+		$[28] = t17;
+		$[29] = t19;
+	} else t19 = $[29];
+	let t20;
+	if ($[30] !== actions) {
+		t20 = getActionShortcut(actions, "toggle-mobile-mode");
+		$[30] = actions;
+		$[31] = t20;
+	} else t20 = $[31];
 	let t21;
-	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
-		t21 = /* @__PURE__ */ jsx(MonitorPlay, {});
-		$[31] = t21;
-	} else t21 = $[31];
+	if ($[32] !== t20) {
+		t21 = /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Toggle mobile layout ", t20] });
+		$[32] = t20;
+		$[33] = t21;
+	} else t21 = $[33];
 	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];
+	if ($[34] !== t19 || $[35] !== t21) {
+		t22 = /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [t19, t21] });
+		$[34] = t19;
+		$[35] = t21;
+		$[36] = t22;
+	} else t22 = $[36];
+	const t23 = isPresentationMode ? "on" : "off";
 	let t24;
-	if ($[37] !== t23) {
-		t24 = /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Hide all Camox UI ", t23] });
-		$[37] = t23;
-		$[38] = t24;
-	} else t24 = $[38];
+	if ($[37] !== isPresentationMode || $[38] !== t23) {
+		t24 = /* @__PURE__ */ jsx(Toggle, {
+			"data-state": t23,
+			pressed: isPresentationMode,
+			variant: "outline",
+			onClick: _temp10
+		});
+		$[37] = isPresentationMode;
+		$[38] = t23;
+		$[39] = t24;
+	} else t24 = $[39];
 	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];
+	if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
+		t25 = /* @__PURE__ */ jsx(MonitorPlay, {});
+		$[40] = t25;
+	} else t25 = $[40];
 	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];
+	if ($[41] !== t24) {
+		t26 = /* @__PURE__ */ jsxs(Tooltip$1.TooltipTrigger, {
+			render: t24,
+			children: [t25, "Preview"]
+		});
+		$[41] = t24;
+		$[42] = t26;
+	} else t26 = $[42];
 	let t27;
-	if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
-		t27 = /* @__PURE__ */ jsx("span", {
+	if ($[43] !== actions) {
+		t27 = getActionShortcut(actions, "enter-presentation-mode");
+		$[43] = actions;
+		$[44] = t27;
+	} else t27 = $[44];
+	let t28;
+	if ($[45] !== t27) {
+		t28 = /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Hide all Camox UI ", t27] });
+		$[45] = t27;
+		$[46] = t28;
+	} else t28 = $[46];
+	let t29;
+	if ($[47] !== t26 || $[48] !== t28) {
+		t29 = /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [t26, t28] });
+		$[47] = t26;
+		$[48] = t28;
+		$[49] = t29;
+	} else t29 = $[49];
+	let t30;
+	if ($[50] !== t15 || $[51] !== t22 || $[52] !== t29 || $[53] !== t9) {
+		t30 = /* @__PURE__ */ jsxs(ButtonGroup, { children: [
+			t9,
+			t15,
+			t22,
+			t29
+		] });
+		$[50] = t15;
+		$[51] = t22;
+		$[52] = t29;
+		$[53] = t9;
+		$[54] = t30;
+	} else t30 = $[54];
+	let t31;
+	if ($[55] === Symbol.for("react.memo_cache_sentinel")) {
+		t31 = /* @__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, {
+		$[55] = t31;
+	} else t31 = $[55];
+	let t32;
+	if ($[56] !== actions) {
+		t32 = getActionShortcut(actions, "open-agent-chat");
+		$[56] = actions;
+		$[57] = t32;
+	} else t32 = $[57];
+	let t33;
+	if ($[58] !== t32) {
+		t33 = /* @__PURE__ */ jsxs(Button, {
 			variant: "outline",
 			className: "bg-transparent dark:bg-transparent",
 			onClick: _temp11,
-			children: [t27, t28]
+			children: [t31, t32]
 		});
-		$[50] = t28;
-		$[51] = t29;
-	} else t29 = $[51];
-	let t30;
-	if ($[52] !== t1 || $[53] !== t26 || $[54] !== t29) {
-		t30 = /* @__PURE__ */ jsxs(FloatingToolbar, {
+		$[58] = t32;
+		$[59] = t33;
+	} else t33 = $[59];
+	let t34;
+	if ($[60] !== t1 || $[61] !== t30 || $[62] !== t33) {
+		t34 = /* @__PURE__ */ jsxs(FloatingToolbar, {
 			className: t1,
-			children: [t26, t29]
+			children: [t30, t33]
 		});
-		$[52] = t1;
-		$[53] = t26;
-		$[54] = t29;
-		$[55] = t30;
-	} else t30 = $[55];
-	return t30;
+		$[60] = t1;
+		$[61] = t30;
+		$[62] = t33;
+		$[63] = t34;
+	} else t34 = $[63];
+	return t34;
 };
 function _temp(state) {
 	return state.context.isContentLocked;

package/dist/features/preview/components/RepeatableItemsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RepeatableItemsList.d.ts","sourceRoot":"","sources":["../../../../src/features/preview/components/RepeatableItemsList.tsx"],"names":[],"mappings":"AAkCA,KAAK,cAAc,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC,CAAC;AA+HF,UAAU,wBAAwB;IAChC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,mBAAmB,GAAI,4DAO1B,wBAAwB,4CA+J1B,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"RepeatableItemsList.d.ts","sourceRoot":"","sources":["../../../../src/features/preview/components/RepeatableItemsList.tsx"],"names":[],"mappings":"AAkCA,KAAK,cAAc,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC,CAAC;AAiIF,UAAU,wBAAwB;IAChC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,mBAAmB,GAAI,4DAO1B,wBAAwB,4CA+J1B,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -152,8 +152,7 @@ var SortableRepeatableItem = (t0) => {
 	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, {
+			render: /* @__PURE__ */ jsx(Button, {
 				type: "button",
 				variant: "ghost",
 				size: "icon-sm",
@@ -161,9 +160,9 @@ var SortableRepeatableItem = (t0) => {
 				onClick: (e) => {
 					e.stopPropagation();
 					onRemove(String(item.id));
-				},
-				children: /* @__PURE__ */ jsx(CircleMinus, { className: "h-4 w-4" })
-			})
+				}
+			}),
+			children: /* @__PURE__ */ jsx(CircleMinus, { className: "h-4 w-4" })
 		}), /* @__PURE__ */ jsx(TooltipContent, {
 			side: "right",
 			children: "Remove item"

package/dist/features/preview/components/TextFormatToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextFormatToolbar.d.ts","sourceRoot":"","sources":["../../../../src/features/preview/components/TextFormatToolbar.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,iBAAiB,+CA8D7B,CAAC"}
+{"version":3,"file":"TextFormatToolbar.d.ts","sourceRoot":"","sources":["../../../../src/features/preview/components/TextFormatToolbar.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,iBAAiB,+CAgE7B,CAAC"}

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

@@ -1,8 +1,8 @@
 import { previewStore } from "../previewStore.js";
 import { useIsPreviewSheetOpen } from "./PreviewSideSheet.js";
+import { cn } from "../../../lib/utils.js";
 import { isOverlayMessage } from "../overlayMessages.js";
 import { FORMAT_FLAGS } from "../../../core/lib/modifierFormats.js";
-import { cn } from "../../../lib/utils.js";
 import { c } from "react/compiler-runtime";
 import { Kbd } from "@camox/ui/kbd";
 import { useSelector } from "@xstate/store/react";
@@ -87,14 +87,13 @@ var TextFormatToolbar = () => {
 			const { key, flag, icon: Icon, label, shortcut } = t7;
 			const isActive = !!(activeFormats & flag);
 			return /* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [/* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
-				asChild: true,
-				children: /* @__PURE__ */ jsx(Toggle, {
+				render: /* @__PURE__ */ jsx(Toggle, {
 					"data-state": isActive ? "on" : "off",
 					pressed: isActive,
 					variant: "outline",
-					onPressedChange: () => sendFormat(key),
-					children: /* @__PURE__ */ jsx(Icon, {})
-				})
+					onPressedChange: () => sendFormat(key)
+				}),
+				children: /* @__PURE__ */ jsx(Icon, {})
 			}), /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: [
 				label,
 				" ",

package/dist/features/preview/components/UnlinkAssetButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnlinkAssetButton.d.ts","sourceRoot":"","sources":["../../../../src/features/preview/components/UnlinkAssetButton.tsx"],"names":[],"mappings":"AAkBA,UAAU,sBAAsB;IAC9B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,GAAI,iCAAiC,sBAAsB,4CA4DjF,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"UnlinkAssetButton.d.ts","sourceRoot":"","sources":["../../../../src/features/preview/components/UnlinkAssetButton.tsx"],"names":[],"mappings":"AAkBA,UAAU,sBAAsB;IAC9B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,iBAAiB,GAAI,iCAAiC,sBAAsB,4CA+DjF,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}