camox 0.6.1 → 0.7.0

package/dist/core/components/AddBlockControlBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddBlockControlBar.d.ts","sourceRoot":"","sources":["../../../src/core/components/AddBlockControlBar.tsx"],"names":[],"mappings":"AAIA,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,kBAAkB,GAAI,8CAKhC,uBAAuB,4CAiEzB,CAAC"}
+{"version":3,"file":"AddBlockControlBar.d.ts","sourceRoot":"","sources":["../../../src/core/components/AddBlockControlBar.tsx"],"names":[],"mappings":"AAEA,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,kBAAkB,GAAI,8CAKhC,uBAAuB,4CA0BzB,CAAC"}

package/dist/core/components/AddBlockControlBar.js

@@ -1,138 +1,72 @@
-import { OVERLAY_COLORS } from "../../features/preview/overlayConstants.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/core/components/AddBlockControlBar.tsx
 var AddBlockControlBar = (t0) => {
-	const $ = c(25);
+	const $ = c(14);
 	const { position, hidden, onClick, onMouseLeave } = t0;
 	const [isExpanded, setIsExpanded] = React.useState(false);
-	const t1 = position === "top" ? 0 : void 0;
-	const t2 = position === "bottom" ? 0 : void 0;
-	const t3 = position === "top" ? "translateX(-50%) translateY(-50%)" : "translateX(-50%) translateY(50%)";
-	const t4 = hidden ? 0 : 1;
-	const t5 = hidden ? "none" : "auto";
-	let t6;
-	if ($[0] !== t1 || $[1] !== t2 || $[2] !== t3 || $[3] !== t4 || $[4] !== t5) {
-		t6 = {
-			position: "absolute",
-			top: t1,
-			bottom: t2,
-			left: "50%",
-			right: 0,
-			height: "36px",
-			transform: t3,
-			width: "fit-content",
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "center",
-			zIndex: 11,
-			opacity: t4,
-			pointerEvents: t5,
-			transition: "opacity 150ms ease"
-		};
-		$[0] = t1;
-		$[1] = t2;
-		$[2] = t3;
-		$[3] = t4;
-		$[4] = t5;
-		$[5] = t6;
-	} else t6 = $[5];
-	let t7;
-	let t8;
-	let t9;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = {
-			width: "120px",
-			height: "36px",
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "center"
-		};
-		t8 = () => setIsExpanded(true);
-		t9 = () => setIsExpanded(false);
-		$[6] = t7;
-		$[7] = t8;
-		$[8] = t9;
+	const t1 = hidden || void 0;
+	let t2;
+	let t3;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = () => setIsExpanded(true);
+		t3 = () => setIsExpanded(false);
+		$[0] = t2;
+		$[1] = t3;
 	} else {
-		t7 = $[6];
-		t8 = $[7];
-		t9 = $[8];
+		t2 = $[0];
+		t3 = $[1];
 	}
-	const t10 = isExpanded ? "4px" : "0px";
-	const t11 = isExpanded ? "4px 8px" : "0px";
-	const t12 = isExpanded ? "auto" : "20px";
-	const t13 = isExpanded ? "auto" : "20px";
-	let t14;
-	if ($[9] !== t10 || $[10] !== t11 || $[11] !== t12 || $[12] !== t13) {
-		t14 = {
-			display: "flex",
-			alignItems: "center",
-			gap: t10,
-			padding: t11,
-			width: t12,
-			height: t13,
-			justifyContent: "center",
-			backgroundColor: OVERLAY_COLORS.selected,
-			color: "white",
-			border: "none",
-			borderRadius: "9999px",
-			fontSize: "12px",
-			fontWeight: 500,
-			cursor: "pointer",
-			whiteSpace: "nowrap",
-			transition: "all 150ms ease"
-		};
-		$[9] = t10;
-		$[10] = t11;
-		$[11] = t12;
-		$[12] = t13;
-		$[13] = t14;
-	} else t14 = $[13];
-	let t15;
-	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = /* @__PURE__ */ jsx("span", {
+	const t4 = isExpanded || void 0;
+	let t5;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx("span", {
 			style: { lineHeight: 1 },
 			children: "+"
 		});
-		$[14] = t15;
-	} else t15 = $[14];
-	let t16;
-	if ($[15] !== isExpanded) {
-		t16 = isExpanded && /* @__PURE__ */ jsx("span", { children: "Add block" });
-		$[15] = isExpanded;
-		$[16] = t16;
-	} else t16 = $[16];
-	let t17;
-	if ($[17] !== onClick || $[18] !== t14 || $[19] !== t16) {
-		t17 = /* @__PURE__ */ jsx("div", {
-			style: t7,
-			onMouseEnter: t8,
-			onMouseLeave: t9,
+		$[2] = t5;
+	} else t5 = $[2];
+	let t6;
+	if ($[3] !== isExpanded) {
+		t6 = isExpanded && /* @__PURE__ */ jsx("span", { children: "Add block" });
+		$[3] = isExpanded;
+		$[4] = t6;
+	} else t6 = $[4];
+	let t7;
+	if ($[5] !== onClick || $[6] !== t4 || $[7] !== t6) {
+		t7 = /* @__PURE__ */ jsx("div", {
+			className: "camox-add-block-hitarea",
+			onMouseEnter: t2,
+			onMouseLeave: t3,
 			children: /* @__PURE__ */ jsxs("button", {
-				style: t14,
+				className: "camox-add-block-button",
+				"data-camox-expanded": t4,
 				onClick,
-				children: [t15, t16]
+				children: [t5, t6]
 			})
 		});
-		$[17] = onClick;
-		$[18] = t14;
-		$[19] = t16;
-		$[20] = t17;
-	} else t17 = $[20];
-	let t18;
-	if ($[21] !== onMouseLeave || $[22] !== t17 || $[23] !== t6) {
-		t18 = /* @__PURE__ */ jsx("div", {
-			style: t6,
+		$[5] = onClick;
+		$[6] = t4;
+		$[7] = t6;
+		$[8] = t7;
+	} else t7 = $[8];
+	let t8;
+	if ($[9] !== onMouseLeave || $[10] !== position || $[11] !== t1 || $[12] !== t7) {
+		t8 = /* @__PURE__ */ jsx("div", {
+			className: "camox-add-block",
+			"data-camox-position": position,
+			"data-camox-hidden": t1,
 			onMouseLeave,
-			children: t17
+			children: t7
 		});
-		$[21] = onMouseLeave;
-		$[22] = t17;
-		$[23] = t6;
-		$[24] = t18;
-	} else t18 = $[24];
-	return t18;
+		$[9] = onMouseLeave;
+		$[10] = position;
+		$[11] = t1;
+		$[12] = t7;
+		$[13] = t8;
+	} else t8 = $[13];
+	return t8;
 };
 //#endregion
 export { AddBlockControlBar };

package/dist/core/components/lexical/InlineLexicalEditor.js

@@ -1,9 +1,9 @@
+import { useFrame } from "../../../features/preview/components/Frame.js";
 import { lexicalStateToMarkdown } from "../../lib/lexicalState.js";
 import { createEditorConfig, normalizeLexicalState } from "./editorConfig.js";
 import { InlineContentEditable } from "./InlineContentEditable.js";
 import { SelectionBroadcaster } from "./SelectionBroadcaster.js";
 import { c } from "react/compiler-runtime";
-import { useFrame } from "@camox/ui/frame";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { LexicalComposer } from "@lexical/react/LexicalComposer";

package/dist/core/components/lexical/SidebarLexicalEditor.js

@@ -1,6 +1,6 @@
+import { INPUT_BASE_STYLES, INPUT_FOCUS_STYLES, cn } from "../../../lib/utils.js";
 import { lexicalStateToMarkdown } from "../../lib/lexicalState.js";
 import { createEditorConfig, normalizeLexicalState } from "./editorConfig.js";
-import { INPUT_BASE_STYLES, INPUT_FOCUS_STYLES, cn } from "../../../lib/utils.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";