@oktis-works/admin 0.1.2 → 0.1.4

package/dist/server/chunks/edit_D14rRl_p.mjs

@@ -0,0 +1,845 @@
+import { r as __exportAll } from "./rolldown-runtime_BMI-E3GI.mjs";
+import { d as maybeRenderHead, i as renderComponent, u as renderTemplate } from "./server_CnzC2Y0K.mjs";
+import { t as createComponent$1 } from "./compiler_CYjwXhLT.mjs";
+import { t as $$DashboardLayout } from "./DashboardLayout_CP5ag-_P.mjs";
+import { t as apiClient } from "./api_Cy8sbUHf.mjs";
+import { t as require_semver } from "./semver_WbqCUY_o.mjs";
+import { createComponent, escape, memo, ssr, ssrAttribute, ssrHydrationKey } from "solid-js/web";
+import { For, For as For$1, Show, Show as Show$1, createMemo, createMemo as createMemo$1, createSignal, createSignal as createSignal$1, onMount } from "solid-js";
+//#region src/lib/validation.ts
+function validateFieldClient(_field, _value) {
+	return {
+		valid: true,
+		errors: []
+	};
+}
+function expandCloneFields(fields) {
+	return fields;
+}
+require_semver();
+//#endregion
+//#region src/components/content/RelationshipPicker.tsx
+var _tmpl$$3 = [
+	"<ul",
+	" class=\"relationship-picker__selection\">",
+	"</ul>"
+];
+var _tmpl$2$3 = ["<li", " class=\"relationship-picker__empty\">Buscando...</li>"];
+var _tmpl$3$3 = ["<li", " class=\"relationship-picker__empty\">Nenhum resultado</li>"];
+var _tmpl$4$3 = [
+	"<ul",
+	" class=\"relationship-picker__results\"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></ul>"
+];
+var _tmpl$5$3 = [
+	"<div",
+	" class=\"relationship-picker\"><!--$-->",
+	"<!--/--><input type=\"search\" class=\"input\"",
+	"><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$6$2 = [
+	"<li",
+	"><!--$-->",
+	"<!--/--><button type=\"button\" aria-label=\"Remover\">×</button></li>"
+];
+var _tmpl$7$2 = [
+	"<li",
+	"><button type=\"button\"><!--$-->",
+	"<!--/--><span class=\"relationship-picker__type\">",
+	"</span></button></li>"
+];
+function RelationshipPicker(props) {
+	const [query, setQuery] = createSignal$1("");
+	const [results, setResults] = createSignal$1([]);
+	const [selected, setSelected] = createSignal$1([]);
+	const [loading, setLoading] = createSignal$1(false);
+	const [open, setOpen] = createSignal$1(false);
+	const selectedIds = createMemo$1(() => {
+		const value = props.value;
+		if (Array.isArray(value)) return value.map(String);
+		return value ? [String(value)] : [];
+	});
+	return ssr(_tmpl$5$3, ssrHydrationKey(), escape(createComponent(Show$1, {
+		get when() {
+			return selected().length > 0 || selectedIds().length > 0;
+		},
+		get children() {
+			return ssr(_tmpl$$3, ssrHydrationKey(), escape(createComponent(For$1, {
+				get each() {
+					return selected();
+				},
+				children: (entry) => ssr(_tmpl$6$2, ssrHydrationKey(), escape(entry.title))
+			})));
+		}
+	})), ssrAttribute("placeholder", escape(props.placeholder ?? "Buscar conteúdo...", true), false) + ssrAttribute("value", escape(query(), true), false), escape(createComponent(Show$1, {
+		get when() {
+			return memo(() => !!open())() && (loading() || results().length > 0);
+		},
+		get children() {
+			return ssr(_tmpl$4$3, ssrHydrationKey(), escape(createComponent(Show$1, {
+				get when() {
+					return loading();
+				},
+				get children() {
+					return ssr(_tmpl$2$3, ssrHydrationKey());
+				}
+			})), escape(createComponent(For$1, {
+				get each() {
+					return results();
+				},
+				children: (option) => ssr(_tmpl$7$2, ssrHydrationKey(), escape(option.title), escape(option.type))
+			})), escape(createComponent(Show$1, {
+				get when() {
+					return memo(() => !!!loading())() && results().length === 0;
+				},
+				get children() {
+					return ssr(_tmpl$3$3, ssrHydrationKey());
+				}
+			})));
+		}
+	})));
+}
+//#endregion
+//#region src/components/content/FieldRenderer.tsx
+var _tmpl$$2 = ["<span", " class=\"field-renderer__required\">*</span>"];
+var _tmpl$2$2 = [
+	"<p",
+	" class=\"field-renderer__instructions\">",
+	"</p>"
+];
+var _tmpl$3$2 = [
+	"<p",
+	" class=\"field-renderer__error\" role=\"alert\">",
+	"</p>"
+];
+var _tmpl$4$2 = [
+	"<div",
+	" class=\"field-renderer\"",
+	"><label class=\"field-renderer__label\"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></label><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$5$2 = [
+	"<input",
+	" type=\"text\" class=\"input\"",
+	">"
+];
+var _tmpl$6$1 = [
+	"<textarea",
+	" class=\"input\" rows=\"4\"",
+	"></textarea>"
+];
+var _tmpl$7$1 = ["<textarea", " class=\"input wysiwyg\" rows=\"8\"></textarea>"];
+var _tmpl$8$1 = [
+	"<input",
+	" type=\"number\" class=\"input\"",
+	">"
+];
+var _tmpl$9$1 = ["<input", " type=\"email\" class=\"input\">"];
+var _tmpl$0 = ["<input", " type=\"url\" class=\"input\" placeholder=\"https://\">"];
+var _tmpl$1 = ["<input", " type=\"password\" class=\"input\">"];
+var _tmpl$10 = [
+	"<input",
+	" type=\"checkbox\"",
+	">"
+];
+var _tmpl$11 = [
+	"<select",
+	" class=\"input\"",
+	">",
+	"</select>"
+];
+var _tmpl$12 = [
+	"<option",
+	">",
+	"</option>"
+];
+var _tmpl$13 = [
+	"<div",
+	" class=\"field-renderer__choices\">",
+	"</div>"
+];
+var _tmpl$14 = [
+	"<label",
+	"><input type=\"radio\"",
+	"",
+	"> <!--$-->",
+	"<!--/--></label>"
+];
+var _tmpl$15 = [
+	"<label",
+	"><input type=\"checkbox\"",
+	"> <!--$-->",
+	"<!--/--></label>"
+];
+var _tmpl$16 = ["<input", " type=\"date\" class=\"input\">"];
+var _tmpl$17 = ["<input", " type=\"datetime-local\" class=\"input\">"];
+var _tmpl$18 = ["<input", " type=\"time\" class=\"input\">"];
+var _tmpl$19 = ["<input", " type=\"color\">"];
+var _tmpl$20 = ["<div", " class=\"field-renderer__map\"><input type=\"text\" class=\"input\" placeholder=\"Endereço\"><input type=\"number\" class=\"input\" placeholder=\"Latitude (-90 a 90)\" step=\"any\" min=\"-90\" max=\"90\"><input type=\"number\" class=\"input\" placeholder=\"Longitude (-180 a 180)\" step=\"any\" min=\"-180\" max=\"180\"></div>"];
+var _tmpl$21 = ["<div", " class=\"field-renderer__link\"><input type=\"url\" class=\"input\" placeholder=\"https:// ou /caminho\"><select class=\"input\"><option value=\"_self\">Mesma janela</option><option value=\"_blank\">Nova janela</option></select></div>"];
+var _tmpl$22 = [
+	"<div",
+	" class=\"field-renderer__rows\"><!--$-->",
+	"<!--/--><button type=\"button\" class=\"btn\">+ Adicionar linha</button></div>"
+];
+var _tmpl$23 = [
+	"<div",
+	" class=\"field-renderer__rows\"><!--$-->",
+	"<!--/--><select class=\"input\" value><option value>+ Adicionar layout...</option><!--$-->",
+	"<!--/--></select></div>"
+];
+var _tmpl$24 = [
+	"<div",
+	" class=\"field-renderer__row\"><div class=\"field-renderer__row-header\"><span><!--$-->",
+	"<!--/--> <!--$-->",
+	"<!--/--></span><button type=\"button\" class=\"btn\"",
+	">↑</button><button type=\"button\" class=\"btn\"",
+	">↓</button><button type=\"button\" class=\"btn btn-danger\">Remover</button></div><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$25 = [
+	"<p",
+	" class=\"field-renderer__instructions\">Layout \"<!--$-->",
+	"<!--/-->\" não encontrado.</p>"
+];
+var _tmpl$26 = [
+	"<fieldset",
+	" class=\"field-renderer__group\">",
+	"</fieldset>"
+];
+var _tmpl$27 = ["<input", " type=\"text\" class=\"input\">"];
+var _tmpl$28 = [
+	"<div",
+	" class=\"field-renderer__row\"><div class=\"field-renderer__row-header\"><span>Linha <!--$-->",
+	"<!--/--></span><button type=\"button\" class=\"btn btn-danger\">Remover</button></div><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$29 = [
+	"<input",
+	" type=\"file\" class=\"input\"",
+	">"
+];
+var _tmpl$30 = [
+	"<option",
+	"",
+	">",
+	"</option>"
+];
+function isEmpty(value) {
+	return value === void 0 || value === null || value === "" || Array.isArray(value) && value.length === 0 || typeof value === "boolean" && !value;
+}
+function looseEquals(a, b) {
+	if (typeof b === "boolean") return Boolean(a) === b;
+	const na = Number(a);
+	const nb = Number(b);
+	return a === b || !Number.isNaN(na) && !Number.isNaN(nb) && na === nb;
+}
+/**
+* Avalia a lógica condicional do campo no cliente (mesmas regras do core).
+*/
+function isFieldVisible(field, values) {
+	const logic = field.conditionalLogic;
+	if (!logic?.groups || logic.groups.length === 0) return true;
+	const evaluateGroup = (group) => {
+		const rules = group.rules ?? [];
+		if (rules.length === 0) return true;
+		const results = rules.map((rule) => {
+			const target = values[rule.field];
+			switch (rule.operator) {
+				case "eq": return looseEquals(target, rule.value);
+				case "neq": return !looseEquals(target, rule.value);
+				case "gt": return Number(target) > Number(rule.value);
+				case "lt": return Number(target) < Number(rule.value);
+				case "contains": return Array.isArray(target) ? target.includes(rule.value) : String(target ?? "").includes(String(rule.value));
+				case "pattern_matches": try {
+					return new RegExp(String(rule.value)).test(String(target ?? ""));
+				} catch {
+					return false;
+				}
+				case "has_any_value": return !isEmpty(target);
+				case "has_no_value": return isEmpty(target);
+				default: return false;
+			}
+		});
+		return group.match === "ANY" ? results.some(Boolean) : results.every(Boolean);
+	};
+	return logic.groups.map(evaluateGroup).some(Boolean);
+}
+var LAYOUT_ONLY = /* @__PURE__ */ new Set([
+	"message",
+	"tab",
+	"accordion"
+]);
+function FieldRenderer(props) {
+	const visible = () => isFieldVisible(props.field, props.values);
+	const [dirty, setDirty] = createSignal(false);
+	const valueFor = () => props.values[props.field.name];
+	const validationError = createMemo(() => {
+		if (!dirty()) return null;
+		return validateFieldClient(props.field, props.values[props.field.name]);
+	});
+	const setValue = (value) => {
+		setDirty(true);
+		props.onChange(props.field.name, value);
+	};
+	return createComponent(Show, {
+		get when() {
+			return memo(() => !!visible())() && !LAYOUT_ONLY.has(props.field.type);
+		},
+		get children() {
+			return ssr(_tmpl$4$2, ssrHydrationKey(), ssrAttribute("data-field-type", escape(props.field.type, true), false), escape(props.field.label), escape(createComponent(Show, {
+				get when() {
+					return props.field.required;
+				},
+				get children() {
+					return ssr(_tmpl$$2, ssrHydrationKey());
+				}
+			})), escape(createComponent(Show, {
+				get when() {
+					return props.field.instructions;
+				},
+				get children() {
+					return ssr(_tmpl$2$2, ssrHydrationKey(), escape(props.field.instructions));
+				}
+			})), escape(createComponent(FieldControl, {
+				get field() {
+					return props.field;
+				},
+				get value() {
+					return valueFor();
+				},
+				onChange: setValue,
+				get values() {
+					return props.values;
+				}
+			})), escape(createComponent(Show, {
+				get when() {
+					return memo(() => !!validationError())() && !validationError()?.valid;
+				},
+				get children() {
+					return ssr(_tmpl$3$2, ssrHydrationKey(), escape(validationError()?.errors.join(", ")));
+				}
+			})));
+		}
+	});
+}
+function FieldControl(props) {
+	const config = () => props.field.config ?? {};
+	switch (props.field.type) {
+		case "text": return ssr(_tmpl$5$2, ssrHydrationKey(), ssrAttribute("maxlength", escape(config()["characterLimit"], true), false));
+		case "textarea": return ssr(_tmpl$6$1, ssrHydrationKey(), ssrAttribute("maxlength", escape(config()["characterLimit"], true), false));
+		case "wysiwyg": return ssr(_tmpl$7$1, ssrHydrationKey());
+		case "number":
+		case "range": return ssr(_tmpl$8$1, ssrHydrationKey(), ssrAttribute("min", escape(config()["minValue"], true), false) + ssrAttribute("max", escape(config()["maxValue"], true), false) + ssrAttribute("step", escape(config()["step"], true), false));
+		case "email": return ssr(_tmpl$9$1, ssrHydrationKey());
+		case "url": return ssr(_tmpl$0, ssrHydrationKey());
+		case "password": return ssr(_tmpl$1, ssrHydrationKey());
+		case "true_false": return ssr(_tmpl$10, ssrHydrationKey(), ssrAttribute("checked", Boolean(props.value), true));
+		case "select": return ssr(_tmpl$11, ssrHydrationKey(), ssrAttribute("multiple", config()["multiple"] === true, true), escape(createComponent(For, {
+			get each() {
+				return config()["choices"] ?? [];
+			},
+			children: (choice) => ssr(_tmpl$12, ssrHydrationKey() + ssrAttribute("value", escape(choice.value, true), false), escape(choice.label))
+		})));
+		case "radio": return ssr(_tmpl$13, ssrHydrationKey(), escape(createComponent(For, {
+			get each() {
+				return config()["choices"] ?? [];
+			},
+			children: (choice) => ssr(_tmpl$14, ssrHydrationKey(), ssrAttribute("name", escape(props.field.name, true), false), ssrAttribute("checked", props.value === choice.value, true), escape(choice.label))
+		})));
+		case "checkbox": return ssr(_tmpl$13, ssrHydrationKey(), escape(createComponent(For, {
+			get each() {
+				return config()["choices"] ?? [];
+			},
+			children: (choice) => {
+				const checked = () => Array.isArray(props.value) && props.value.includes(choice.value);
+				return ssr(_tmpl$15, ssrHydrationKey(), ssrAttribute("checked", checked(), true), escape(choice.label));
+			}
+		})));
+		case "date_picker": return ssr(_tmpl$16, ssrHydrationKey());
+		case "date_time_picker": return ssr(_tmpl$17, ssrHydrationKey());
+		case "time_picker": return ssr(_tmpl$18, ssrHydrationKey());
+		case "color_picker": return ssr(_tmpl$19, ssrHydrationKey());
+		case "image":
+		case "file": return createComponent(MediaPickerInput, {
+			multiple: false,
+			get onChange() {
+				return props.onChange;
+			},
+			get accept() {
+				return props.field.type === "image" ? "image/*" : void 0;
+			}
+		});
+		case "gallery": return createComponent(MediaPickerInput, {
+			multiple: true,
+			get onChange() {
+				return props.onChange;
+			},
+			accept: "image/*"
+		});
+		case "google_map": return ssr(_tmpl$20, ssrHydrationKey());
+		case "link": return ssr(_tmpl$21, ssrHydrationKey());
+		case "relationship":
+		case "post_object": return createComponent(RelationshipPicker, {
+			get postType() {
+				return config()["postType"];
+			},
+			get multiple() {
+				return config()["multiple"] !== false;
+			},
+			get value() {
+				return props.value;
+			},
+			get onChange() {
+				return props.onChange;
+			}
+		});
+		case "taxonomy":
+		case "user": return createComponent(RelationshipSelector, {
+			get field() {
+				return props.field;
+			},
+			get value() {
+				return props.value;
+			},
+			get onChange() {
+				return props.onChange;
+			},
+			get multiple() {
+				return config()["multiple"] !== false;
+			}
+		});
+		case "repeater": {
+			const rows = () => Array.isArray(props.value) ? props.value : [];
+			return ssr(_tmpl$22, ssrHydrationKey(), escape(createComponent(For, {
+				get each() {
+					return rows();
+				},
+				children: (row, index) => createComponent(RepeaterRow, {
+					get field() {
+						return props.field;
+					},
+					row,
+					get index() {
+						return index();
+					},
+					onUpdate: (updated) => {
+						const next = [...rows()];
+						next[index()] = updated;
+						props.onChange(next);
+					},
+					onRemove: () => {
+						props.onChange(rows().filter((_, i) => i !== index()));
+					}
+				})
+			})));
+		}
+		case "flexible_content": {
+			const layouts = () => config()["layouts"] ?? [];
+			const rows = () => {
+				return (Array.isArray(props.value) ? props.value : []).map((row) => ({
+					acf_fc_layout: String(row["acf_fc_layout"] ?? ""),
+					data: row
+				}));
+			};
+			return ssr(_tmpl$23, ssrHydrationKey(), escape(createComponent(For, {
+				get each() {
+					return rows();
+				},
+				children: (row, index) => {
+					const layout = () => layouts().find((entry) => entry.name === row.acf_fc_layout);
+					const rowData = () => {
+						const { acf_fc_layout: _layout, ...data } = row.data;
+						return data;
+					};
+					return ssr(_tmpl$24, ssrHydrationKey(), escape(layout()?.label || row.acf_fc_layout || "Linha"), escape(index()) + 1, ssrAttribute("disabled", index() === 0, true), ssrAttribute("disabled", index() === rows().length - 1, true), escape(createComponent(Show, {
+						get when() {
+							return layout();
+						},
+						get fallback() {
+							return ssr(_tmpl$25, ssrHydrationKey(), escape(row.acf_fc_layout));
+						},
+						get children() {
+							return createComponent(For, {
+								get each() {
+									return layout().subFields ?? [];
+								},
+								children: (sub) => createComponent(FieldRenderer, {
+									field: sub,
+									get values() {
+										return rowData();
+									},
+									onChange: (name, value) => {
+										const current = [...Array.isArray(props.value) ? props.value : []];
+										current[index()] = {
+											...current[index()],
+											[name]: value
+										};
+										props.onChange(current);
+									}
+								})
+							});
+						}
+					})));
+				}
+			})), escape(createComponent(For, {
+				get each() {
+					return layouts();
+				},
+				children: (layout) => ssr(_tmpl$12, ssrHydrationKey() + ssrAttribute("value", escape(layout.name, true), false), escape(layout.label ?? layout.name))
+			})));
+		}
+		case "group": return ssr(_tmpl$26, ssrHydrationKey(), escape(createComponent(For, {
+			get each() {
+				return props.field.subFields ?? [];
+			},
+			children: (sub) => createComponent(FieldRenderer, {
+				field: sub,
+				get values() {
+					return props.value ?? {};
+				},
+				onChange: (name, val) => props.onChange({
+					...props.value ?? {},
+					[name]: val
+				})
+			})
+		})));
+		default: return ssr(_tmpl$27, ssrHydrationKey());
+	}
+}
+function RepeaterRow(props) {
+	return ssr(_tmpl$28, ssrHydrationKey(), escape(props.index) + 1, escape(createComponent(For, {
+		get each() {
+			return props.field.subFields ?? [];
+		},
+		children: (sub) => createComponent(FieldRenderer, {
+			field: sub,
+			get values() {
+				return props.row;
+			},
+			onChange: (name, value) => props.onUpdate({
+				...props.row,
+				[name]: value
+			})
+		})
+	})));
+}
+function MediaPickerInput(props) {
+	return ssr(_tmpl$29, ssrHydrationKey(), ssrAttribute("multiple", props.multiple, true) + ssrAttribute("accept", escape(props.accept, true), false));
+}
+function RelationshipSelector(props) {
+	const selectedIds = () => Array.isArray(props.value) ? props.value : props.value ? [props.value] : [];
+	return ssr(_tmpl$11, ssrHydrationKey(), ssrAttribute("multiple", props.multiple, true) + ssrAttribute("size", escape(Math.min(6, Math.max(3, (props.field.config?.["choices"] ?? []).length || 3)), true), false), escape(createComponent(For, {
+		get each() {
+			return props.field.config?.["choices"] ?? [];
+		},
+		children: (choice) => ssr(_tmpl$30, ssrHydrationKey() + ssrAttribute("value", escape(choice.value, true), false), ssrAttribute("selected", selectedIds().includes(choice.value), true), escape(choice.label))
+	})));
+}
+//#endregion
+//#region src/components/content/FieldTypePicker.tsx
+var _tmpl$$1 = [
+	"<div",
+	" class=\"field-type-picker__panel\" role=\"listbox\"><input type=\"search\" class=\"field-type-picker__search\" placeholder=\"Buscar tipo de campo...\"",
+	"><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$2$1 = [
+	"<div",
+	" class=\"field-type-picker\"><button type=\"button\" class=\"field-type-picker__trigger\"",
+	"><span><!--$-->",
+	"<!--/--> <!--$-->",
+	"<!--/--></span><span aria-hidden=\"true\">",
+	"</span></button><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$3$1 = [
+	"<div",
+	" class=\"field-type-picker__group\"><div class=\"field-type-picker__group-label\"><!--$-->",
+	"<!--/--> <!--$-->",
+	"<!--/--></div><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$4$1 = ["<span", " class=\"field-type-picker__hint\">sem lógica condicional</span>"];
+var _tmpl$5$1 = [
+	"<button",
+	" type=\"button\" role=\"option\"",
+	" class=\"",
+	"\"><span>",
+	"</span><span>",
+	"</span><!--$-->",
+	"<!--/--></button>"
+];
+function FieldTypePicker(props) {
+	const [open, setOpen] = createSignal(false);
+	const [query, setQuery] = createSignal("");
+	const selected = () => props.types.find((type) => type.type === props.value);
+	const filteredTypes = () => {
+		const q = query().toLowerCase();
+		return q ? props.types.filter((type) => type.label.toLowerCase().includes(q) || type.type.includes(q)) : props.types;
+	};
+	return ssr(_tmpl$2$1, ssrHydrationKey(), ssrAttribute("aria-expanded", escape(open(), true), false), escape(selected()?.icon ?? " "), escape(selected()?.label ?? "Selecione o tipo"), open() ? "▴" : "▾", escape(createComponent(Show, {
+		get when() {
+			return open();
+		},
+		get children() {
+			return ssr(_tmpl$$1, ssrHydrationKey(), ssrAttribute("value", escape(query(), true), false), escape(createComponent(For, {
+				get each() {
+					return props.categories;
+				},
+				children: (category) => {
+					const categoryTypes = filteredTypes().filter((type) => type.category === category.id);
+					return createComponent(Show, {
+						get when() {
+							return categoryTypes.length > 0;
+						},
+						get children() {
+							return ssr(_tmpl$3$1, ssrHydrationKey(), escape(category.icon), escape(category.label), escape(createComponent(For, {
+								each: categoryTypes,
+								children: (type) => ssr(_tmpl$5$1, ssrHydrationKey(), ssrAttribute("aria-selected", escape(props.value, true) === escape(type.type, true), false), `field-type-picker__option ${props.value === type.type ? "is-selected" : ""}`, escape(type.icon), escape(type.label), escape(createComponent(Show, {
+									get when() {
+										return !type.supportsConditions;
+									},
+									get children() {
+										return ssr(_tmpl$4$1, ssrHydrationKey());
+									}
+								})))
+							})));
+						}
+					});
+				}
+			})));
+		}
+	})));
+}
+//#endregion
+//#region src/components/content/ContentEditor.tsx
+var _tmpl$ = [
+	"<div",
+	" class=\"notice notice--success\">",
+	"</div>"
+];
+var _tmpl$2 = [
+	"<label",
+	">Título<input class=\"input\" required",
+	"></label>"
+];
+var _tmpl$3 = [
+	"<label",
+	">Resumo<textarea class=\"input\" rows=\"3\"",
+	"></textarea></label>"
+];
+var _tmpl$4 = [
+	"<label",
+	">Imagem destacada (media ID)<input class=\"input\"",
+	"></label>"
+];
+var _tmpl$5 = [
+	"<label",
+	">Layout<select class=\"input\"",
+	"><option value>Automático (hierarquia do tema)</option><!--$-->",
+	"<!--/--></select></label>"
+];
+var _tmpl$6 = [
+	"<div",
+	" class=\"card custom-fields\"><h3>Campos personalizados</h3><!--$-->",
+	"<!--/--><details><summary>Inspecionar tipos disponíveis</summary><!--$-->",
+	"<!--/--></details></div>"
+];
+var _tmpl$7 = [
+	"<form",
+	" class=\"content-editor\"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><div class=\"card\"><label>Tipo<select class=\"input\"",
+	">",
+	"</select></label><!--$-->",
+	"<!--/--><label>Slug<input class=\"input\"",
+	"></label><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><label>Status<select class=\"input\"",
+	"><option value=\"DRAFT\">Rascunho</option><option value=\"PUBLISHED\">Publicado</option><option value=\"ARCHIVED\">Arquivado</option></select></label><!--$-->",
+	"<!--/--></div><!--$-->",
+	"<!--/--><button type=\"submit\" class=\"btn btn-primary\"",
+	">Salvar</button></form>"
+];
+var _tmpl$8 = [
+	"<div",
+	" class=\"notice notice--error\">",
+	"</div>"
+];
+var _tmpl$9 = [
+	"<option",
+	">",
+	"</option>"
+];
+function ContentEditor() {
+	const [types, setTypes] = createSignal([]);
+	const [fieldTypes, setFieldTypes] = createSignal([]);
+	const [categories, setCategories] = createSignal([]);
+	const [groups, setGroups] = createSignal([]);
+	const [themes, setThemes] = createSignal([]);
+	const [data, setData] = createSignal({});
+	const [errors, setErrors] = createSignal([]);
+	const [saving, setSaving] = createSignal(false);
+	const [message, setMessage] = createSignal("");
+	const [draft, setDraft] = createSignal({
+		type: "post",
+		title: "",
+		status: "DRAFT"
+	});
+	const supports = () => new Set(types().find((t) => t.slug === draft().type)?.supports ?? ["title", "editor"]);
+	const hasSupport = (support) => supports().has(support);
+	onMount(async () => {
+		try {
+			const [typeList, fieldTypeCatalog, themeList] = await Promise.all([
+				apiClient.getContentTypes(),
+				apiClient.getFieldTypes(),
+				apiClient.getThemes().catch(() => [])
+			]);
+			setTypes(typeList);
+			setFieldTypes(fieldTypeCatalog.types);
+			setCategories(fieldTypeCatalog.categories);
+			setThemes(themeList);
+		} catch (err) {
+			setErrors([err instanceof Error ? err.message : String(err)]);
+		}
+		await loadGroups(draft().type);
+	});
+	const availableLayouts = () => {
+		const layouts = /* @__PURE__ */ new Set();
+		for (const theme of themes()) for (const layout of theme.manifest?.provides?.layouts ?? []) layouts.add(layout);
+		return [...layouts].sort();
+	};
+	const loadGroups = async (type) => {
+		try {
+			const all = await apiClient.getFieldGroups(type ? { type } : void 0);
+			const resolved = await Promise.all(all.filter((group) => group.active).map(async (group) => {
+				return (await apiClient.getFieldGroup(group.id)).fields ?? [];
+			}));
+			setGroups(expandCloneFields(resolved.flat()));
+		} catch (err) {
+			setErrors([err instanceof Error ? err.message : String(err)]);
+		}
+	};
+	return ssr(_tmpl$7, ssrHydrationKey(), escape(createComponent(Show, {
+		get when() {
+			return errors().length > 0;
+		},
+		get children() {
+			return createComponent(For, {
+				get each() {
+					return errors();
+				},
+				children: (err) => ssr(_tmpl$8, ssrHydrationKey(), escape(err))
+			});
+		}
+	})), escape(createComponent(Show, {
+		get when() {
+			return message();
+		},
+		get children() {
+			return ssr(_tmpl$, ssrHydrationKey(), escape(message()));
+		}
+	})), ssrAttribute("value", escape(draft().type, true), false), escape(createComponent(For, {
+		get each() {
+			return types();
+		},
+		children: (type) => ssr(_tmpl$9, ssrHydrationKey() + ssrAttribute("value", escape(type.slug, true), false), escape(type.pluralLabel))
+	})), escape(createComponent(Show, {
+		get when() {
+			return hasSupport("title");
+		},
+		get children() {
+			return ssr(_tmpl$2, ssrHydrationKey(), ssrAttribute("value", escape(draft().title, true), false));
+		}
+	})), ssrAttribute("value", escape(draft().slug ?? "", true), false), escape(createComponent(Show, {
+		get when() {
+			return hasSupport("excerpt");
+		},
+		get children() {
+			return ssr(_tmpl$3, ssrHydrationKey(), ssrAttribute("value", escape(draft().excerpt ?? "", true), false));
+		}
+	})), escape(createComponent(Show, {
+		get when() {
+			return hasSupport("thumbnail");
+		},
+		get children() {
+			return ssr(_tmpl$4, ssrHydrationKey(), ssrAttribute("value", escape(draft().featuredImageId ?? "", true), false));
+		}
+	})), ssrAttribute("value", escape(draft().status, true), false), escape(createComponent(Show, {
+		get when() {
+			return availableLayouts().length > 0;
+		},
+		get children() {
+			return ssr(_tmpl$5, ssrHydrationKey(), ssrAttribute("value", escape(draft().layout ?? "", true), false), escape(createComponent(For, {
+				get each() {
+					return availableLayouts();
+				},
+				children: (layout) => ssr(_tmpl$9, ssrHydrationKey() + ssrAttribute("value", escape(layout, true), false), escape(layout))
+			})));
+		}
+	})), escape(createComponent(Show, {
+		get when() {
+			return groups().length > 0 || fieldTypes().length > 0;
+		},
+		get children() {
+			return ssr(_tmpl$6, ssrHydrationKey(), escape(createComponent(For, {
+				get each() {
+					return groups();
+				},
+				children: (field) => createComponent(FieldRenderer, {
+					field,
+					get values() {
+						return data();
+					},
+					onChange: (name, value) => setData({
+						...data(),
+						[name]: value
+					})
+				})
+			})), escape(createComponent(FieldTypePicker, {
+				get categories() {
+					return categories();
+				},
+				get types() {
+					return fieldTypes();
+				},
+				value: "",
+				onChange: () => void 0
+			})));
+		}
+	})), ssrAttribute("disabled", saving(), true));
+}
+//#endregion
+//#region src/pages/content/edit.astro
+var edit_exports = /* @__PURE__ */ __exportAll({
+	default: () => $$Edit,
+	file: () => $$file,
+	url: () => $$url
+});
+var $$Edit = createComponent$1(($$result, $$props, $$slots) => {
+	return renderTemplate`${renderComponent($$result, "DashboardLayout", $$DashboardLayout, {
+		"title": "Editor de Conteúdo",
+		"data-astro-cid-4zhgedtj": true
+	}, { "default": ($$result) => renderTemplate`${maybeRenderHead($$result)}<div class="editor-page" data-astro-cid-4zhgedtj>${renderComponent($$result, "ContentEditor", ContentEditor, {
+		"client:load": true,
+		"data-astro-cid-4zhgedtj": true,
+		"client:component-hydration": "load",
+		"client:component-path": "/home/runner/work/cms/cms/apps/admin/src/components/content/ContentEditor.tsx",
+		"client:component-export": "ContentEditor"
+	})}</div>` })}`;
+}, "/home/runner/work/cms/cms/apps/admin/src/pages/content/edit.astro", void 0);
+var $$file = "/home/runner/work/cms/cms/apps/admin/src/pages/content/edit.astro";
+var $$url = "/content/edit";
+//#endregion
+//#region \0virtual:astro:page:src/pages/content/edit@_@astro
+var page = () => edit_exports;
+//#endregion
+export { page };