@oktis-works/admin 0.20.0 → 0.23.2

package/dist/server/chunks/customize_CKqMX14y.mjs

@@ -0,0 +1,1629 @@
+import { r as __exportAll } from "./rolldown-runtime_BMI-E3GI.mjs";
+import { S as createAstro, i as renderComponent, u as renderTemplate } from "./server_B5N27szj.mjs";
+import { t as createComponent$1 } from "./compiler_O7J1rlsi.mjs";
+import { n as useTranslation, r as apiClient } from "./i18n_C-sgJSi1.mjs";
+import { t as $$DashboardLayout } from "./DashboardLayout_D6zphdT0.mjs";
+import { n as isFieldVisible } from "./FieldRenderer_D4dcZjgt.mjs";
+import { t as PageHeader } from "./PageHeader_CBOioOjo.mjs";
+import { createComponent, escape, memo, ssr, ssrAttribute, ssrHydrationKey, ssrStyleProperty } from "solid-js/web";
+import { For, Show, createMemo, createSignal, onMount } from "solid-js";
+//#region src/components/shared/DateTimeCustomizer.tsx
+var _tmpl$$11 = [
+	"<div",
+	" class=\"datetime-customizer\"><label class=\"datetime-customizer__label\">",
+	"</label><input",
+	" class=\"input datetime-customizer__input\"",
+	"><style>\n        .datetime-customizer { display: flex; flex-direction: column; gap: 0.5rem; }\n        .datetime-customizer__label { font-size: 0.75rem; font-weight: 600; color: var(--color-text); }\n        .datetime-customizer__input { width: 100%; max-width: 280px; }\n      </style></div>"
+];
+function DateTimeCustomizer(props) {
+	const { t } = useTranslation();
+	const { value, onChange, type, placeholder, label, min, max, step } = props;
+	const [currentValue, setCurrentValue] = createSignal(value || "");
+	const typeLabels = {
+		date: t("customizer.fieldTypes.date.label"),
+		"datetime-local": t("customizer.fieldTypes.datetime.label"),
+		time: t("customizer.fieldTypes.time.label")
+	};
+	return ssr(_tmpl$$11, ssrHydrationKey(), escape(label || typeLabels[type]), ssrAttribute("type", escape(type, true), false), ssrAttribute("value", escape(currentValue(), true), false) + ssrAttribute("placeholder", escape(placeholder || t(`customizer.fieldTypes.${type}.placeholder`), true), false) + ssrAttribute("min", escape(min, true), false) + ssrAttribute("max", escape(max, true), false) + ssrAttribute("step", escape(step, true), false));
+}
+//#endregion
+//#region src/components/shared/EntitySelectorCustomizer.tsx
+var _tmpl$$10 = [
+	"<div",
+	" class=\"entity-selector__pagination\"><button class=\"btn btn-secondary\"",
+	">← Anterior</button><span>P\\u00e1gina <!--$-->",
+	"<!--/--> de <!--$-->",
+	"<!--/--></span><button class=\"btn btn-secondary\"",
+	">Pr\\u00f3xima →</button></div>"
+];
+var _tmpl$2$9 = [
+	"<div",
+	" class=\"entity-selector__dropdown\"><div class=\"entity-selector__search\"><input type=\"text\" class=\"input\"",
+	" autofocus><button class=\"btn btn-secondary\"",
+	">",
+	"</button></div><div class=\"entity-selector__list\"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$3$9 = [
+	"<div",
+	" class=\"entity-selector-customizer\"><label class=\"entity-selector__label\">",
+	"</label><div class=\"entity-selector__trigger\"><div class=\"entity-selector__selected\">",
+	"</div><span class=\"entity-selector__arrow\">",
+	"</span></div><!--$-->",
+	"<!--/--><style>\n        .entity-selector-customizer { position: relative; }\n        .entity-selector__label { display: block; font-size: 0.75rem; font-weight: 600; color: var(--color-text); margin-bottom: 0.25rem; }\n        .entity-selector__trigger {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          padding: 0.5rem 0.75rem;\n          border: 1px solid var(--color-border);\n          border-radius: var(--radius-md);\n          background: var(--color-white);\n          cursor: pointer;\n          min-height: 42px;\n          transition: border-color 0.15s;\n        }\n        .entity-selector__trigger:hover { border-color: var(--color-primary); }\n        .entity-selector__selected { display: flex; flex-wrap: wrap; gap: 0.25rem; flex: 1; min-height: 24px; }\n        .entity-selector__chip {\n          display: inline-flex;\n          align-items: center;\n          gap: 0.25rem;\n          padding: 0.25rem 0.5rem;\n          background: var(--color-primary-soft);\n          color: var(--color-primary);\n          border-radius: var(--radius-full);\n          font-size: 0.75rem;\n        }\n        .entity-selector__chip-remove {\n          background: none;\n          border: none;\n          color: var(--color-primary);\n          cursor: pointer;\n          padding: 0;\n          font-size: 0.75rem;\n          line-height: 1;\n        }\n        .entity-selector__placeholder { color: var(--color-muted); font-size: 0.875rem; }\n        .entity-selector__arrow { font-size: 0.75rem; color: var(--color-muted); transition: transform 0.15s; }\n        .entity-selector__dropdown {\n          position: absolute;\n          top: 100%;\n          left: 0;\n          right: 0;\n          background: var(--color-white);\n          border: 1px solid var(--color-border);\n          border-radius: var(--radius-md);\n          box-shadow: var(--shadow-lg);\n          margin-top: 0.25rem;\n          z-index: 100;\n          max-height: 500px;\n          display: flex;\n          flex-direction: column;\n        }\n        .entity-selector__search {\n          display: flex;\n          gap: 0.5rem;\n          padding: 0.75rem;\n          border-bottom: 1px solid var(--color-border);\n        }\n        .entity-selector__search input { flex: 1; }\n        .entity-selector__list {\n          max-height: 300px;\n          overflow-y: auto;\n        }\n        .entity-selector__item {\n          padding: 0.5rem 0.75rem;\n          cursor: pointer;\n          border-bottom: 1px solid var(--color-border);\n          transition: background 0.1s;\n        }\n        .entity-selector__item:hover { background: var(--color-primary-soft); }\n        .entity-selector__item.selected { background: var(--color-primary-soft); border-left: 3px solid var(--color-primary); }\n        .entity-selector__empty { padding: 1rem; text-align: center; color: var(--color-muted); }\n        .entity-selector__pagination { display: flex; align-items: center; justify-content: center; gap: 1rem; padding: 0.75rem; border-top: 1px solid var(--color-border); font-size: 0.8125rem; }\n      </style></div>"
+];
+var _tmpl$4$9 = [
+	"<span",
+	" class=\"entity-selector__chip\"><!--$-->",
+	"<!--/--><button type=\"button\" class=\"entity-selector__chip-remove\">✕</button></span>"
+];
+var _tmpl$5$9 = [
+	"<span",
+	" class=\"entity-selector__placeholder\">",
+	"</span>"
+];
+var _tmpl$6$6 = [
+	"<div",
+	" class=\"",
+	"\"><span>",
+	"</span><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$7$5 = [
+	"<span",
+	" class=\"entity-selector__item-slug\">",
+	"</span>"
+];
+var _tmpl$8$4 = ["<div", " class=\"entity-selector__empty\">Nenhum resultado encontrado</div>"];
+function EntitySelectorCustomizer(props) {
+	const { value, onChange, entityType, taxonomy, multiple = false, placeholder = "Buscar...", label } = props;
+	const [items, setItems] = createSignal([]);
+	const [total, setTotal] = createSignal(0);
+	const [page, setPage] = createSignal(1);
+	const [search, setSearch] = createSignal("");
+	const [loading, setLoading] = createSignal(false);
+	const [showDropdown, setShowDropdown] = createSignal(false);
+	const [selectedIds, setSelectedIds] = createSignal([]);
+	const currentIds = Array.isArray(value) ? value : value ? [value] : [];
+	onMount(() => {
+		setSelectedIds(currentIds);
+	});
+	return ssr(_tmpl$3$9, ssrHydrationKey(), escape(label || (entityType === "taxonomy" ? "Taxonomia" : "Usuário")), selectedIds().length > 0 ? escape(createComponent(For, {
+		get each() {
+			return selectedIds();
+		},
+		children: (id) => {
+			const item = items().find((i) => i.id === id);
+			return ssr(_tmpl$4$9, ssrHydrationKey(), item ? escape(item.name || item.slug || item.id) : escape(id));
+		}
+	})) : ssr(_tmpl$5$9, ssrHydrationKey(), escape(placeholder)), showDropdown() ? "▲" : "▼", escape(createComponent(Show, {
+		get when() {
+			return showDropdown();
+		},
+		get children() {
+			return ssr(_tmpl$2$9, ssrHydrationKey(), ssrAttribute("placeholder", escape(placeholder, true), false) + ssrAttribute("value", escape(search(), true), false), ssrAttribute("disabled", loading(), true), loading() ? "Carregando..." : "Buscar", escape(createComponent(For, {
+				get each() {
+					return items();
+				},
+				children: (item) => ssr(_tmpl$6$6, ssrHydrationKey(), `entity-selector__item ${selectedIds().includes(item.id) ? "selected" : ""}`, escape(item.name || item.slug || item.id), item.slug && ssr(_tmpl$7$5, ssrHydrationKey(), escape(item.slug)))
+			})), items().length === 0 && !loading() && _tmpl$8$4[0] + ssrHydrationKey() + _tmpl$8$4[1], escape(createComponent(Show, {
+				get when() {
+					return total() > 10;
+				},
+				get children() {
+					return ssr(_tmpl$$10, ssrHydrationKey(), ssrAttribute("disabled", page() <= 1, true), escape(page()), escape(Math.ceil(total() / 10)), ssrAttribute("disabled", page() >= Math.ceil(total() / 10), true));
+				}
+			})));
+		}
+	})));
+}
+//#endregion
+//#region src/components/shared/FlexibleContentCustomizer.tsx
+var _tmpl$$9 = [
+	"<div",
+	" class=\"flexible-content-customizer\"><label class=\"flexible-content-customizer__label\">",
+	"</label><div class=\"flexible-content-customizer__rows\"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div><div class=\"flexible-content-customizer__layout-picker\"><span class=\"flexible-content-customizer__picker-label\">Add layout:</span><div class=\"flexible-content-customizer__layout-buttons\">",
+	"</div></div><style>\n        .flexible-content-customizer {\n          display: flex;\n          flex-direction: column;\n          gap: 0.5rem;\n        }\n        .flexible-content-customizer__label {\n          font-size: 0.75rem;\n          font-weight: 600;\n          color: var(--color-text);\n          margin-bottom: 0.25rem;\n        }\n        .flexible-content-customizer__rows {\n          display: flex;\n          flex-direction: column;\n          gap: 0.5rem;\n        }\n        .flexible-content-customizer__row {\n          border: 1px solid var(--color-border);\n          border-radius: var(--radius-md);\n          background: var(--color-white);\n          overflow: hidden;\n        }\n        .flexible-content-customizer__row-header {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          padding: 0.75rem 1rem;\n          background: #f5f5f5;\n          border-bottom: 1px solid var(--color-border);\n          flex-wrap: wrap;\n          gap: 0.5rem;\n        }\n        .flexible-content-customizer__row-label {\n          font-weight: 500;\n          font-size: 0.875rem;\n        }\n        .flexible-content-customizer__layout-badge {\n          font-size: 0.625rem;\n          padding: 0.125rem 0.375rem;\n          background: var(--color-primary-soft);\n          color: var(--color-primary);\n          border-radius: var(--radius-full);\n          text-transform: uppercase;\n        }\n        .flexible-content-customizer__row-actions {\n          display: flex;\n          gap: 0.25rem;\n        }\n        .flexible-content-customizer__row-actions .btn-icon {\n          padding: 0.25rem 0.5rem;\n          font-size: 0.75rem;\n          min-width: auto;\n        }\n        .flexible-content-customizer__fields {\n          padding: 1rem;\n          display: flex;\n          flex-direction: column;\n          gap: 0.75rem;\n        }\n        .flexible-content-customizer__field {\n          display: flex;\n          flex-direction: column;\n          gap: 0.5rem;\n        }\n        .flexible-content-customizer__empty {\n          padding: 2rem;\n          text-align: center;\n          color: var(--color-muted);\n        }\n        .flexible-content-customizer__layout-picker {\n          margin-top: 1rem;\n          padding-top: 1rem;\n          border-top: 1px solid var(--color-border);\n        }\n        .flexible-content-customizer__picker-label {\n          display: block;\n          font-size: 0.75rem;\n          font-weight: 600;\n          color: var(--color-text);\n          margin-bottom: 0.5rem;\n        }\n        .flexible-content-customizer__layout-buttons {\n          display: flex;\n          flex-wrap: wrap;\n          gap: 0.5rem;\n        }\n        .flexible-content-customizer__layout-btn {\n          display: flex;\n          align-items: center;\n          gap: 0.375rem;\n        }\n      </style></div>"
+];
+var _tmpl$2$8 = [
+	"<div",
+	" class=\"flexible-content-customizer__fields\">",
+	"</div>"
+];
+var _tmpl$3$8 = [
+	"<div",
+	" class=\"",
+	"\"><div class=\"flexible-content-customizer__row-header\"><span class=\"flexible-content-customizer__row-label\">",
+	"</span><span class=\"flexible-content-customizer__layout-badge\">",
+	"</span><div class=\"flexible-content-customizer__row-actions\"><button type=\"button\" class=\"btn btn-icon\"",
+	">",
+	"</button><button type=\"button\" class=\"btn btn-icon\"",
+	" aria-label=\"Move up\">↑</button><button type=\"button\" class=\"btn btn-icon\"",
+	" aria-label=\"Move down\">↓</button><button type=\"button\" class=\"btn btn-icon btn-danger\"",
+	" aria-label=\"Remove layout\">✕</button></div></div><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$4$8 = [
+	"<div",
+	" class=\"flexible-content-customizer__field\">",
+	"</div>"
+];
+var _tmpl$5$8 = ["<div", " class=\"flexible-content-customizer__empty\">No layouts added. Choose a layout below to start.</div>"];
+var _tmpl$6$5 = [
+	"<button",
+	" type=\"button\" class=\"btn btn-secondary flexible-content-customizer__layout-btn\"",
+	">",
+	"</button>"
+];
+function FlexibleContentCustomizer(props) {
+	const { value, onChange, layouts, label, minRows = 0, maxRows } = props;
+	const [rows, setRows] = createSignal(value || []);
+	const [expanded, setExpanded] = createSignal(/* @__PURE__ */ new Set([0]));
+	const getLayout = (layoutName) => layouts.find((layout) => layout.name === layoutName);
+	const handleFieldChange = (rowIndex, fieldName, fieldValue) => {
+		const next = [...rows()];
+		const row = next[rowIndex];
+		if (row) next[rowIndex] = {
+			...row,
+			[fieldName]: fieldValue
+		};
+		setRows(next);
+		onChange(next);
+	};
+	const getRowLabel = (row, index) => {
+		const layoutName = row["fc_layout"];
+		return getLayout(layoutName)?.label || layoutName || `Layout ${index + 1}`;
+	};
+	return ssr(_tmpl$$9, ssrHydrationKey(), escape(label || "Flexible Content"), escape(createComponent(For, {
+		get each() {
+			return rows();
+		},
+		children: (row, index) => {
+			const layout = getLayout(row.fc_layout);
+			return ssr(_tmpl$3$8, ssrHydrationKey(), `flexible-content-customizer__row ${expanded().has(index()) ? "expanded" : ""}`, escape(getRowLabel(row, index())), escape(row.fc_layout), ssrAttribute("aria-label", expanded().has(index()) ? "Collapse" : "Expand", false), expanded().has(index()) ? "▲" : "▼", ssrAttribute("disabled", index() === 0, true), ssrAttribute("disabled", index() === rows().length - 1, true), ssrAttribute("disabled", rows().length <= minRows, true), escape(createComponent(Show, {
+				get when() {
+					return expanded().has(index());
+				},
+				get children() {
+					return ssr(_tmpl$2$8, ssrHydrationKey(), escape(createComponent(For, {
+						get each() {
+							return layout?.subFields ?? [];
+						},
+						children: (field) => ssr(_tmpl$4$8, ssrHydrationKey(), escape(createComponent(FieldRendererFactory, {
+							get field() {
+								return {
+									...field,
+									name: field.name
+								};
+							},
+							get value() {
+								return row[field.name];
+							},
+							onChange: (val) => handleFieldChange(index(), field.name, val),
+							get subFields() {
+								return field.subFields;
+							},
+							get layouts() {
+								return field.layouts;
+							}
+						})))
+					})));
+				}
+			})));
+		}
+	})), rows().length === 0 && _tmpl$5$8[0] + ssrHydrationKey() + _tmpl$5$8[1], escape(createComponent(For, {
+		each: layouts,
+		children: (layout) => ssr(_tmpl$6$5, ssrHydrationKey(), ssrAttribute("disabled", maxRows !== void 0 && rows().length >= maxRows, true), escape(layout.label || layout.name))
+	})));
+}
+//#endregion
+//#region src/components/shared/GoogleMapCustomizer.tsx
+var _tmpl$$8 = [
+	"<ul",
+	" id=\"googlemap-suggestions\" class=\"googlemap-customizer__suggestions\">",
+	"</ul>"
+];
+var _tmpl$2$7 = [
+	"<a",
+	" class=\"btn btn-secondary\" href=\"",
+	"\" target=\"_blank\" rel=\"noopener noreferrer\">Ver no Google Maps</a>"
+];
+var _tmpl$3$7 = [
+	"<div",
+	" class=\"google-map-customizer\"><label class=\"googlemap-customizer__label\">",
+	"</label><div class=\"googlemap-customizer__fields\"><div class=\"googlemap-customizer__address-wrapper\"><input type=\"text\" class=\"input googlemap-customizer__address\"",
+	" autocomplete=\"off\" aria-autocomplete=\"list\" aria-controls=\"googlemap-suggestions\"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div><div class=\"googlemap-customizer__coords\"><input type=\"number\" class=\"input googlemap-customizer__coord\" placeholder=\"Lat (-90 a 90)\" step=\"any\" min=\"-90\" max=\"90\"",
+	"><input type=\"number\" class=\"input googlemap-customizer__coord\" placeholder=\"Lng (-180 a 180)\" step=\"any\" min=\"-180\" max=\"180\"",
+	"></div></div><div class=\"googlemap-customizer__actions\"><button type=\"button\" class=\"btn btn-secondary\">Limpar</button><!--$-->",
+	"<!--/--></div><style>\n        .google-map-customizer { display: flex; flex-direction: column; gap: 0.75rem; }\n        .googlemap-customizer__label { font-size: 0.75rem; font-weight: 600; color: var(--color-text); margin-bottom: 0.25rem; }\n        .googlemap-customizer__fields { display: flex; flex-direction: column; gap: 0.5rem; }\n        .googlemap-customizer__address-wrapper { position: relative; }\n        .googlemap-customizer__address { padding-right: 2.5rem; }\n        .googlemap-customizer__loading { position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); }\n        .googlemap-customizer__suggestions {\n          position: absolute;\n          top: 100%;\n          left: 0;\n          right: 0;\n          background: var(--color-white);\n          border: 1px solid var(--color-border);\n          border-radius: var(--radius-md);\n          box-shadow: var(--shadow-md);\n          list-style: none;\n          margin: 0.25rem 0 0;\n          padding: 0.25rem;\n          max-height: 200px;\n          overflow-y: auto;\n          z-index: 100;\n        }\n        .googlemap-customizer__suggestion {\n          padding: 0.5rem 0.75rem;\n          cursor: pointer;\n          font-size: 0.875rem;\n        }\n        .googlemap-customizer__suggestion:hover { background: var(--color-primary-soft); }\n        .googlemap-customizer__coords { display: flex; gap: 0.5rem; }\n        .googlemap-customizer__coord { flex: 1; }\n      </style></div>"
+];
+var _tmpl$4$7 = ["<span", " class=\"googlemap-customizer__loading\">🔍</span>"];
+var _tmpl$5$7 = [
+	"<li",
+	" class=\"googlemap-customizer__suggestion\">",
+	"</li>"
+];
+function GoogleMapCustomizer(props) {
+	const { value, onChange, placeholder = "Digite um endereço...", label, apiKey } = props;
+	const [address, setAddress] = createSignal(value?.address || "");
+	const [lat, setLat] = createSignal(value?.lat);
+	const [lng, setLng] = createSignal(value?.lng);
+	const [searching, setSearching] = createSignal(false);
+	const [suggestions, setSuggestions] = createSignal([]);
+	const [showSuggestions, setShowSuggestions] = createSignal(false);
+	return ssr(_tmpl$3$7, ssrHydrationKey(), escape(label || "Localização"), ssrAttribute("placeholder", escape(placeholder, true), false) + ssrAttribute("value", escape(address(), true), false), searching() && _tmpl$4$7[0] + ssrHydrationKey() + _tmpl$4$7[1], escape(createComponent(Show, {
+		get when() {
+			return memo(() => !!showSuggestions())() && suggestions().length > 0;
+		},
+		get children() {
+			return ssr(_tmpl$$8, ssrHydrationKey(), escape(createComponent(For, {
+				get each() {
+					return suggestions();
+				},
+				children: (suggestion) => ssr(_tmpl$5$7, ssrHydrationKey(), escape(suggestion.display_name))
+			})));
+		}
+	})), ssrAttribute("value", escape(lat() ?? "", true), false), ssrAttribute("value", escape(lng() ?? "", true), false), escape(createComponent(Show, {
+		get when() {
+			return memo(() => lat() !== void 0)() && lng() !== void 0;
+		},
+		get children() {
+			return ssr(_tmpl$2$7, ssrHydrationKey(), `https://www.google.com/maps/search/?api=1&amp;query=${escape(lat(), true)},${escape(lng(), true)}`);
+		}
+	})));
+}
+//#endregion
+//#region src/components/shared/LinkCustomizer.tsx
+var _tmpl$$7 = [
+	"<div",
+	" class=\"link-customizer\"><label class=\"link-customizer__label\">",
+	"</label><div class=\"link-customizer__fields\"><input type=\"url\" class=\"input link-customizer__url\"",
+	"><select class=\"input link-customizer__target\"",
+	"><option value=\"_self\">",
+	"</option><option value=\"_blank\">",
+	"</option></select></div><style>\n        .link-customizer { display: flex; flex-direction: column; gap: 0.5rem; }\n        .link-customizer__label { font-size: 0.75rem; font-weight: 600; color: var(--color-text); }\n        .link-customizer__fields { display: flex; gap: 0.5rem; }\n        .link-customizer__url { flex: 1; }\n        .link-customizer__target { width: 140px; flex-shrink: 0; }\n      </style></div>"
+];
+function LinkCustomizer(props) {
+	const { t } = useTranslation();
+	const { value, onChange, placeholder = "https:// ou /caminho", label } = props;
+	const [url, setUrl] = createSignal(value?.url || "");
+	const [target, setTarget] = createSignal(value?.target || "_self");
+	return ssr(_tmpl$$7, ssrHydrationKey(), escape(label || t("customizer.fieldTypes.link.label")), ssrAttribute("placeholder", escape(placeholder, true), false) + ssrAttribute("value", escape(url(), true), false), ssrAttribute("value", escape(target(), true), false), escape(t("customizer.fieldTypes.link.targetSelf")), escape(t("customizer.fieldTypes.link.targetBlank")));
+}
+//#endregion
+//#region src/components/shared/MediaPickerCustomizer.tsx
+var _tmpl$$6 = [
+	"<option",
+	" value>",
+	"</option>"
+];
+var _tmpl$2$6 = [
+	"<option",
+	" value=\"image/\">",
+	"</option>"
+];
+var _tmpl$3$6 = [
+	"<option",
+	" value=\"video/\">",
+	"</option>"
+];
+var _tmpl$4$6 = [
+	"<option",
+	" value=\"audio/\">",
+	"</option>"
+];
+var _tmpl$5$6 = [
+	"<option",
+	" value=\"application/pdf\">",
+	"</option>"
+];
+var _tmpl$6$4 = [
+	"<div",
+	" class=\"media-picker-customizer__pagination\"><button class=\"btn btn-secondary\"",
+	">← <!--$-->",
+	"<!--/--></button><span>",
+	"</span><button class=\"btn btn-secondary\"",
+	"><!--$-->",
+	"<!--/--> →</button></div>"
+];
+var _tmpl$7$4 = [
+	"<div",
+	" class=\"media-picker-customizer__modal-overlay\"><div class=\"media-picker-customizer__modal\"><div class=\"media-picker-customizer__modal-header\"><h3>",
+	"</h3><div class=\"media-picker-customizer__modal-actions\"><label class=\"media-picker-customizer__upload-btn\"><input type=\"file\"",
+	" style=\"",
+	"\"><span class=\"btn btn-primary\">",
+	"</span></label><button class=\"btn btn-secondary\">",
+	"</button><button class=\"btn btn-primary\"",
+	">",
+	"</button></div></div><div class=\"media-picker-customizer__toolbar\"><input type=\"text\" class=\"input\"",
+	"><button class=\"btn btn-secondary\">",
+	"</button><!--$-->",
+	"<!--/--></div><div class=\"",
+	"\"><span class=\"media-picker-customizer__dropzone-text\">",
+	"</span><input type=\"file\"",
+	" style=\"",
+	"\"><label for=\"media-picker-file-input\" class=\"btn btn-secondary\">",
+	"</label></div><div class=\"media-picker-customizer__grid\"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div><!--$-->",
+	"<!--/--></div></div>"
+];
+var _tmpl$8$3 = [
+	"<div",
+	" class=\"media-picker-customizer\"><label class=\"media-picker-customizer__trigger\"><span class=\"media-picker-customizer__icon\">🖼️</span><span class=\"media-picker-customizer__text\">",
+	"</span><!--$-->",
+	"<!--/--></label><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><style>\n        .media-picker-customizer { position: relative; }\n        .media-picker-customizer__trigger {\n          display: inline-flex;\n          align-items: center;\n          gap: 0.5rem;\n          padding: 0.5rem 0.75rem;\n          border: 1px solid var(--color-border);\n          border-radius: var(--radius-md);\n          background: var(--color-white);\n          color: var(--color-text);\n          cursor: pointer;\n          transition: all 0.15s ease;\n          min-width: 200px;\n        }\n        .media-picker-customizer__trigger:hover {\n          border-color: var(--color-primary);\n        }\n        .media-picker-customizer__icon { font-size: 1.25rem; }\n        .media-picker-customizer__text { flex: 1; font-size: 0.875rem; }\n        .media-picker-customizer__label { font-size: 0.75rem; color: var(--color-muted); }\n        .media-picker-customizer__error { color: var(--color-error); font-size: 0.75rem; margin-top: 0.25rem; }\n        .media-picker-customizer__modal-overlay {\n          position: fixed;\n          inset: 0;\n          background: rgba(0, 0, 0, 0.5);\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          z-index: 1000;\n          padding: 1rem;\n        }\n        .media-picker-customizer__modal {\n          background: var(--color-white);\n          border-radius: var(--radius-lg);\n          box-shadow: var(--shadow-xl);\n          width: 100%;\n          max-width: 900px;\n          max-height: 90vh;\n          display: flex;\n          flex-direction: column;\n          overflow: hidden;\n        }\n        .media-picker-customizer__modal-header {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          padding: 1rem;\n          border-bottom: 1px solid var(--color-border);\n          flex-wrap: wrap;\n          gap: 0.5rem;\n        }\n        .media-picker-customizer__modal-header h3 { margin: 0; font-size: 1rem; }\n        .media-picker-customizer__modal-actions { display: flex; gap: 0.5rem; }\n        .media-picker-customizer__upload-btn { position: relative; }\n        .media-picker-customizer__upload-btn input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }\n        .media-picker-customizer__toolbar {\n          display: flex;\n          gap: 0.5rem;\n          padding: 0.75rem 1rem;\n          border-bottom: 1px solid var(--color-border);\n          flex-wrap: wrap;\n          align-items: center;\n        }\n        .media-picker-customizer__toolbar input[type=\"text\"] { flex: 1; min-width: 200px; }\n        .media-picker-customizer__dropzone {\n          padding: 2rem;\n          border: 2px dashed var(--color-border);\n          border-radius: var(--radius-md);\n          margin: 1rem;\n          text-align: center;\n          transition: all 0.15s ease;\n        }\n        .media-picker-customizer__dropzone.drag-over {\n          border-color: var(--color-primary);\n          background: var(--color-primary-soft);\n        }\n        .media-picker-customizer__dropzone input[type=\"file\"] { display: none; }\n        .media-picker-customizer__dropzone-text { color: var(--color-muted); font-size: 0.875rem; }\n        .media-picker-customizer__grid {\n          flex: 1;\n          overflow-y: auto;\n          padding: 1rem;\n          display: grid;\n          grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));\n          gap: 0.75rem;\n        }\n        .media-picker-customizer__item {\n          border: 2px solid var(--color-border);\n          border-radius: var(--radius-md);\n          overflow: hidden;\n          cursor: pointer;\n          transition: all 0.15s ease;\n          background: var(--color-white);\n        }\n        .media-picker-customizer__item:hover { border-color: var(--color-primary); }\n        .media-picker-customizer__item.selected {\n          border-color: var(--color-primary);\n          box-shadow: 0 0 0 2px var(--color-primary);\n        }\n        .media-picker-customizer__preview {\n          aspect-ratio: 16/9;\n          background: #f5f5f5;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          position: relative;\n          overflow: hidden;\n        }\n        .media-picker-customizer__preview img { width: 100%; height: 100%; object-fit: cover; }\n        .media-picker-customizer__icon-large { font-size: 3rem; color: var(--color-muted); }\n        .media-picker-customizer__checkmark {\n          position: absolute;\n          top: 0.5rem;\n          right: 0.5rem;\n          background: var(--color-primary);\n          color: white;\n          width: 1.5rem;\n          height: 1.5rem;\n          border-radius: 50%;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          font-weight: bold;\n        }\n        .media-picker-customizer__info { padding: 0.5rem; }\n        .media-picker-customizer__name { display: block; font-size: 0.75rem; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n        .media-picker-customizer__meta { display: block; font-size: 0.625rem; color: var(--color-muted); margin-top: 0.125rem; }\n        .media-picker-customizer__empty { grid-column: 1 / -1; padding: 3rem; text-align: center; color: var(--color-muted); }\n        .media-picker-customizer__pagination { display: flex; align-items: center; justify-content: center; gap: 1rem; padding: 1rem; border-top: 1px solid var(--color-border); font-size: 0.8125rem; color: var(--color-muted); }\n      </style></div>"
+];
+var _tmpl$9$3 = [
+	"<span",
+	" class=\"media-picker-customizer__label\">",
+	"</span>"
+];
+var _tmpl$0$3 = [
+	"<div",
+	" class=\"media-picker-customizer__error\">",
+	"</div>"
+];
+var _tmpl$1$3 = [
+	"<div",
+	" class=\"",
+	"\"><div class=\"media-picker-customizer__preview\"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div><div class=\"media-picker-customizer__info\"><span class=\"media-picker-customizer__name\">",
+	"</span><span class=\"media-picker-customizer__meta\"><!--$-->",
+	"<!--/--> · <!--$-->",
+	"<!--/--></span></div></div>"
+];
+var _tmpl$10$2 = ["<img", " alt loading=\"lazy\">"];
+var _tmpl$11$2 = [
+	"<div",
+	" class=\"media-picker-customizer__icon-large\">",
+	"</div>"
+];
+var _tmpl$12$2 = ["<div", " class=\"media-picker-customizer__checkmark\">✓</div>"];
+var _tmpl$13$1 = [
+	"<div",
+	" class=\"media-picker-customizer__empty\">",
+	"</div>"
+];
+var _tmpl$14$1 = [
+	"<select",
+	" class=\"input\"",
+	">",
+	"</select>"
+];
+function formatSize(bytes) {
+	if (!Number.isFinite(bytes)) return "—";
+	if (bytes < 1024) return `${bytes} B`;
+	if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)} KB`;
+	return `${(bytes / 1048576).toFixed(1)} MB`;
+}
+function isImage(media) {
+	return media.mime_type.startsWith("image/");
+}
+function isVideo(media) {
+	return media.mime_type.startsWith("video/");
+}
+function isAudio(media) {
+	return media.mime_type.startsWith("audio/");
+}
+function isPdf(media) {
+	return media.mime_type === "application/pdf";
+}
+function getMediaIcon(media) {
+	if (isImage(media)) return "🖼️";
+	if (isVideo(media)) return "🎬";
+	if (isAudio(media)) return "🎵";
+	if (isPdf(media)) return "📄";
+	return "📎";
+}
+function mediaUrl(media) {
+	return apiClient.mediaUrl(media.url);
+}
+function MediaPickerCustomizer(props) {
+	const { t } = useTranslation();
+	const { value, onChange, multiple = false, accept, label, placeholder = "Clique para selecionar mídia" } = props;
+	const [items, setItems] = createSignal([]);
+	const [total, setTotal] = createSignal(0);
+	const [page, setPage] = createSignal(1);
+	const [search, setSearch] = createSignal("");
+	const [mimeTypeFilter, setMimeTypeFilter] = createSignal("");
+	const [error, setError] = createSignal("");
+	const [uploading, setUploading] = createSignal(false);
+	const [showModal, setShowModal] = createSignal(false);
+	const [dragOver, setDragOver] = createSignal(false);
+	const [selectedIds, setSelectedIds] = createSignal([]);
+	const limit = 20;
+	const currentIds = Array.isArray(value) ? value : value ? [value] : [];
+	onMount(() => {
+		setSelectedIds(currentIds);
+		load();
+	});
+	const load = async () => {
+		try {
+			setError("");
+			const result = await apiClient.listMedia({
+				page: page(),
+				limit,
+				search: search() || void 0,
+				mimeType: mimeTypeFilter() || void 0
+			});
+			setItems(result.data ?? []);
+			setTotal(result.total ?? 0);
+		} catch (err) {
+			setError(err instanceof Error ? err.message : String(err));
+		}
+	};
+	const isSelected = (mediaId) => selectedIds().includes(mediaId);
+	return ssr(_tmpl$8$3, ssrHydrationKey(), selectedIds().length > 0 ? `${escape(selectedIds().length)} mídia(s) selecionada(s)` : escape(placeholder), label && ssr(_tmpl$9$3, ssrHydrationKey(), escape(label)), error() && ssr(_tmpl$0$3, ssrHydrationKey(), escape(error())), escape(createComponent(Show, {
+		get when() {
+			return showModal();
+		},
+		get children() {
+			return ssr(_tmpl$7$4, ssrHydrationKey(), escape(t("media.picker.title")), ssrAttribute("multiple", multiple, true) + ssrAttribute("accept", escape(accept, true), false), ssrStyleProperty("display:", "none"), uploading() ? "Enviando..." : escape(t("media.picker.upload")), escape(t("media.picker.clear")), ssrAttribute("disabled", selectedIds().length === 0, true), escape(t("media.picker.confirm")), ssrAttribute("placeholder", escape(t("media.picker.search"), true), false) + ssrAttribute("value", escape(search(), true), false), escape(t("media.picker.search")), escape(createComponent(Select, {
+				get value() {
+					return mimeTypeFilter();
+				},
+				onChange: (e) => {
+					setMimeTypeFilter(e.currentTarget.value);
+					setPage(1);
+					load();
+				},
+				get children() {
+					return [
+						ssr(_tmpl$$6, ssrHydrationKey(), escape(t("media.picker.allTypes"))),
+						ssr(_tmpl$2$6, ssrHydrationKey(), escape(t("media.picker.images"))),
+						ssr(_tmpl$3$6, ssrHydrationKey(), escape(t("media.picker.videos"))),
+						ssr(_tmpl$4$6, ssrHydrationKey(), escape(t("media.picker.audio"))),
+						ssr(_tmpl$5$6, ssrHydrationKey(), escape(t("media.picker.pdfs")))
+					];
+				}
+			})), `media-picker-customizer__dropzone ${dragOver() ? "drag-over" : ""}`, escape(t("media.picker.dropzone")), ssrAttribute("multiple", multiple, true) + ssrAttribute("accept", escape(accept, true), false), ssrStyleProperty("display:", "none"), escape(t("media.picker.selectFiles")), escape(createComponent(For, {
+				get each() {
+					return items();
+				},
+				children: (media) => ssr(_tmpl$1$3, ssrHydrationKey(), `media-picker-customizer__item ${isSelected(media.id) ? "selected" : ""}`, isImage(media) ? ssr(_tmpl$10$2, ssrHydrationKey() + ssrAttribute("src", escape(mediaUrl(media), true), false)) : ssr(_tmpl$11$2, ssrHydrationKey(), escape(getMediaIcon(media))), isSelected(media.id) && _tmpl$12$2[0] + ssrHydrationKey() + _tmpl$12$2[1], escape(media.title || media.filename), escape(formatSize(media.size)), escape(media.mime_type))
+			})), items().length === 0 && ssr(_tmpl$13$1, ssrHydrationKey(), total() === 0 ? escape(t("media.picker.empty")) : escape(t("media.picker.noResults"))), escape(createComponent(Show, {
+				get when() {
+					return total() > limit;
+				},
+				get children() {
+					return ssr(_tmpl$6$4, ssrHydrationKey(), ssrAttribute("disabled", page() <= 1, true), escape(t("media.picker.prev")), escape(t("media.picker.page", {
+						current: page(),
+						total: Math.ceil(total() / limit)
+					})), ssrAttribute("disabled", page() >= Math.ceil(total() / limit), true), escape(t("media.picker.next")));
+				}
+			})));
+		}
+	})));
+}
+function Select(props) {
+	return ssr(_tmpl$14$1, ssrHydrationKey(), ssrAttribute("value", escape(props.value, true), false), escape(props.children));
+}
+//#endregion
+//#region src/components/shared/RelationshipCustomizer.tsx
+var _tmpl$$5 = [
+	"<div",
+	" class=\"relationship-customizer__pagination\"><button class=\"btn btn-secondary\"",
+	">← Anterior</button><span>Página <!--$-->",
+	"<!--/--> de <!--$-->",
+	"<!--/--></span><button class=\"btn btn-secondary\"",
+	">Próxima →</button></div>"
+];
+var _tmpl$2$5 = [
+	"<div",
+	" class=\"relationship-customizer__dropdown\"><div class=\"relationship-customizer__search\"><input type=\"text\" class=\"input\"",
+	" autofocus><button class=\"btn btn-secondary\"",
+	">",
+	"</button></div><div class=\"relationship-customizer__list\"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$3$5 = [
+	"<div",
+	" class=\"relationship-customizer\"><label class=\"relationship-customizer__label\">",
+	"</label><div class=\"relationship-customizer__trigger\"><div class=\"relationship-customizer__selected\">",
+	"</div><span class=\"relationship-customizer__arrow\">",
+	"</span></div><!--$-->",
+	"<!--/--><style>\n        .relationship-customizer { position: relative; }\n        .relationship-customizer__label { display: block; font-size: 0.75rem; font-weight: 600; color: var(--color-text); margin-bottom: 0.25rem; }\n        .relationship-customizer__trigger {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          padding: 0.5rem 0.75rem;\n          border: 1px solid var(--color-border);\n          border-radius: var(--radius-md);\n          background: var(--color-white);\n          cursor: pointer;\n          min-height: 42px;\n          transition: border-color 0.15s;\n        }\n        .relationship-customizer__trigger:hover { border-color: var(--color-primary); }\n        .relationship-customizer__selected { display: flex; flex-wrap: wrap; gap: 0.25rem; flex: 1; min-height: 24px; }\n        .relationship-customizer__chip {\n          display: inline-flex;\n          align-items: center;\n          gap: 0.25rem;\n          padding: 0.25rem 0.5rem;\n          background: var(--color-primary-soft);\n          color: var(--color-primary);\n          border-radius: var(--radius-full);\n          font-size: 0.75rem;\n        }\n        .relationship-customizer__chip-remove {\n          background: none;\n          border: none;\n          color: var(--color-primary);\n          cursor: pointer;\n          padding: 0;\n          font-size: 0.75rem;\n          line-height: 1;\n        }\n        .relationship-customizer__placeholder { color: var(--color-muted); font-size: 0.875rem; }\n        .relationship-customizer__arrow { font-size: 0.75rem; color: var(--color-muted); transition: transform 0.15s; }\n        .relationship-customizer__dropdown {\n          position: absolute;\n          top: 100%;\n          left: 0;\n          right: 0;\n          background: var(--color-white);\n          border: 1px solid var(--color-border);\n          border-radius: var(--radius-md);\n          box-shadow: var(--shadow-lg);\n          margin-top: 0.25rem;\n          z-index: 100;\n          max-height: 500px;\n          display: flex;\n          flex-direction: column;\n        }\n        .relationship-customizer__search {\n          display: flex;\n          gap: 0.5rem;\n          padding: 0.75rem;\n          border-bottom: 1px solid var(--color-border);\n        }\n        .relationship-customizer__search input { flex: 1; }\n        .relationship-customizer__list {\n          max-height: 300px;\n          overflow-y: auto;\n        }\n        .relationship-customizer__item {\n          padding: 0.5rem 0.75rem;\n          cursor: pointer;\n          border-bottom: 1px solid var(--color-border);\n          transition: background 0.1s;\n        }\n        .relationship-customizer__item:hover { background: var(--color-primary-soft); }\n        .relationship-customizer__item.selected { background: var(--color-primary-soft); border-left: 3px solid var(--color-primary); }\n        .relationship-customizer__item-title { font-weight: 500; font-size: 0.875rem; }\n        .relationship-customizer__item-meta { font-size: 0.75rem; color: var(--color-muted); margin-top: 0.125rem; }\n        .relationship-customizer__empty { padding: 1rem; text-align: center; color: var(--color-muted); }\n        .relationship-customizer__pagination { display: flex; align-items: center; justify-content: center; gap: 1rem; padding: 0.75rem; border-top: 1px solid var(--color-border); font-size: 0.8125rem; }\n      </style></div>"
+];
+var _tmpl$4$5 = [
+	"<span",
+	" class=\"relationship-customizer__chip\"><!--$-->",
+	"<!--/--><button type=\"button\" class=\"relationship-customizer__chip-remove\">✕</button></span>"
+];
+var _tmpl$5$5 = [
+	"<span",
+	" class=\"relationship-customizer__placeholder\">",
+	"</span>"
+];
+var _tmpl$6$3 = [
+	"<div",
+	" class=\"",
+	"\"><div class=\"relationship-customizer__item-title\">",
+	"</div><div class=\"relationship-customizer__item-meta\"><!--$-->",
+	"<!--/--> · <!--$-->",
+	"<!--/--> · <!--$-->",
+	"<!--/--></div></div>"
+];
+var _tmpl$7$3 = [
+	"<div",
+	" class=\"relationship-customizer__empty\">",
+	"</div>"
+];
+function RelationshipCustomizer(props) {
+	const { t } = useTranslation();
+	const { value, onChange, postType, multiple = false, placeholder = "Buscar conteúdo...", label } = props;
+	const [items, setItems] = createSignal([]);
+	const [total, setTotal] = createSignal(0);
+	const [page, setPage] = createSignal(1);
+	const [search, setSearch] = createSignal("");
+	const [loading, setLoading] = createSignal(false);
+	const [showDropdown, setShowDropdown] = createSignal(false);
+	const [selectedIds, setSelectedIds] = createSignal([]);
+	const currentIds = Array.isArray(value) ? value : value ? [value] : [];
+	onMount(() => {
+		setSelectedIds(currentIds);
+	});
+	const isSelected = (id) => selectedIds().includes(id);
+	return ssr(_tmpl$3$5, ssrHydrationKey(), escape(label || t("customizer.fieldTypes.relationship.label")), selectedIds().length > 0 ? escape(createComponent(For, {
+		get each() {
+			return selectedIds();
+		},
+		children: (id) => {
+			const item = items().find((i) => i.id === id);
+			return ssr(_tmpl$4$5, ssrHydrationKey(), escape(item?.title || id));
+		}
+	})) : ssr(_tmpl$5$5, ssrHydrationKey(), escape(placeholder)), showDropdown() ? "▲" : "▼", escape(createComponent(Show, {
+		get when() {
+			return showDropdown();
+		},
+		get children() {
+			return ssr(_tmpl$2$5, ssrHydrationKey(), ssrAttribute("placeholder", escape(placeholder, true), false) + ssrAttribute("value", escape(search(), true), false), ssrAttribute("disabled", loading(), true), loading() ? "Carregando..." : "Buscar", escape(createComponent(For, {
+				get each() {
+					return items();
+				},
+				children: (item) => ssr(_tmpl$6$3, ssrHydrationKey(), `relationship-customizer__item ${isSelected(item.id) ? "selected" : ""}`, escape(item.title), escape(item.type), escape(item.status), escape(item.slug))
+			})), items().length === 0 && !loading() && ssr(_tmpl$7$3, ssrHydrationKey(), total() === 0 ? "Nenhum conteúdo encontrado" : "Nenhum resultado para a busca"), escape(createComponent(Show, {
+				get when() {
+					return total() > 10;
+				},
+				get children() {
+					return ssr(_tmpl$$5, ssrHydrationKey(), ssrAttribute("disabled", page() <= 1, true), escape(page()), escape(Math.ceil(total() / 10)), ssrAttribute("disabled", page() >= Math.ceil(total() / 10), true));
+				}
+			})));
+		}
+	})));
+}
+//#endregion
+//#region src/components/shared/RepeaterCustomizer.tsx
+var _tmpl$$4 = [
+	"<div",
+	" class=\"repeater-customizer\"><label class=\"repeater-customizer__label\">",
+	"</label><div class=\"repeater-customizer__rows\"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div><div class=\"repeater-customizer__actions\"><button type=\"button\" class=\"btn btn-primary\">+ <!--$-->",
+	"<!--/--></button></div><style>\n        .repeater-customizer { display: flex; flex-direction: column; gap: 0.5rem; }\n        .repeater-customizer__label { font-size: 0.75rem; font-weight: 600; color: var(--color-text); margin-bottom: 0.25rem; }\n        .repeater-customizer__rows { display: flex; flex-direction: column; gap: 0.5rem; }\n        .repeater-customizer__row {\n          border: 1px solid var(--color-border);\n          border-radius: var(--radius-md);\n          background: var(--color-white);\n          overflow: hidden;\n        }\n        .repeater-customizer__row-header {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          padding: 0.75rem 1rem;\n          background: #f5f5f5;\n          border-bottom: 1px solid var(--color-border);\n          flex-wrap: wrap;\n          gap: 0.5rem;\n        }\n        .repeater-customizer__row-label { font-weight: 500; font-size: 0.875rem; }\n        .repeater-customizer__row-actions { display: flex; gap: 0.25rem; }\n        .repeater-customizer__row-actions .btn-icon {\n          padding: 0.25rem 0.5rem;\n          font-size: 0.75rem;\n          min-width: auto;\n        }\n        .repeater-customizer__fields { padding: 1rem; display: flex; flex-direction: column; gap: 0.75rem; }\n        .repeater-customizer__field { display: flex; flex-direction: column; gap: 0.5rem; }\n        .repeater-customizer__empty { padding: 2rem; text-align: center; color: var(--color-muted); }\n        .repeater-customizer__actions { display: flex; justify-content: flex-end; margin-top: 0.5rem; }\n      </style></div>"
+];
+var _tmpl$2$4 = [
+	"<div",
+	" class=\"repeater-customizer__fields\">",
+	"</div>"
+];
+var _tmpl$3$4 = [
+	"<div",
+	" class=\"",
+	"\"><div class=\"repeater-customizer__row-header\"><span class=\"repeater-customizer__row-label\">",
+	"</span><div class=\"repeater-customizer__row-actions\"><button type=\"button\" class=\"btn btn-icon\"",
+	">",
+	"</button><button type=\"button\" class=\"btn btn-icon\"",
+	" aria-label=\"Mover para cima\">↑</button><button type=\"button\" class=\"btn btn-icon\"",
+	" aria-label=\"Mover para baixo\">↓</button><button type=\"button\" class=\"btn btn-icon btn-danger\"",
+	" aria-label=\"Remover linha\">✕</button></div></div><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$4$4 = [
+	"<div",
+	" class=\"repeater-customizer__field\">",
+	"</div>"
+];
+var _tmpl$5$4 = ["<div", " class=\"repeater-customizer__empty\">Nenhuma linha adicionada. Clique em \"Adicionar linha\" para começar.</div>"];
+function RepeaterCustomizer(props) {
+	const { t } = useTranslation();
+	const { value, onChange, subFields, label, itemLabel = "title", minRows = 0, maxRows } = props;
+	const [rows, setRows] = createSignal(value || []);
+	const [expanded, setExpanded] = createSignal(/* @__PURE__ */ new Set([0]));
+	const handleFieldChange = (rowIndex, fieldName, fieldValue) => {
+		const next = [...rows()];
+		next[rowIndex] = {
+			...next[rowIndex],
+			[fieldName]: fieldValue
+		};
+		setRows(next);
+		onChange(next);
+	};
+	const getRowLabel = (row, index) => {
+		const labelValue = row[itemLabel];
+		if (labelValue && typeof labelValue === "string" && labelValue.trim()) return labelValue.trim();
+		return `Item ${index + 1}`;
+	};
+	const isExpanded = (index) => expanded().has(index);
+	return ssr(_tmpl$$4, ssrHydrationKey(), escape(label || "Repetidor"), escape(createComponent(For, {
+		get each() {
+			return rows();
+		},
+		children: (row, index) => ssr(_tmpl$3$4, ssrHydrationKey(), `repeater-customizer__row ${isExpanded(index()) ? "expanded" : ""}`, escape(getRowLabel(row, index())), ssrAttribute("aria-label", isExpanded(index()) ? "Colapsar" : "Expandir", false), isExpanded(index()) ? "▲" : "▼", ssrAttribute("disabled", index() === 0, true), ssrAttribute("disabled", index() === rows().length - 1, true), ssrAttribute("disabled", rows().length <= minRows, true), escape(createComponent(Show, {
+			get when() {
+				return isExpanded(index());
+			},
+			get children() {
+				return ssr(_tmpl$2$4, ssrHydrationKey(), escape(createComponent(For, {
+					each: subFields,
+					children: (field) => ssr(_tmpl$4$4, ssrHydrationKey(), escape(createComponent(FieldRendererFactory, {
+						get field() {
+							return {
+								...field,
+								name: field.name
+							};
+						},
+						get value() {
+							return row[field.name];
+						},
+						onChange: (val) => handleFieldChange(index(), field.name, val),
+						get subFields() {
+							return field.subFields;
+						},
+						get layouts() {
+							return field.layouts;
+						}
+					})))
+				})));
+			}
+		})))
+	})), rows().length === 0 && _tmpl$5$4[0] + ssrHydrationKey() + _tmpl$5$4[1], escape(t("customizer.fieldTypes.repeater.addRow", { default: "Adicionar linha" })));
+}
+//#endregion
+//#region src/components/shared/RichTextEditor.tsx
+var _tmpl$$3 = [
+	"<div",
+	" class=\"rich-text-editor\" data-rich-text-editor><div class=\"rich-text-editor__toolbar\" role=\"toolbar\"",
+	"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div><div class=\"rich-text-editor__body\"",
+	" role=\"textbox\" aria-multiline=\"true\"",
+	" spellcheck=\"true\">",
+	"</div><style>\n        .rich-text-editor {\n          display: flex;\n          flex-direction: column;\n          border: 1px solid var(--color-border);\n          border-radius: var(--radius-md);\n          background: var(--color-white);\n          overflow: hidden;\n        }\n        .rich-text-editor__toolbar {\n          display: flex;\n          flex-wrap: wrap;\n          align-items: center;\n          gap: 0.25rem;\n          background: #f5f5f5;\n          border-bottom: 1px solid var(--color-border);\n          padding: 0.5rem;\n        }\n        .rich-text-editor__toolbar select.input {\n          max-width: 160px;\n          padding: 0.25rem 0.45rem;\n        }\n        .rich-text-editor__divider { width: 1px; height: 1.5rem; background: var(--color-border); margin: 0 0.25rem; }\n        .rich-text-editor__toolbar button {\n          min-width: 2rem;\n          min-height: 2rem;\n          border: 1px solid transparent;\n          border-radius: var(--radius-sm);\n          background: transparent;\n          color: var(--color-text);\n          padding: 0.25rem 0.45rem;\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          font-size: 0.875rem;\n        }\n        .rich-text-editor__toolbar button:hover:not(:disabled) { border-color: var(--color-border); background: var(--color-white); }\n        .rich-text-editor__toolbar button:disabled { opacity: 0.4; cursor: not-allowed; }\n        .rich-text-editor__divider { width: 1px; height: 1.5rem; background: var(--color-border); margin: 0 0.25rem; }\n        .rich-text-editor__body {\n          min-height: 200px;\n          border: 1px solid var(--color-border);\n          border-top: 0;\n          background: var(--color-white);\n          color: var(--color-text);\n          font-size: 0.9375rem;\n          line-height: 1.6;\n          padding: 0.75rem;\n          outline: none;\n          border-radius: 0 0 var(--radius-sm) var(--radius-sm);\n        }\n        .rich-text-editor__body:focus { border-color: var(--color-primary); box-shadow: 0 0 0 1px var(--color-primary); }\n        .rich-text-editor__body:empty::before { content: attr(data-placeholder); color: var(--color-muted); }\n        .rich-text-editor__body blockquote { border-left: 3px solid var(--color-primary); margin: 1rem 0; padding-left: 1rem; color: var(--color-muted); }\n        .rich-text-editor__body pre { background: #f5f5f5; padding: 0.5rem; border-radius: var(--radius-sm); overflow-x: auto; }\n        .rich-text-editor__divider { width: 1px; height: 1.5rem; background: var(--color-border); margin: 0 0.25rem; }\n        .rich-text-editor__btn {\n          min-width: 2rem;\n          min-height: 2rem;\n          border: 1px solid transparent;\n          border-radius: var(--radius-sm);\n          background: transparent;\n          color: var(--color-text);\n          padding: 0.25rem 0.45rem;\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          font-size: 0.875rem;\n          transition: all 0.15s ease;\n        }\n        .rich-text-editor__btn:hover:not(:disabled) { border-color: var(--color-border); background: var(--color-white); }\n        .rich-text-editor__btn:disabled { opacity: 0.4; cursor: not-allowed; }\n        .rich-text-editor__body pre { background: #f5f5f5; padding: 0.5rem; border-radius: var(--radius-sm); overflow-x: auto; }\n      </style></div>"
+];
+var _tmpl$2$3 = [
+	"<select",
+	" class=\"rich-text-editor__select\"",
+	" value",
+	">",
+	"</select>"
+];
+var _tmpl$3$3 = [
+	"<option",
+	">",
+	"</option>"
+];
+var _tmpl$4$3 = ["<span", " class=\"rich-text-editor__divider\"></span>"];
+var _tmpl$5$3 = [
+	"<button",
+	" type=\"button\"",
+	" aria-label=\"Negrito (Ctrl+B)\"><strong>B</strong></button>"
+];
+var _tmpl$6$2 = [
+	"<button",
+	" type=\"button\"",
+	" aria-label=\"Itálico (Ctrl+I)\"><em>I</em></button>"
+];
+var _tmpl$7$2 = [
+	"<button",
+	" type=\"button\"",
+	" aria-label=\"Sublinhado (Ctrl+U)\"><u>U</u></button>"
+];
+var _tmpl$8$2 = [
+	"<button",
+	" type=\"button\"",
+	" aria-label=\"Tachado\"><s>S</s></button>"
+];
+var _tmpl$9$2 = [
+	"<button",
+	" type=\"button\"",
+	" aria-label=\"Bloco de citação\">❝</button>"
+];
+var _tmpl$0$2 = [
+	"<button",
+	" type=\"button\"",
+	" aria-label=\"Código\">&lt;pre></button>"
+];
+var _tmpl$1$2 = [
+	"<button",
+	" type=\"button\"",
+	" aria-label=\"Lista com marcadores\">• Lista</button>"
+];
+var _tmpl$10$1 = [
+	"<button",
+	" type=\"button\"",
+	" aria-label=\"Lista numerada\">1. Lista</button>"
+];
+var _tmpl$11$1 = [
+	"<button",
+	" type=\"button\"",
+	" aria-label=\"Inserir link (Ctrl+K)\">🔗</button>"
+];
+var _tmpl$12$1 = [
+	"<button",
+	" type=\"button\"",
+	" aria-label=\"Remover link\">🔗✕</button>"
+];
+var _tmpl$13 = [
+	"<button",
+	" type=\"button\"",
+	" aria-label=\"Desfazer (Ctrl+Z)\">↶</button>"
+];
+var _tmpl$14 = [
+	"<button",
+	" type=\"button\"",
+	" aria-label=\"Refazer (Ctrl+Y)\">↷</button>"
+];
+var _tmpl$15 = [
+	"<button",
+	" type=\"button\"",
+	" aria-label=\"Limpar formatação\">𝑥</button>"
+];
+var DEFAULT_TOOLBAR = {
+	formatBlock: true,
+	bold: true,
+	italic: true,
+	underline: true,
+	strikeThrough: true,
+	blockquote: true,
+	code: true,
+	unorderedList: true,
+	orderedList: true,
+	link: true,
+	unlink: true,
+	undo: true,
+	redo: true,
+	removeFormat: true
+};
+var FORMAT_BLOCK_OPTIONS = [
+	{
+		value: "",
+		label: "Parágrafo"
+	},
+	{
+		value: "<h1>",
+		label: "Título 1"
+	},
+	{
+		value: "<h2>",
+		label: "Título 2"
+	},
+	{
+		value: "<h3>",
+		label: "Título 3"
+	},
+	{
+		value: "<h4>",
+		label: "Título 4"
+	},
+	{
+		value: "<blockquote>",
+		label: "Bloco de citação"
+	},
+	{
+		value: "<pre>",
+		label: "Código"
+	}
+];
+function RichTextEditor(props) {
+	const { value, onChange, placeholder = "Comece a escrever...", disabled = false, toolbarConfig = {} } = props;
+	const toolbar = {
+		...DEFAULT_TOOLBAR,
+		...toolbarConfig
+	};
+	const [editorRef, setEditorRef] = createSignal(null);
+	const [isComposing, setIsComposing] = createSignal(false);
+	onMount(() => {
+		const editor = editorRef();
+		if (editor && editor.innerHTML !== value) editor.innerHTML = value;
+	});
+	return ssr(_tmpl$$3, ssrHydrationKey(), ssrAttribute("aria-label", toolbar.formatBlock ? "Editor de texto rico" : "", false), toolbar.formatBlock && ssr(_tmpl$2$3, ssrHydrationKey(), ssrAttribute("aria-label", toolbar.formatBlock ? "Formato de bloco" : "", false), ssrAttribute("disabled", disabled, true), escape(FORMAT_BLOCK_OPTIONS.map((opt) => ssr(_tmpl$3$3, ssrHydrationKey() + ssrAttribute("value", escape(opt.value, true), false), escape(opt.label))))), toolbar.formatBlock && _tmpl$4$3[0] + ssrHydrationKey() + _tmpl$4$3[1], toolbar.bold && ssr(_tmpl$5$3, ssrHydrationKey(), ssrAttribute("disabled", disabled, true)), toolbar.italic && ssr(_tmpl$6$2, ssrHydrationKey(), ssrAttribute("disabled", disabled, true)), toolbar.underline && ssr(_tmpl$7$2, ssrHydrationKey(), ssrAttribute("disabled", disabled, true)), toolbar.strikeThrough && ssr(_tmpl$8$2, ssrHydrationKey(), ssrAttribute("disabled", disabled, true)), (toolbar.bold || toolbar.italic || toolbar.underline || toolbar.strikeThrough) && _tmpl$4$3[0] + ssrHydrationKey() + _tmpl$4$3[1], toolbar.blockquote && ssr(_tmpl$9$2, ssrHydrationKey(), ssrAttribute("disabled", disabled, true)), toolbar.code && ssr(_tmpl$0$2, ssrHydrationKey(), ssrAttribute("disabled", disabled, true)), (toolbar.blockquote || toolbar.code) && _tmpl$4$3[0] + ssrHydrationKey() + _tmpl$4$3[1], toolbar.unorderedList && ssr(_tmpl$1$2, ssrHydrationKey(), ssrAttribute("disabled", disabled, true)), toolbar.orderedList && ssr(_tmpl$10$1, ssrHydrationKey(), ssrAttribute("disabled", disabled, true)), (toolbar.unorderedList || toolbar.orderedList) && _tmpl$4$3[0] + ssrHydrationKey() + _tmpl$4$3[1], toolbar.link && ssr(_tmpl$11$1, ssrHydrationKey(), ssrAttribute("disabled", disabled, true)), toolbar.unlink && ssr(_tmpl$12$1, ssrHydrationKey(), ssrAttribute("disabled", disabled, true)), (toolbar.link || toolbar.unlink) && _tmpl$4$3[0] + ssrHydrationKey() + _tmpl$4$3[1], toolbar.undo && ssr(_tmpl$13, ssrHydrationKey(), ssrAttribute("disabled", disabled, true)), toolbar.redo && ssr(_tmpl$14, ssrHydrationKey(), ssrAttribute("disabled", disabled, true)), toolbar.removeFormat && ssr(_tmpl$15, ssrHydrationKey(), ssrAttribute("disabled", disabled, true)), ssrAttribute("contenteditable", !disabled, false), ssrAttribute("aria-label", escape(placeholder, true), false) + ssrAttribute("data-placeholder", escape(placeholder, true), false), value);
+}
+//#endregion
+//#region src/components/shared/GroupCustomizer.tsx
+var _tmpl$$2 = [
+	"<div",
+	" class=\"group-customizer__fields\">",
+	"</div>"
+];
+var _tmpl$2$2 = [
+	"<div",
+	" class=\"group-customizer\"><div class=\"group-customizer__header\"><label class=\"group-customizer__label\">",
+	"</label><!--$-->",
+	"<!--/--></div><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><style>\n        .group-customizer { border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-white); overflow: hidden; }\n        .group-customizer__header { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; background: #f5f5f5; border-bottom: 1px solid var(--color-border); }\n        .group-customizer__label { font-weight: 600; font-size: 0.875rem; color: var(--color-text); margin: 0; }\n        .group-customizer__toggle { background: none; border: none; font-size: 1rem; cursor: pointer; color: var(--color-muted); padding: 0.25rem; border-radius: var(--radius-sm); transition: color 0.15s; }\n        .group-customizer__toggle:hover { color: var(--color-primary); }\n        .group-customizer__description { padding: 0.5rem 1rem; margin: 0; font-size: 0.8125rem; color: var(--color-muted); border-bottom: 1px solid var(--color-border); }\n        .group-customizer__fields { padding: 1rem; display: flex; flex-direction: column; gap: 0.75rem; }\n        .group-customizer__field { display: flex; flex-direction: column; gap: 0.5rem; }\n      </style></div>"
+];
+var _tmpl$3$2 = [
+	"<button",
+	" type=\"button\" class=\"group-customizer__toggle\"",
+	">",
+	"</button>"
+];
+var _tmpl$4$2 = [
+	"<p",
+	" class=\"group-customizer__description\">",
+	"</p>"
+];
+var _tmpl$5$2 = [
+	"<div",
+	" class=\"group-customizer__field\">",
+	"</div>"
+];
+function GroupCustomizer(props) {
+	const { t } = useTranslation();
+	const { value, onChange, subFields, label, collapsible = true, defaultExpanded = true, description } = props;
+	const [expanded, setExpanded] = createSignal(defaultExpanded);
+	const [data, setData] = createSignal(value || {});
+	return ssr(_tmpl$2$2, ssrHydrationKey(), escape(label || "Grupo"), collapsible && ssr(_tmpl$3$2, ssrHydrationKey(), ssrAttribute("aria-label", expanded() ? "Colapsar" : "Expandir", false) + ssrAttribute("aria-expanded", escape(expanded(), true), false), expanded() ? "▲" : "▼"), description && ssr(_tmpl$4$2, ssrHydrationKey(), escape(description)), escape(createComponent(Show, {
+		get when() {
+			return expanded() || !collapsible;
+		},
+		get children() {
+			return ssr(_tmpl$$2, ssrHydrationKey(), escape(createComponent(For, {
+				each: subFields,
+				children: (field) => ssr(_tmpl$5$2, ssrHydrationKey(), escape(createComponent(FieldRendererFactory, {
+					get field() {
+						return {
+							...field,
+							name: field.name
+						};
+					},
+					get value() {
+						return data()[field.name];
+					},
+					onChange: (val) => {
+						const next = {
+							...data(),
+							[field.name]: val
+						};
+						setData(next);
+						onChange(next);
+					},
+					get subFields() {
+						return field.subFields;
+					},
+					get layouts() {
+						return field.layouts;
+					}
+				})))
+			})));
+		}
+	})));
+}
+//#endregion
+//#region src/components/shared/FieldRendererFactory.tsx
+var _tmpl$$1 = [
+	"<input",
+	" type=\"text\" class=\"input\"",
+	">"
+];
+var _tmpl$2$1 = [
+	"<textarea",
+	" class=\"input\" rows=\"4\"",
+	"></textarea>"
+];
+var _tmpl$3$1 = [
+	"<input",
+	" type=\"number\" class=\"input\"",
+	">"
+];
+var _tmpl$4$1 = [
+	"<input",
+	" type=\"email\" class=\"input\"",
+	">"
+];
+var _tmpl$5$1 = [
+	"<input",
+	" type=\"url\" class=\"input\"",
+	">"
+];
+var _tmpl$6$1 = [
+	"<input",
+	" type=\"password\" class=\"input\"",
+	">"
+];
+var _tmpl$7$1 = [
+	"<input",
+	" type=\"color\" class=\"input\"",
+	">"
+];
+var _tmpl$8$1 = [
+	"<select",
+	" class=\"input\"",
+	"><option value>Select an option</option><!--$-->",
+	"<!--/--></select>"
+];
+var _tmpl$9$1 = [
+	"<option",
+	">",
+	"</option>"
+];
+var _tmpl$0$1 = [
+	"<label",
+	" class=\"checkbox-label\"><input type=\"checkbox\"",
+	"> Enabled</label>"
+];
+var _tmpl$1$1 = [
+	"<div",
+	" class=\"field-renderer__fallback\"><span>Unsupported field type: <!--$-->",
+	"<!--/--></span><!--$-->",
+	"<!--/--></div>"
+];
+function SimpleInput(props) {
+	return ssr(_tmpl$$1, ssrHydrationKey(), ssrAttribute("value", escape(props.value || "", true), false) + ssrAttribute("placeholder", escape(props.placeholder, true), false));
+}
+function TextareaInput(props) {
+	return ssr(_tmpl$2$1, ssrHydrationKey(), ssrAttribute("value", escape(props.value || "", true), false) + ssrAttribute("placeholder", escape(props.field.placeholder, true), false));
+}
+function NumberInput(props) {
+	return ssr(_tmpl$3$1, ssrHydrationKey(), ssrAttribute("value", escape(props.value || "", true), false) + ssrAttribute("min", escape(props.field.min, true), false) + ssrAttribute("max", escape(props.field.max, true), false) + ssrAttribute("step", escape(props.field.step, true), false));
+}
+function EmailInput(props) {
+	return ssr(_tmpl$4$1, ssrHydrationKey(), ssrAttribute("value", escape(props.value || "", true), false) + ssrAttribute("placeholder", escape(props.field.placeholder, true), false));
+}
+function UrlInput(props) {
+	return ssr(_tmpl$5$1, ssrHydrationKey(), ssrAttribute("placeholder", escape(props.field.placeholder, true), false) + ssrAttribute("value", escape(props.value, true), false));
+}
+function PasswordInput(props) {
+	return ssr(_tmpl$6$1, ssrHydrationKey(), ssrAttribute("value", escape(props.value, true), false));
+}
+function SlugInput(props) {
+	return ssr(_tmpl$$1, ssrHydrationKey(), ssrAttribute("value", escape(props.value, true), false) + ssrAttribute("placeholder", escape(props.placeholder, true), false));
+}
+function ColorInput(props) {
+	return ssr(_tmpl$7$1, ssrHydrationKey(), ssrAttribute("value", escape(props.value, true), false));
+}
+function SelectInput(props) {
+	return ssr(_tmpl$8$1, ssrHydrationKey(), ssrAttribute("value", escape(String(props.value ?? ""), true), false), escape((props.field.options ?? []).map((option) => {
+		const value = typeof option === "string" ? option : option.value;
+		const label = typeof option === "string" ? option : option.label;
+		return ssr(_tmpl$9$1, ssrHydrationKey() + ssrAttribute("value", escape(value, true), false), escape(label));
+	})));
+}
+function CheckboxInput(props) {
+	return ssr(_tmpl$0$1, ssrHydrationKey(), ssrAttribute("checked", props.value === true, true));
+}
+function FieldRendererFactory(props) {
+	const { field, value, onChange } = props;
+	const type = field.type;
+	switch (type) {
+		case "text": return createComponent(SimpleInput, {
+			value: value || "",
+			onChange,
+			get placeholder() {
+				return field.placeholder;
+			}
+		});
+		case "textarea": return createComponent(TextareaInput, {
+			field,
+			value: value || "",
+			onChange
+		});
+		case "number":
+		case "range": return createComponent(NumberInput, {
+			field,
+			value: value || "",
+			onChange
+		});
+		case "email": return createComponent(EmailInput, {
+			field,
+			value,
+			onChange
+		});
+		case "url": return createComponent(UrlInput, {
+			field,
+			value,
+			onChange
+		});
+		case "password": return createComponent(PasswordInput, {
+			field,
+			value,
+			onChange
+		});
+		case "slug": return createComponent(SlugInput, {
+			field,
+			value,
+			onChange,
+			get placeholder() {
+				return field.placeholder;
+			}
+		});
+		case "select": return createComponent(SelectInput, {
+			field,
+			value,
+			onChange
+		});
+		case "checkbox":
+		case "toggle": return createComponent(CheckboxInput, {
+			value,
+			onChange
+		});
+		case "color":
+		case "color_picker": return createComponent(ColorInput, {
+			value,
+			onChange
+		});
+		case "wysiwyg": return createComponent(RichTextEditor, {
+			value,
+			onChange,
+			get placeholder() {
+				return field.placeholder;
+			},
+			disabled: false
+		});
+		case "date_picker":
+		case "date_time_picker":
+		case "time_picker": return createComponent(DateTimeCustomizer, {
+			type,
+			value,
+			onChange,
+			get placeholder() {
+				return field.placeholder;
+			},
+			get label() {
+				return field.label;
+			},
+			get min() {
+				return memo(() => field.min != null)() ? `${field.min}` : void 0;
+			},
+			get max() {
+				return memo(() => field.max != null)() ? `${field.max}` : void 0;
+			},
+			get step() {
+				return memo(() => field.step != null)() ? String(field.step) : void 0;
+			}
+		});
+		case "google_map": return createComponent(GoogleMapCustomizer, {
+			value,
+			onChange,
+			get placeholder() {
+				return field.placeholder;
+			},
+			get label() {
+				return field.label;
+			}
+		});
+		case "link": return createComponent(LinkCustomizer, {
+			value,
+			onChange,
+			get placeholder() {
+				return field.placeholder;
+			},
+			get label() {
+				return field.label;
+			}
+		});
+		case "relationship":
+		case "post_object": return createComponent(RelationshipCustomizer, {
+			value,
+			onChange,
+			get postType() {
+				return field.postType;
+			},
+			get multiple() {
+				return field.multiple !== false;
+			},
+			get placeholder() {
+				return field.placeholder;
+			},
+			get label() {
+				return field.label;
+			}
+		});
+		case "image":
+		case "file":
+		case "media": return createComponent(MediaPickerCustomizer, {
+			value,
+			onChange,
+			get multiple() {
+				return field.multiple;
+			},
+			get accept() {
+				return field.accept;
+			},
+			get label() {
+				return field.label;
+			},
+			get placeholder() {
+				return field.placeholder;
+			}
+		});
+		case "gallery": return createComponent(MediaPickerCustomizer, {
+			value,
+			onChange,
+			multiple: true,
+			get accept() {
+				return field.accept;
+			},
+			get label() {
+				return field.label;
+			},
+			get placeholder() {
+				return field.placeholder;
+			}
+		});
+		case "group": return createComponent(GroupCustomizer, {
+			value,
+			onChange,
+			get subFields() {
+				return field.subFields;
+			},
+			get label() {
+				return field.label;
+			},
+			get collapsible() {
+				return field.collapsible;
+			},
+			get defaultExpanded() {
+				return field.defaultExpanded;
+			}
+		});
+		case "taxonomy":
+		case "user": return createComponent(EntitySelectorCustomizer, {
+			get entityType() {
+				return field.entityType ?? type;
+			},
+			value,
+			onChange,
+			get taxonomy() {
+				return field.taxonomy;
+			},
+			get multiple() {
+				return field.multiple !== false;
+			},
+			get placeholder() {
+				return field.placeholder;
+			},
+			get label() {
+				return field.label;
+			}
+		});
+		case "repeater": return createComponent(RepeaterCustomizer, {
+			get subFields() {
+				return field.subFields;
+			},
+			value,
+			onChange,
+			get label() {
+				return field.label;
+			},
+			get itemLabel() {
+				return field.itemLabel;
+			},
+			get minRows() {
+				return field.minRows;
+			},
+			get maxRows() {
+				return field.maxRows;
+			}
+		});
+		case "flexible_content": return createComponent(FlexibleContentCustomizer, {
+			get layouts() {
+				return field.layouts;
+			},
+			value,
+			onChange,
+			get label() {
+				return field.label;
+			},
+			get minRows() {
+				return field.minRows;
+			},
+			get maxRows() {
+				return field.maxRows;
+			}
+		});
+		default: return ssr(_tmpl$1$1, ssrHydrationKey(), escape(type), escape(createComponent(SimpleInput, {
+			value: value || "",
+			onChange,
+			get placeholder() {
+				return field.placeholder;
+			}
+		})));
+	}
+}
+//#endregion
+//#region src/components/apps/themes/ThemeCustomizer.tsx
+var _tmpl$ = [
+	"<div",
+	" class=\"customizer__tab-panel\" role=\"tabpanel\">",
+	"</div>"
+];
+var _tmpl$2 = [
+	"<div",
+	"><div class=\"customizer__tabs\" role=\"tablist\">",
+	"</div><div class=\"customizer__tab-panels\"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div></div>"
+];
+var _tmpl$3 = [
+	"<button",
+	" class=\"",
+	"\" role=\"tab\"",
+	">",
+	"</button>"
+];
+var _tmpl$4 = [
+	"<div",
+	" class=\"customizer__tab-panel\" role=\"tabpanel\"",
+	">",
+	"</div>"
+];
+var _tmpl$5 = [
+	"<div",
+	" class=\"customizer__field\"><label for=\"",
+	"\">",
+	"</label><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$6 = [
+	"<div",
+	"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$7 = [
+	"<div",
+	" class=\"customizer__accordion\">",
+	"</div>"
+];
+var _tmpl$8 = [
+	"<p",
+	" class=\"muted\">",
+	"</p>"
+];
+var _tmpl$9 = [
+	"<span",
+	" class=\"customizer__saved\">",
+	"</span>"
+];
+var _tmpl$0 = [
+	"<div",
+	" class=\"alert alert-error\">",
+	"</div>"
+];
+var _tmpl$1 = [
+	"<div",
+	" class=\"customizer__layout\"><aside class=\"customizer__panel\"><h3><!--$-->",
+	"<!--/--> · <!--$-->",
+	"<!--/--></h3><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><div class=\"customizer__actions\"><button class=\"btn btn-primary\"",
+	">",
+	"</button><button class=\"btn btn-secondary\"",
+	">",
+	"</button><button class=\"btn btn-secondary\">",
+	"</button></div><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><p class=\"muted customizer__hint\">",
+	"</p></aside><section class=\"customizer__preview\"><div class=\"customizer__preview-bar\"><input class=\"input\"",
+	" placeholder=\"/\"",
+	"></div><iframe class=\"customizer__frame\"",
+	"></iframe></section></div>"
+];
+var _tmpl$10 = [
+	"<div",
+	" class=\"customizer\"><!--$-->",
+	"<!--/--><style>\n        .customizer__layout {\n          display: grid;\n          grid-template-columns: minmax(280px, 340px) 1fr;\n          gap: 1.25rem;\n          align-items: start;\n        }\n        .customizer__panel {\n          background: var(--color-surface);\n          border: 1px solid var(--color-border);\n          border-radius: var(--radius-lg);\n          padding: 1.25rem;\n          display: flex;\n          flex-direction: column;\n          gap: 0.85rem;\n          position: sticky;\n          top: 1rem;\n        }\n        .customizer__panel h3 { margin: 0; font-size: 1rem; }\n        .customizer__field { display: flex; flex-direction: column; gap: 0.3rem; }\n        .customizer__field label { font-size: 0.75rem; font-weight: 600; color: var(--color-text); }\n        .customizer__color { height: 2.25rem; padding: 0.15rem; }\n        .customizer__actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }\n        .customizer__saved { font-size: 0.75rem; color: var(--color-success); }\n        .customizer__hint { font-size: 0.75rem; margin: 0; }\n        .customizer__preview {\n          display: flex;\n          flex-direction: column;\n          gap: 0.5rem;\n          min-width: 0;\n        }\n        .customizer__preview-bar { display: flex; gap: 0.5rem; }\n        .customizer__frame {\n          width: 100%;\n          height: min(72vh, 780px);\n          border: 1px solid var(--color-border);\n          border-radius: var(--radius-md);\n          background: var(--color-white);\n        }\n        .alert-error {\n          background: var(--color-error-soft);\n          color: var(--color-error);\n          border: 1px solid var(--color-error);\n          padding: 0.75rem 1rem;\n          border-radius: var(--radius-md);\n        }\n        .empty-state { padding: 3rem; text-align: center; color: var(--color-muted); }\n        .skeleton { padding: 2rem; text-align: center; color: var(--color-muted); }\n      </style></div>"
+];
+var _tmpl$11 = ["<div", " class=\"skeleton\">Loading...</div>"];
+var _tmpl$12 = [
+	"<div",
+	" class=\"empty-state\"><!--$-->",
+	"<!--/--> <a class=\"btn btn-secondary\" href=\"/themes\">",
+	"</a></div>"
+];
+var PREVIEW_DEBOUNCE_MS = 800;
+function defaultForField(field) {
+	if (field.default !== void 0) return field.default;
+	if (field.type === "checkbox") return false;
+	if (field.type === "number") return 0;
+	return "";
+}
+/** Convert a theme setting field to the factory configuration shape. */
+function toCustomFieldConfig(field) {
+	const f = field;
+	return {
+		name: field.name,
+		type: field.type ?? "text",
+		label: field.label,
+		default: field.default,
+		options: field.options,
+		required: field.required,
+		placeholder: field.placeholder,
+		min: field.min,
+		max: field.max,
+		step: field.step,
+		minLength: field.minLength,
+		maxLength: field.maxLength,
+		pattern: field.pattern,
+		postType: f.postType,
+		multiple: f.multiple,
+		accept: f.accept,
+		entityType: f.entityType,
+		taxonomy: f.taxonomy,
+		itemLabel: f.itemLabel,
+		minRows: f.minRows,
+		maxRows: f.maxRows,
+		collapsible: f.collapsible,
+		defaultExpanded: f.defaultExpanded,
+		subFields: field.subFields?.map(toCustomFieldConfig),
+		layouts: field.layouts?.map((l) => ({
+			name: l.name,
+			label: l.label,
+			subFields: l.subFields?.map(toCustomFieldConfig) || []
+		}))
+	};
+}
+/** Extract the theme ID from the `?theme=<id>` query string. */
+function getThemeIdFromQuery() {
+	if (typeof window === "undefined") return null;
+	return new URLSearchParams(window.location.search).get("theme");
+}
+function ThemeCustomizer() {
+	const { t } = useTranslation();
+	const [themes, setThemes] = createSignal([]);
+	const [loading, setLoading] = createSignal(true);
+	const [error, setError] = createSignal(null);
+	const [draft, setDraft] = createSignal({});
+	const [savedConfig, setSavedConfig] = createSignal({});
+	const [saving, setSaving] = createSignal(false);
+	const [saved, setSaved] = createSignal(false);
+	const [previewPath, setPreviewPath] = createSignal("/");
+	const [previewNonce, setPreviewNonce] = createSignal(0);
+	const [selectedThemeId, setSelectedThemeId] = createSignal(null);
+	const [activeTab, setActiveTab] = createSignal(null);
+	let debounceHandle = null;
+	const selectedTheme = createMemo(() => {
+		const id = selectedThemeId();
+		if (id) return themes().find((t) => t.id === id) ?? null;
+		return themes().find((theme) => theme.status === "ACTIVE") ?? null;
+	});
+	const fields = createMemo(() => (selectedTheme()?.manifest?.settings ?? []).filter((field) => Boolean(field) && typeof field.name === "string").filter((field) => isFieldVisible(field, draft())));
+	const fieldGroups = createMemo(() => {
+		const groups = /* @__PURE__ */ new Map();
+		const ungrouped = [];
+		for (const field of fields()) {
+			const group = field.group;
+			if (group) {
+				if (!groups.has(group)) groups.set(group, []);
+				groups.get(group).push(field);
+			} else ungrouped.push(field);
+		}
+		return {
+			groups: Array.from(groups.entries()).sort((a, b) => {
+				return (a[1][0].groupOrder ?? 0) - (b[1][0].groupOrder ?? 0);
+			}),
+			ungrouped
+		};
+	});
+	const dirty = createMemo(() => JSON.stringify(draft()) !== JSON.stringify(savedConfig()));
+	onMount(async () => {
+		const queryThemeId = getThemeIdFromQuery();
+		if (queryThemeId) setSelectedThemeId(queryThemeId);
+		await load();
+	});
+	async function load() {
+		setError(null);
+		try {
+			setLoading(true);
+			const data = await apiClient.getThemes();
+			setThemes(data);
+			let targetTheme = data.find((t) => t.id === selectedThemeId()) ?? null;
+			if (!targetTheme) targetTheme = data.find((theme) => theme.status === "ACTIVE") ?? null;
+			if (!targetTheme) {
+				setError(t("customizer.noTheme"));
+				return;
+			}
+			setSelectedThemeId(targetTheme.id);
+			const firstGroup = targetTheme.manifest?.settings?.find((f) => f.group);
+			if (firstGroup && firstGroup.group) setActiveTab(firstGroup.group);
+			const config = targetTheme.config ?? {};
+			setSavedConfig(config);
+			const initial = {};
+			for (const field of targetTheme.manifest?.settings ?? []) initial[field.name] = config[field.name] !== void 0 ? config[field.name] : defaultForField(field);
+			setDraft(initial);
+		} catch {
+			setError(t("customizer.loadError"));
+		} finally {
+			setLoading(false);
+		}
+	}
+	function setDraftValue(name, value) {
+		setDraft({
+			...draft(),
+			[name]: value
+		});
+		setSaved(false);
+		schedulePreview();
+	}
+	/** Debounced iframe reload — typing re-renders the preview without spamming. */
+	function schedulePreview() {
+		if (debounceHandle) clearTimeout(debounceHandle);
+		debounceHandle = setTimeout(() => setPreviewNonce((nonce) => nonce + 1), PREVIEW_DEBOUNCE_MS);
+	}
+	const previewUrl = () => {
+		const base = previewPath() || "/";
+		const encoded = encodeURIComponent(JSON.stringify(draft()));
+		const separator = base.includes("?") ? "&" : "?";
+		const themeName = selectedTheme()?.name;
+		return `${base}${separator}preview_settings=${encoded}${themeName ? `&preview_theme=${encodeURIComponent(themeName)}` : ""}&_=${previewNonce()}`;
+	};
+	const settingsPanel = createMemo(() => {
+		const groups = fieldGroups();
+		if (groups.groups.length > 0) return ssr(_tmpl$2, ssrHydrationKey(), escape(groups.groups.map(([groupName]) => ssr(_tmpl$3, ssrHydrationKey(), `customizer__tab ${activeTab() === groupName ? "active" : ""}`, ssrAttribute("aria-selected", escape(activeTab(), true) === escape(groupName, true), false), escape(groupName)))), escape(groups.groups.map(([groupName, groupFields]) => ssr(_tmpl$4, ssrHydrationKey(), ssrAttribute("hidden", activeTab() !== groupName, true), escape(createComponent(For, {
+			each: groupFields,
+			children: (field) => {
+				const config = toCustomFieldConfig(field);
+				return ssr(_tmpl$5, ssrHydrationKey(), `customizer-${escape(field.name, true)}`, escape(field.label || field.name), escape(createComponent(FieldRendererFactory, {
+					field: config,
+					get value() {
+						return draft()[field.name];
+					},
+					onChange: (val) => setDraftValue(field.name, val)
+				})));
+			}
+		}))))), escape(createComponent(Show, {
+			get when() {
+				return groups.ungrouped.length > 0;
+			},
+			get children() {
+				return ssr(_tmpl$, ssrHydrationKey(), escape(createComponent(For, {
+					get each() {
+						return groups.ungrouped;
+					},
+					children: (field) => {
+						const config = toCustomFieldConfig(field);
+						return ssr(_tmpl$5, ssrHydrationKey(), `customizer-${escape(field.name, true)}`, escape(field.label || field.name), escape(createComponent(FieldRendererFactory, {
+							field: config,
+							get value() {
+								return draft()[field.name];
+							},
+							onChange: (val) => setDraftValue(field.name, val)
+						})));
+					}
+				})));
+			}
+		})));
+		return ssr(_tmpl$6, ssrHydrationKey(), groups.groups.length === 1 && groups.groups[0] && ssr(_tmpl$7, ssrHydrationKey(), escape(createComponent(For, {
+			get each() {
+				return groups.groups[0][1];
+			},
+			children: (field) => {
+				const config = toCustomFieldConfig(field);
+				return ssr(_tmpl$5, ssrHydrationKey(), `customizer-${escape(field.name, true)}`, escape(field.label || field.name), escape(createComponent(FieldRendererFactory, {
+					field: config,
+					get value() {
+						return draft()[field.name];
+					},
+					onChange: (val) => setDraftValue(field.name, val)
+				})));
+			}
+		}))), groups.ungrouped.length > 0 && escape(createComponent(For, {
+			get each() {
+				return groups.ungrouped;
+			},
+			children: (field) => {
+				const config = toCustomFieldConfig(field);
+				return ssr(_tmpl$5, ssrHydrationKey(), `customizer-${escape(field.name, true)}`, escape(field.label || field.name), escape(createComponent(FieldRendererFactory, {
+					field: config,
+					get value() {
+						return draft()[field.name];
+					},
+					onChange: (val) => setDraftValue(field.name, val)
+				})));
+			}
+		})));
+	});
+	return ssr(_tmpl$10, ssrHydrationKey(), escape(createComponent(Show, {
+		get when() {
+			return !loading();
+		},
+		get fallback() {
+			return ssr(_tmpl$11, ssrHydrationKey());
+		},
+		get children() {
+			return createComponent(Show, {
+				get when() {
+					return selectedTheme();
+				},
+				get fallback() {
+					return ssr(_tmpl$12, ssrHydrationKey(), escape(t("customizer.noTheme")), escape(t("customizer.goToThemes")));
+				},
+				get children() {
+					return ssr(_tmpl$1, ssrHydrationKey(), escape(selectedTheme().name), escape(t("customizer.title")), escape(createComponent(Show, {
+						get when() {
+							return fields().length === 0;
+						},
+						get children() {
+							return ssr(_tmpl$8, ssrHydrationKey(), escape(t("customizer.noSettings")));
+						}
+					})), escape(settingsPanel()), ssrAttribute("disabled", saving() || !dirty(), true), saving() ? escape(t("customizer.saving")) : escape(t("customizer.save")), ssrAttribute("disabled", !dirty(), true), escape(t("customizer.reset")), escape(t("customizer.refreshPreview")), escape(createComponent(Show, {
+						get when() {
+							return saved();
+						},
+						get children() {
+							return ssr(_tmpl$9, ssrHydrationKey(), escape(t("customizer.saved")));
+						}
+					})), escape(createComponent(Show, {
+						get when() {
+							return error();
+						},
+						get children() {
+							return ssr(_tmpl$0, ssrHydrationKey(), escape(error()));
+						}
+					})), escape(t("customizer.previewHint")), ssrAttribute("value", escape(previewPath(), true), false), ssrAttribute("aria-label", escape(t("customizer.previewPath"), true), false), ssrAttribute("title", escape(t("customizer.previewTitle"), true), false) + ssrAttribute("src", escape(previewUrl(), true), false));
+				}
+			});
+		}
+	})));
+}
+//#endregion
+//#region src/pages/customize.astro
+var customize_exports = /* @__PURE__ */ __exportAll({
+	default: () => $$Customize,
+	file: () => $$file,
+	url: () => $$url
+});
+createAstro("https://astro.build");
+var $$Customize = createComponent$1(($$result, $$props, $$slots) => {
+	const Astro = $$result.createAstro($$props, $$slots);
+	Astro.self = $$Customize;
+	const { t } = Astro.locals;
+	return renderTemplate`${renderComponent($$result, "DashboardLayout", $$DashboardLayout, { "title": t("customizer.title") }, { "default": ($$result) => renderTemplate`${renderComponent($$result, "PageHeader", PageHeader, {
+		"title": t("customizer.title"),
+		"description": t("customizer.description")
+	})}${renderComponent($$result, "ThemeCustomizer", ThemeCustomizer, {
+		"client:load": true,
+		"client:component-hydration": "load",
+		"client:component-path": "/home/runner/work/cms/cms/apps/admin/src/components/apps/themes/ThemeCustomizer.tsx",
+		"client:component-export": "ThemeCustomizer"
+	})}` })}`;
+}, "/home/runner/work/cms/cms/apps/admin/src/pages/customize.astro", void 0);
+var $$file = "/home/runner/work/cms/cms/apps/admin/src/pages/customize.astro";
+var $$url = "/customize";
+//#endregion
+//#region \0virtual:astro:page:src/pages/customize@_@astro
+var page = () => customize_exports;
+//#endregion
+export { page };