camox 0.14.2 → 0.16.0

package/dist/core/createLayout.js

@@ -10,11 +10,15 @@ function createLayout(options) {
 	const afterBlocks = options.blocks.after;
 	const initialBlocks = options.blocks.initial;
 	const BeforeBlocks = () => {
-		const $ = c(4);
+		const $ = c(5);
+		if ($[0] !== "99dd6e9ddef926bf72f275b7b443f91fba96158235831bafcf7d30a6ba3692d8") {
+			for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+			$[0] = "99dd6e9ddef926bf72f275b7b443f91fba96158235831bafcf7d30a6ba3692d8";
+		}
 		const ctx = React.use(LayoutContext);
 		if (!ctx) throw new Error(`Layout "${options.id}" BeforeBlocks must be rendered inside its Provider`);
 		let t0;
-		if ($[0] !== ctx) {
+		if ($[1] !== ctx) {
 			t0 = beforeBlocks.map((block, i) => {
 				const blockData = ctx.layoutBlocks[block._internal.id];
 				if (!blockData) return null;
@@ -30,24 +34,28 @@ function createLayout(options) {
 					})
 				}, block._internal.id);
 			});
-			$[0] = ctx;
-			$[1] = t0;
-		} else t0 = $[1];
+			$[1] = ctx;
+			$[2] = t0;
+		} else t0 = $[2];
 		let t1;
-		if ($[2] !== t0) {
+		if ($[3] !== t0) {
 			t1 = /* @__PURE__ */ jsx(Fragment, { children: t0 });
-			$[2] = t0;
-			$[3] = t1;
-		} else t1 = $[3];
+			$[3] = t0;
+			$[4] = t1;
+		} else t1 = $[4];
 		return t1;
 	};
 	BeforeBlocks.displayName = `LayoutBeforeBlocks(${options.id})`;
 	const AfterBlocks = () => {
-		const $ = c(4);
+		const $ = c(5);
+		if ($[0] !== "99dd6e9ddef926bf72f275b7b443f91fba96158235831bafcf7d30a6ba3692d8") {
+			for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+			$[0] = "99dd6e9ddef926bf72f275b7b443f91fba96158235831bafcf7d30a6ba3692d8";
+		}
 		const ctx = React.use(LayoutContext);
 		if (!ctx) throw new Error(`Layout "${options.id}" AfterBlocks must be rendered inside its Provider`);
 		let t0;
-		if ($[0] !== ctx) {
+		if ($[1] !== ctx) {
 			t0 = afterBlocks.map((block, i) => {
 				const blockData = ctx.layoutBlocks[block._internal.id];
 				if (!blockData) return null;
@@ -63,38 +71,42 @@ function createLayout(options) {
 					})
 				}, block._internal.id);
 			});
-			$[0] = ctx;
-			$[1] = t0;
-		} else t0 = $[1];
+			$[1] = ctx;
+			$[2] = t0;
+		} else t0 = $[2];
 		let t1;
-		if ($[2] !== t0) {
+		if ($[3] !== t0) {
 			t1 = /* @__PURE__ */ jsx(Fragment, { children: t0 });
-			$[2] = t0;
-			$[3] = t1;
-		} else t1 = $[3];
+			$[3] = t0;
+			$[4] = t1;
+		} else t1 = $[4];
 		return t1;
 	};
 	AfterBlocks.displayName = `LayoutAfterBlocks(${options.id})`;
 	const Provider = (t0) => {
-		const $ = c(5);
+		const $ = c(6);
+		if ($[0] !== "99dd6e9ddef926bf72f275b7b443f91fba96158235831bafcf7d30a6ba3692d8") {
+			for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+			$[0] = "99dd6e9ddef926bf72f275b7b443f91fba96158235831bafcf7d30a6ba3692d8";
+		}
 		const { layoutBlocks, children } = t0;
 		let t1;
-		if ($[0] !== layoutBlocks) {
+		if ($[1] !== layoutBlocks) {
 			t1 = { layoutBlocks };
-			$[0] = layoutBlocks;
-			$[1] = t1;
-		} else t1 = $[1];
+			$[1] = layoutBlocks;
+			$[2] = t1;
+		} else t1 = $[2];
 		const value = t1;
 		let t2;
-		if ($[2] !== children || $[3] !== value) {
+		if ($[3] !== children || $[4] !== value) {
 			t2 = /* @__PURE__ */ jsx(LayoutContext.Provider, {
 				value,
 				children
 			});
-			$[2] = children;
-			$[3] = value;
-			$[4] = t2;
-		} else t2 = $[4];
+			$[3] = children;
+			$[4] = value;
+			$[5] = t2;
+		} else t2 = $[5];
 		return t2;
 	};
 	const blockDefinitions = [...beforeBlocks.map((block) => {

package/dist/core/hooks/useFieldSelection.js

@@ -9,9 +9,13 @@ import { useSelector } from "@xstate/store/react";
 * Matches when the selection points to this exact field (type + name + optional repeater item).
 */
 function useFieldSelection(blockId, fieldName, fieldType, repeaterItemId) {
-	const $ = c(5);
+	const $ = c(6);
+	if ($[0] !== "c83180daeb2b318128d16b794abbd2d75add5a0d5b928aaf42a4ec53f1be7b98") {
+		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c83180daeb2b318128d16b794abbd2d75add5a0d5b928aaf42a4ec53f1be7b98";
+	}
 	let t0;
-	if ($[0] !== blockId || $[1] !== fieldName || $[2] !== fieldType || $[3] !== repeaterItemId) {
+	if ($[1] !== blockId || $[2] !== fieldName || $[3] !== fieldType || $[4] !== repeaterItemId) {
 		t0 = (state) => {
 			const sel = state.context.selection;
 			if (!sel || sel.blockId !== blockId) return false;
@@ -25,12 +29,12 @@ function useFieldSelection(blockId, fieldName, fieldType, repeaterItemId) {
 			}
 			return false;
 		};
-		$[0] = blockId;
-		$[1] = fieldName;
-		$[2] = fieldType;
-		$[3] = repeaterItemId;
-		$[4] = t0;
-	} else t0 = $[4];
+		$[1] = blockId;
+		$[2] = fieldName;
+		$[3] = fieldType;
+		$[4] = repeaterItemId;
+		$[5] = t0;
+	} else t0 = $[5];
 	return useSelector(previewStore, t0);
 }
 

package/dist/core/hooks/useIsEditable.js

@@ -1,9 +1,15 @@
 import { previewStore } from "../../features/preview/previewStore.js";
 import { useIsAuthenticated } from "../../lib/auth.js";
+import { c } from "react/compiler-runtime";
 import { useSelector } from "@xstate/store/react";
 
 //#region src/core/hooks/useIsEditable.ts
 function useIsEditable(mode) {
+	const $ = c(1);
+	if ($[0] !== "a238b8e080e05852b1cb210aa44077f2b223fb70fe72a3cb94571c87e1c28713") {
+		for (let $i = 0; $i < 1; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "a238b8e080e05852b1cb210aa44077f2b223fb70fe72a3cb94571c87e1c28713";
+	}
 	const isAuthenticated = useIsAuthenticated();
 	const isPresentationMode = useSelector(previewStore, _temp);
 	const isContentLocked = useSelector(previewStore, _temp2);

package/dist/core/hooks/useOverlayMessage.js

@@ -11,18 +11,22 @@ import * as React from "react";
 * `match` is undefined.
 */
 function useOverlayMessage(iframeWindow, enabled, startType, endType, match) {
-	const $ = c(9);
+	const $ = c(10);
+	if ($[0] !== "054e151c2e2c2385d80749bd79af75fa91d1c017ccb12caf70e0f41df7360b1a") {
+		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "054e151c2e2c2385d80749bd79af75fa91d1c017ccb12caf70e0f41df7360b1a";
+	}
 	const [active, setActive] = React.useState(false);
 	let t0;
-	if ($[0] !== match) {
+	if ($[1] !== match) {
 		t0 = JSON.stringify(match);
-		$[0] = match;
-		$[1] = t0;
-	} else t0 = $[1];
+		$[1] = match;
+		$[2] = t0;
+	} else t0 = $[2];
 	const matchJson = t0;
 	let t1;
 	let t2;
-	if ($[2] !== enabled || $[3] !== endType || $[4] !== iframeWindow || $[5] !== matchJson || $[6] !== startType) {
+	if ($[3] !== enabled || $[4] !== endType || $[5] !== iframeWindow || $[6] !== matchJson || $[7] !== startType) {
 		t1 = () => {
 			if (!enabled || !iframeWindow) return;
 			const matchEntries = Object.entries(JSON.parse(matchJson));
@@ -47,16 +51,16 @@ function useOverlayMessage(iframeWindow, enabled, startType, endType, match) {
 			endType,
 			matchJson
 		];
-		$[2] = enabled;
-		$[3] = endType;
-		$[4] = iframeWindow;
-		$[5] = matchJson;
-		$[6] = startType;
-		$[7] = t1;
-		$[8] = t2;
+		$[3] = enabled;
+		$[4] = endType;
+		$[5] = iframeWindow;
+		$[6] = matchJson;
+		$[7] = startType;
+		$[8] = t1;
+		$[9] = t2;
 	} else {
-		t1 = $[7];
-		t2 = $[8];
+		t1 = $[8];
+		t2 = $[9];
 	}
 	React.useEffect(t1, t2);
 	return active;

package/dist/core/lib/contentType.d.ts

@@ -24,7 +24,7 @@ declare class Conditional {
 }
 type ConditionalChild = string | FieldToken | Conditional;
 type ConditionalLines = ConditionalChild | ReadonlyArray<ConditionalChild>;
-type ContentProxy<TShape extends Record<string, TSchema>> = { [K in keyof TShape & string]: FieldToken };
+type ContentProxy<TShape extends Record<string, TSchema>> = { [K in keyof TShape & string]: string & FieldToken };
 /**
  * Callable shape for one entry on the settings proxy. Booleans take a single `lines`
  * argument; enums take `(value, lines)`. Settings of other shapes are disallowed — they
@@ -72,6 +72,10 @@ type FileValue = {
 } & {
   readonly __brand: "FileValue";
 };
+declare function _imageType(options: {
+  title?: string;
+  multiple?: false;
+}): TUnsafe<ImageValue>;
 declare function _imageType(options: {
   title?: string;
   multiple: true;
@@ -79,10 +83,11 @@ declare function _imageType(options: {
 }): TArray<TObject<{
   image: TUnsafe<ImageValue>;
 }>>;
-declare function _imageType(options: {
+declare function _fileType(options: {
+  accept: string[];
   title?: string;
   multiple?: false;
-}): TUnsafe<ImageValue>;
+}): TUnsafe<FileValue>;
 declare function _fileType(options: {
   accept: string[];
   title?: string;
@@ -91,11 +96,6 @@ declare function _fileType(options: {
 }): TArray<TObject<{
   file: TUnsafe<FileValue>;
 }>>;
-declare function _fileType(options: {
-  accept: string[];
-  title?: string;
-  multiple?: false;
-}): TUnsafe<FileValue>;
 /**
  * Type builders for createBlock content schemas.
  * All fields must have default values.

package/dist/core/lib/contentType.js

@@ -129,6 +129,13 @@ function _fileType(options) {
 * All fields must have default values.
 */
 const Type$1 = {
+	/**
+	* Creates a string field with a required default value.
+	*
+	* @example
+	* Type.String({ default: 'Hello' })
+	* Type.String({ default: 'Hello', maxLength: 100, title: 'Title' })
+	*/
 	String: (options) => {
 		return Type.Unsafe({
 			type: "string",
@@ -137,6 +144,29 @@ const Type$1 = {
 			fieldType: "String"
 		});
 	},
+	/**
+	* Creates a repeatable array of object items.
+	* The default array is auto-generated based on minItems.
+	*
+	* Items may also declare per-item `settings` (Enum/Boolean only) — not
+	* inline-editable; they appear in the sidebar when the item is selected,
+	* similar to block-level settings.
+	*
+	* @example
+	* Type.RepeatableItem({
+	*   content: {
+	*     title: Type.String({ default: 'Item' }),
+	*     description: Type.String({ default: 'Description' }),
+	*   },
+	*   settings: {
+	*     highlighted: Type.Boolean({ default: false, title: 'Highlighted' }),
+	*   },
+	*   minItems: 1,
+	*   maxItems: 10,
+	*   title: 'Items',
+	*   toMarkdown: (c) => [`### ${c.title}`, c.description],
+	* })
+	*/
 	RepeatableItem: (options) => {
 		if (options.minItems < 1) throw new Error("RepeatableItem requires minItems to be at least 1");
 		const objectSchema = Type.Object(options.content);
@@ -164,6 +194,16 @@ const Type$1 = {
 			defaultItemSettings: settingsTypeboxSchema ? defaultItemSettings : void 0
 		});
 	},
+	/**
+	* Creates an enum field with a set of predefined options.
+	*
+	* @example
+	* Type.Enum({
+	*   default: 'left',
+	*   options: { left: 'Left', center: 'Center', right: 'Right' },
+	*   title: 'Alignment'
+	* })
+	*/
 	Enum: (options) => {
 		const enumValues = Object.keys(options.options);
 		return Type.Unsafe({
@@ -175,6 +215,12 @@ const Type$1 = {
 			fieldType: "Enum"
 		});
 	},
+	/**
+	* Creates a boolean toggle field.
+	*
+	* @example
+	* Type.Boolean({ default: false, title: 'Show background' })
+	*/
 	Boolean: (options) => {
 		return Type.Boolean({
 			default: options.default,
@@ -182,6 +228,16 @@ const Type$1 = {
 			fieldType: "Boolean"
 		});
 	},
+	/**
+	* Creates an embed field for URLs matching a specific pattern.
+	*
+	* @example
+	* Type.Embed({
+	*   pattern: 'https:\\/\\/(www\\.)?youtube\\.com\\/watch\\?v=.+',
+	*   default: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ',
+	*   title: 'YouTube URL'
+	* })
+	*/
 	Embed: (options) => {
 		if (!new RegExp(options.pattern).test(options.default)) throw new Error(`Embed default value "${options.default}" does not match pattern "${options.pattern}"`);
 		return Type.Unsafe({
@@ -192,6 +248,13 @@ const Type$1 = {
 			fieldType: "Embed"
 		});
 	},
+	/**
+	* Creates a link field with text, href/pageId, and newTab properties.
+	* Supports both external URLs and internal page links.
+	*
+	* @example
+	* Type.Link({ default: { text: 'Learn more', href: '/', newTab: false }, title: 'CTA' })
+	*/
 	Link: (options) => {
 		return Type.Unsafe({
 			type: "object",

package/dist/features/content/CamoxContent.js

@@ -18,71 +18,75 @@ import { FloatingToolbar } from "@camox/ui/floating-toolbar";
 
 //#region src/features/content/CamoxContent.tsx
 const CamoxContent = () => {
-	const $ = c(49);
+	const $ = c(50);
+	if ($[0] !== "555aaa7d0dfb9d48290ff084e4bccb6f79b8d215cf4511a7189c87640abf6593") {
+		for (let $i = 0; $i < 50; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "555aaa7d0dfb9d48290ff084e4bccb6f79b8d215cf4511a7189c87640abf6593";
+	}
 	const projectSlug = useProjectSlug();
 	let t0;
-	if ($[0] !== projectSlug) {
+	if ($[1] !== projectSlug) {
 		t0 = projectQueries.getBySlug(projectSlug);
-		$[0] = projectSlug;
-		$[1] = t0;
-	} else t0 = $[1];
+		$[1] = projectSlug;
+		$[2] = t0;
+	} else t0 = $[2];
 	const { data: project } = useQuery(t0);
 	let t1;
-	if ($[2] !== project?.id) {
+	if ($[3] !== project?.id) {
 		t1 = fileQueries.list(project?.id ?? 0);
-		$[2] = project?.id;
-		$[3] = t1;
-	} else t1 = $[3];
+		$[3] = project?.id;
+		$[4] = t1;
+	} else t1 = $[4];
 	const t2 = !!project;
 	let t3;
-	if ($[4] !== t1 || $[5] !== t2) {
+	if ($[5] !== t1 || $[6] !== t2) {
 		t3 = {
 			...t1,
 			enabled: t2
 		};
-		$[4] = t1;
-		$[5] = t2;
-		$[6] = t3;
-	} else t3 = $[6];
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
 	const { data: files } = useQuery(t3);
 	let t4;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
 		t4 = /* @__PURE__ */ new Set();
-		$[7] = t4;
-	} else t4 = $[7];
+		$[8] = t4;
+	} else t4 = $[8];
 	const [selectedIds, setSelectedIds] = useState(t4);
 	const [lightboxFileId, setLightboxFileId] = useState(null);
 	const t5 = project?.id;
 	let t6;
-	if ($[8] !== t5) {
+	if ($[9] !== t5) {
 		t6 = { projectId: t5 };
-		$[8] = t5;
-		$[9] = t6;
-	} else t6 = $[9];
+		$[9] = t5;
+		$[10] = t6;
+	} else t6 = $[10];
 	const { uploads, uploadFiles, clearAll } = useFileUpload(t6);
 	let t7;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
 		t7 = {
 			...fileMutations.deleteMany(),
 			onSuccess: () => setSelectedIds(/* @__PURE__ */ new Set())
 		};
-		$[10] = t7;
-	} else t7 = $[10];
+		$[11] = t7;
+	} else t7 = $[11];
 	const deleteFiles = useMutation(t7);
 	const containerRef = useRef(null);
 	let t8;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
 		t8 = (ids) => setSelectedIds(ids);
-		$[11] = t8;
-	} else t8 = $[11];
+		$[12] = t8;
+	} else t8 = $[12];
 	const { selectionRect, didDragRef, handlers } = useMarqueeSelection(containerRef, t8);
 	let t9;
-	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
 		t9 = /* @__PURE__ */ jsx(ContentSidebar, {});
-		$[12] = t9;
-	} else t9 = $[12];
+		$[13] = t9;
+	} else t9 = $[13];
 	let t10;
-	if ($[13] !== didDragRef) {
+	if ($[14] !== didDragRef) {
 		t10 = () => {
 			if (didDragRef.current) {
 				didDragRef.current = false;
@@ -90,20 +94,20 @@ const CamoxContent = () => {
 			}
 			setSelectedIds(/* @__PURE__ */ new Set());
 		};
-		$[13] = didDragRef;
-		$[14] = t10;
-	} else t10 = $[14];
+		$[14] = didDragRef;
+		$[15] = t10;
+	} else t10 = $[15];
 	let t11;
-	if ($[15] !== files) {
+	if ($[16] !== files) {
 		t11 = files === void 0 && /* @__PURE__ */ jsx("div", {
 			className: "grid grid-cols-[repeat(auto-fill,minmax(220px,1fr))] gap-4",
 			children: Array.from({ length: 12 }, _temp)
 		});
-		$[15] = files;
-		$[16] = t11;
-	} else t11 = $[16];
+		$[16] = files;
+		$[17] = t11;
+	} else t11 = $[17];
 	let t12;
-	if ($[17] !== files?.length) {
+	if ($[18] !== files?.length) {
 		t12 = files?.length === 0 && /* @__PURE__ */ jsx("div", {
 			className: "flex h-full flex-1 items-center justify-center",
 			children: /* @__PURE__ */ jsx("p", {
@@ -111,11 +115,11 @@ const CamoxContent = () => {
 				children: "No assets yet"
 			})
 		});
-		$[17] = files?.length;
-		$[18] = t12;
-	} else t12 = $[18];
+		$[18] = files?.length;
+		$[19] = t12;
+	} else t12 = $[19];
 	let t13;
-	if ($[19] !== files || $[20] !== selectedIds) {
+	if ($[20] !== files || $[21] !== selectedIds) {
 		t13 = files && files.length > 0 && /* @__PURE__ */ jsx("div", {
 			className: "grid grid-cols-[repeat(auto-fill,minmax(220px,1fr))] gap-4",
 			children: files.map((file) => /* @__PURE__ */ jsx(AssetCard, {
@@ -132,12 +136,12 @@ const CamoxContent = () => {
 				onOpen: () => setLightboxFileId(file.id)
 			}, file.id))
 		});
-		$[19] = files;
-		$[20] = selectedIds;
-		$[21] = t13;
-	} else t13 = $[21];
+		$[20] = files;
+		$[21] = selectedIds;
+		$[22] = t13;
+	} else t13 = $[22];
 	let t14;
-	if ($[22] !== selectionRect) {
+	if ($[23] !== selectionRect) {
 		t14 = selectionRect && /* @__PURE__ */ jsx("div", {
 			className: "border-primary bg-primary/10 pointer-events-none absolute z-50 border",
 			style: {
@@ -147,11 +151,11 @@ const CamoxContent = () => {
 				height: selectionRect.height
 			}
 		});
-		$[22] = selectionRect;
-		$[23] = t14;
-	} else t14 = $[23];
+		$[23] = selectionRect;
+		$[24] = t14;
+	} else t14 = $[24];
 	let t15;
-	if ($[24] !== handlers.onPointerDown || $[25] !== handlers.onPointerMove || $[26] !== handlers.onPointerUp || $[27] !== t10 || $[28] !== t11 || $[29] !== t12 || $[30] !== t13 || $[31] !== t14) {
+	if ($[25] !== handlers.onPointerDown || $[26] !== handlers.onPointerMove || $[27] !== handlers.onPointerUp || $[28] !== t10 || $[29] !== t11 || $[30] !== t12 || $[31] !== t13 || $[32] !== t14) {
 		t15 = /* @__PURE__ */ jsxs(PanelContent, {
 			ref: containerRef,
 			className: "relative p-4 select-none",
@@ -166,18 +170,18 @@ const CamoxContent = () => {
 				t14
 			]
 		});
-		$[24] = handlers.onPointerDown;
-		$[25] = handlers.onPointerMove;
-		$[26] = handlers.onPointerUp;
-		$[27] = t10;
-		$[28] = t11;
-		$[29] = t12;
-		$[30] = t13;
-		$[31] = t14;
-		$[32] = t15;
-	} else t15 = $[32];
+		$[25] = handlers.onPointerDown;
+		$[26] = handlers.onPointerMove;
+		$[27] = handlers.onPointerUp;
+		$[28] = t10;
+		$[29] = t11;
+		$[30] = t12;
+		$[31] = t13;
+		$[32] = t14;
+		$[33] = t15;
+	} else t15 = $[33];
 	let t16;
-	if ($[33] !== t15 || $[34] !== uploadFiles) {
+	if ($[34] !== t15 || $[35] !== uploadFiles) {
 		t16 = /* @__PURE__ */ jsx("div", {
 			className: "flex min-w-0 flex-1 flex-col",
 			children: /* @__PURE__ */ jsx(UploadDropZone, {
@@ -186,22 +190,22 @@ const CamoxContent = () => {
 				children: t15
 			})
 		});
-		$[33] = t15;
-		$[34] = uploadFiles;
-		$[35] = t16;
-	} else t16 = $[35];
+		$[34] = t15;
+		$[35] = uploadFiles;
+		$[36] = t16;
+	} else t16 = $[36];
 	let t17;
-	if ($[36] !== clearAll || $[37] !== uploads) {
+	if ($[37] !== clearAll || $[38] !== uploads) {
 		t17 = /* @__PURE__ */ jsx(UploadProgressDrawer, {
 			uploads,
 			onClose: clearAll
 		});
-		$[36] = clearAll;
-		$[37] = uploads;
-		$[38] = t17;
-	} else t17 = $[38];
+		$[37] = clearAll;
+		$[38] = uploads;
+		$[39] = t17;
+	} else t17 = $[39];
 	let t18;
-	if ($[39] !== deleteFiles || $[40] !== selectedIds) {
+	if ($[40] !== deleteFiles || $[41] !== selectedIds) {
 		t18 = selectedIds.size > 0 && /* @__PURE__ */ jsxs(FloatingToolbar, {
 			className: "bottom-4 min-w-xs justify-between gap-4 pl-3",
 			children: [/* @__PURE__ */ jsxs("span", {
@@ -222,12 +226,12 @@ const CamoxContent = () => {
 				children: deleteFiles.isPending ? "Deleting…" : "Delete"
 			})]
 		});
-		$[39] = deleteFiles;
-		$[40] = selectedIds;
-		$[41] = t18;
-	} else t18 = $[41];
+		$[40] = deleteFiles;
+		$[41] = selectedIds;
+		$[42] = t18;
+	} else t18 = $[42];
 	let t19;
-	if ($[42] !== lightboxFileId) {
+	if ($[43] !== lightboxFileId) {
 		t19 = lightboxFileId && /* @__PURE__ */ jsx(AssetLightbox, {
 			open: true,
 			onOpenChange: (open) => {
@@ -235,11 +239,11 @@ const CamoxContent = () => {
 			},
 			fileId: lightboxFileId
 		});
-		$[42] = lightboxFileId;
-		$[43] = t19;
-	} else t19 = $[43];
+		$[43] = lightboxFileId;
+		$[44] = t19;
+	} else t19 = $[44];
 	let t20;
-	if ($[44] !== t16 || $[45] !== t17 || $[46] !== t18 || $[47] !== t19) {
+	if ($[45] !== t16 || $[46] !== t17 || $[47] !== t18 || $[48] !== t19) {
 		t20 = /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-1 flex-row",
 			children: [
@@ -250,12 +254,12 @@ const CamoxContent = () => {
 				t19
 			]
 		});
-		$[44] = t16;
-		$[45] = t17;
-		$[46] = t18;
-		$[47] = t19;
-		$[48] = t20;
-	} else t20 = $[48];
+		$[45] = t16;
+		$[46] = t17;
+		$[47] = t18;
+		$[48] = t19;
+		$[49] = t20;
+	} else t20 = $[49];
 	return t20;
 };
 function _temp(_, i) {