import { D as e, E as t, On as n, _ as r, b as i, k as a, mt as o, qt as s, tr as c } from "./runtime-core.esm-bundler-C_RgxGrN.js";
import { t as l, v as u } from "./Button-C1y42oVo.js";
import { t as d } from "./Tooltip-C9kG7ywk.js";
import { t as f } from "./Switch-JTotP-uh.js";
import { t as p } from "./Badge-fqhIT_bK.js";
import { t as m } from "./settings-CqVcAWve.js";
import { t as h } from "./Card-BH0nwP7X.js";
var g = { class: `space-y-6` }, _ = { class: `flex items-center justify-between` }, v = { class: `flex items-center gap-3` }, y = { class: `flex items-center gap-2` }, b = { class: `text-xl font-semibold` }, x = { class: `flex items-center justify-between` }, S = { class: `flex items-center gap-2` }, C = { class: `text-sm font-medium` }, w = { class: `space-y-3` }, T = { class: `text-sm text-muted` }, E = { class: `flex items-center justify-between` }, D = { class: `flex items-center gap-2` }, O = { class: `text-sm font-medium` }, k = { class: `space-y-3` }, A = { class: `text-sm text-muted` }, j = { class: `pt-3 border-t border-default` }, M = { class: `flex items-center justify-between` }, N = { class: `flex items-center gap-2` }, P = { class: `flex-1` }, F = { class: `text-sm font-medium` }, I = { class: `text-xs text-muted mt-0.5` }, L = { class: `flex items-center justify-between` }, R = { class: `flex items-center gap-2` }, z = { class: `text-sm font-medium` }, B = { class: `space-y-3` }, V = { class: `text-sm text-muted` }, H = { class: `bg-muted/50 border border-default rounded-lg p-3` }, U = { class: `flex items-start gap-2` }, W = { class: `text-xs text-muted` }, G = { class: `font-medium mb-1` }, K = { class: `space-y-1 text-xs` }, q = a({ __name: `Gutenberg`, setup(a2) {
  let q2 = m();
  return (a3, m2) => {
    let J = l, Y = d, X = u, Z = p, Q = f, $ = h;
    return o(), i(`div`, g, [r(`div`, _, [r(`div`, v, [e(Y, { text: a3.i18n.__(`Back to Integrations`, `windpress`) }, { default: s(() => [e(J, { icon: `i-lucide-arrow-left`, color: `neutral`, variant: `ghost`, size: `sm`, to: { name: `settings.integrations` } })]), _: 1 }, 8, [`text`]), r(`div`, y, [e(X, { name: `i-lucide-package`, class: `size-5` }), r(`h2`, b, c(a3.i18n.__(`Gutenberg Settings`, `windpress`)), 1), e(Z, { variant: `soft`, color: `primary` }, { default: s(() => [...m2[4] || (m2[4] = [t(`@gutenberg`, -1)])]), _: 1 })])]), e(Y, { text: a3.i18n.__(`Help`, `windpress`) }, { default: s(() => [e(J, { icon: `i-lucide-circle-help`, color: `neutral`, variant: `soft`, to: `https://wind.press/docs/guide/integrations/gutenberg`, target: `_blank` })]), _: 1 }, 8, [`text`])]), e($, null, { header: s(() => [r(`div`, x, [r(`div`, S, [e(X, { name: `i-lucide-cpu`, class: `size-5 text-primary` }), r(`h3`, C, c(a3.i18n.__(`Compile Integration`, `windpress`)), 1), e(Y, { text: a3.i18n.__(`Help`, `windpress`) }, { default: s(() => [e(J, { icon: `i-lucide-circle-help`, color: `neutral`, size: `sm`, variant: `soft`, to: `https://wind.press/docs/guide/integrations/gutenberg`, target: `_blank` })]), _: 1 }, 8, [`text`])]), e(Q, { modelValue: n(q2).virtualOptions(`integration.gutenberg.compile.enabled`, true).value, "onUpdate:modelValue": m2[0] || (m2[0] = (e2) => n(q2).virtualOptions(`integration.gutenberg.compile.enabled`, true).value = e2) }, null, 8, [`modelValue`])])]), default: s(() => [r(`div`, w, [r(`p`, T, c(a3.i18n.__(`Enable CSS compilation for Gutenberg blocks and editor content. This processes Tailwind classes found in block content and generates the necessary CSS.`, `windpress`)), 1)])]), _: 1 }), e($, null, { header: s(() => [r(`div`, E, [r(`div`, D, [e(X, { name: `i-lucide-edit-3`, class: `size-5 text-primary` }), r(`h3`, O, c(a3.i18n.__(`Editor Integration`, `windpress`)), 1), e(Y, { text: a3.i18n.__(`Help`, `windpress`) }, { default: s(() => [e(J, { icon: `i-lucide-circle-help`, color: `neutral`, size: `sm`, variant: `soft`, to: `https://wind.press/docs/guide/integrations/gutenberg`, target: `_blank` })]), _: 1 }, 8, [`text`])]), e(Q, { modelValue: n(q2).virtualOptions(`integration.gutenberg.editor.enabled`, true).value, "onUpdate:modelValue": m2[1] || (m2[1] = (e2) => n(q2).virtualOptions(`integration.gutenberg.editor.enabled`, true).value = e2) }, null, 8, [`modelValue`])])]), default: s(() => [r(`div`, k, [r(`p`, A, c(a3.i18n.__(`Enable enhanced Gutenberg editor features including real-time Tailwind CSS preview, autocomplete, and editor enhancements.`, `windpress`)), 1), r(`div`, j, [r(`div`, M, [r(`div`, N, [e(X, { name: `i-lucide-file-json`, class: `size-4 text-muted` }), r(`div`, P, [r(`h4`, F, c(a3.i18n.__(`Theme.json Generation`, `windpress`)), 1), r(`p`, I, c(a3.i18n.__(`Generate theme.json with Tailwind colors, spacing, and typography`, `windpress`)), 1)])]), e(Q, { modelValue: n(q2).virtualOptions(`integration.gutenberg.settings.theme_json`, false).value, "onUpdate:modelValue": m2[2] || (m2[2] = (e2) => n(q2).virtualOptions(`integration.gutenberg.settings.theme_json`, false).value = e2) }, null, 8, [`modelValue`])])])])]), _: 1 }), e($, null, { header: s(() => [r(`div`, L, [r(`div`, R, [e(X, { name: `i-lucide-box`, class: `size-5 text-primary` }), r(`h3`, z, c(a3.i18n.__(`Common Block`, `windpress`)), 1), e(Y, { text: a3.i18n.__(`Help`, `windpress`) }, { default: s(() => [e(J, { icon: `i-lucide-circle-help`, color: `neutral`, size: `sm`, variant: `soft`, to: `https://wind.press/docs/guide/integrations/gutenberg`, target: `_blank` })]), _: 1 }, 8, [`text`])]), e(Q, { modelValue: n(q2).virtualOptions(`integration.gutenberg.settings.common_block`, true).value, "onUpdate:modelValue": m2[3] || (m2[3] = (e2) => n(q2).virtualOptions(`integration.gutenberg.settings.common_block`, true).value = e2) }, null, 8, [`modelValue`])])]), default: s(() => [r(`div`, B, [r(`p`, V, c(a3.i18n.__(`Enable the Common Block - a generic block that can be any HTML element. Import HTML directly into the editor and convert between HTML and blocks seamlessly.`, `windpress`)), 1), r(`div`, H, [r(`div`, U, [e(X, { name: `i-lucide-info`, class: `size-4 text-info mt-0.5 shrink-0` }), r(`div`, W, [r(`p`, G, c(a3.i18n.__(`Features:`, `windpress`)), 1), r(`ul`, K, [r(`li`, null, ` - ` + c(a3.i18n.__(`Any HTML element can be a block (div, section, article, header, etc.)`, `windpress`)), 1), r(`li`, null, `- ` + c(a3.i18n.__(`Import HTML code directly into the editor`, `windpress`)), 1), r(`li`, null, `- ` + c(a3.i18n.__(`Export blocks as clean HTML`, `windpress`)), 1), r(`li`, null, ` - ` + c(a3.i18n.__(`Full control over attributes, classes, and content`, `windpress`)), 1)])])])])])]), _: 1 })]);
  };
} });
export {
  q as default
};
