import { D as e, E as t, Ht as n, J as r, On as i, _ as a, b as o, k as s, mt as c, qt as l, tr as u, v as ee, vn as d, y as f } from "./runtime-core.esm-bundler-Ci9kEgM7.js";
import { t as te, y as ne } from "./Button-CzGEASGR.js";
import { i as p } from "./vue-router-Ds7Bu_8X.js";
import { t as re } from "./Tooltip-CmrGYuQV.js";
import { t as ie } from "./Switch-CVI4Zu3k.js";
import { t as ae } from "./Input-BVMp8rOG.js";
import { t as m } from "./Badge-Dw196kvM.js";
import { n as h, t as g } from "./DashboardNavbar-BjpmTDcR.js";
import { t as _ } from "./FormField-CW_xTLaB.js";
import { t as v } from "./Card-61VgNfPs.js";
var y = { class: `text-xs opacity-60 font-normal` }, b = { class: `flex-1 overflow-y-auto p-4` }, x = { class: `max-w-2xl mx-auto space-y-6` }, S = { class: `flex items-center justify-between` }, C = { class: `flex items-center gap-2` }, w = { class: `text-sm font-medium` }, T = { class: `space-y-3` }, E = { class: `text-sm text-muted` }, D = { class: `bg-muted/50 border border-default rounded-lg p-3` }, O = { class: `flex items-start gap-2` }, k = { class: `text-xs text-muted` }, A = { class: `font-medium mb-1` }, j = { class: `space-y-1 text-xs` }, M = { class: `flex items-center justify-between` }, N = { class: `flex items-center gap-2` }, P = { class: `text-sm font-medium` }, F = { class: `space-y-3` }, I = { class: `text-sm text-muted` }, L = { class: `bg-error/10 border border-error/20 rounded-lg p-3` }, oe = { class: `flex items-start gap-2` }, R = { class: `text-xs text-muted` }, z = { class: `font-medium mb-1 text-error` }, B = { class: `flex items-center gap-2` }, V = { class: `text-sm font-medium` }, H = { class: `space-y-4` }, U = { class: `text-sm text-muted` }, W = { class: `bg-muted/50 border border-default rounded-lg p-3` }, G = { class: `flex items-start gap-2` }, K = { class: `text-xs text-muted` }, q = { class: `font-medium mb-1` }, se = { class: `space-y-1` }, ce = { class: `flex items-center gap-2` }, le = { class: `text-sm font-medium` }, ue = { class: `space-y-3` }, de = { class: `bg-elevated border border-default rounded-lg p-4 font-mono text-xs` }, fe = { class: `text-dimmed mb-2` }, pe = { class: `space-y-1` }, me = { key: 0, class: `pl-4 text-error` }, he = { key: 1, class: `pl-4 text-primary` }, ge = { key: 2, class: `pl-4 text-dimmed` }, J = s({ __name: `Theme`, setup(s2) {
  let J2 = r(`theme`), Y = d({ isStatic: J2.value.isStatic || false, isInitial: J2.value.isInitial || false, spacing: J2.value.spacing || `` });
  n(() => J2.value, (e2) => {
    Y.value = { isStatic: e2.isStatic || false, isInitial: e2.isInitial || false, spacing: e2.spacing || `` };
  }, { deep: true });
  function X() {
    J2.value.isStatic = Y.value.isStatic, J2.value.isInitial = Y.value.isInitial, J2.value.spacing = Y.value.spacing || void 0;
  }
  return n(Y, () => {
    X();
  }, { deep: true }), p((e2, t2, n2) => {
    X(), n2();
  }), (n2, r2) => {
    let s3 = ne, d2 = m, p2 = re, J3 = te, X2 = g, Z = ie, Q = v, $ = ae, _e = _, ve = h;
    return c(), ee(ve, { id: `wizard-theme`, class: `min-h-[calc(100svh-var(--wp-admin--admin-bar--height))]` }, { default: l(() => [e(X2, { title: i(wp.i18n.__)(`Theme Settings`, `wizard`), toggle: false, ui: { title: `text-sm` } }, { title: l(() => [e(s3, { name: `lucide:settings`, class: `size-5` }), t(` ` + u(i(wp.i18n.__)(`Theme Settings`, `wizard`)) + ` `, 1), e(d2, { variant: `soft`, color: `neutral` }, { default: l(() => [...r2[3] || (r2[3] = [t(`@theme`, -1)])]), _: 1 }), e(p2, { text: i(wp.i18n.__)(`Configure global theme settings and behavior`, `windpress`) }, { default: l(() => [a(`span`, y, u(i(wp.i18n.__)(`Configure global theme settings and behavior`, `windpress`)), 1)]), _: 1 }, 8, [`text`])]), right: l(() => [e(p2, { text: i(wp.i18n.__)(`Help`, `windpress`) }, { default: l(() => [e(J3, { icon: `i-lucide-circle-help`, color: `neutral`, variant: `soft`, to: `https://tailwindcss.com/docs/theme`, target: `_blank` })]), _: 1 }, 8, [`text`])]), _: 1 }, 8, [`title`]), a(`div`, b, [a(`div`, x, [e(Q, null, { header: l(() => [a(`div`, S, [a(`div`, C, [e(s3, { name: `lucide:lock`, class: `size-5 text-warning` }), a(`h3`, w, u(i(wp.i18n.__)(`Static Theme`, `windpress`)), 1), e(d2, { variant: `soft`, color: `warning` }, { default: l(() => [...r2[4] || (r2[4] = [t(`@theme static`, -1)])]), _: 1 })]), e(Z, { modelValue: Y.value.isStatic, "onUpdate:modelValue": r2[0] || (r2[0] = (e2) => Y.value.isStatic = e2) }, null, 8, [`modelValue`])])]), default: l(() => [a(`div`, T, [a(`p`, E, u(i(wp.i18n.__)(`When enabled, all CSS variables will be generated even if they are not used in your content. This ensures consistency but may increase CSS size.`, `windpress`)), 1), a(`div`, D, [a(`div`, O, [e(s3, { name: `lucide:info`, class: `size-4 text-info mt-0.5 flex-shrink-0` }), a(`div`, k, [a(`p`, A, u(i(wp.i18n.__)(`Use static theme when:`, `windpress`)), 1), a(`ul`, j, [a(`li`, null, ` - ` + u(i(wp.i18n.__)(`You want all theme variables available regardless of usage`, `windpress`)), 1), a(`li`, null, ` - ` + u(i(wp.i18n.__)(`You are building a theme or plugin for distribution`, `windpress`)), 1), a(`li`, null, `- ` + u(i(wp.i18n.__)(`You need predictable CSS variable names`, `windpress`)), 1)])])])])])]), _: 1 }), e(Q, null, { header: l(() => [a(`div`, M, [a(`div`, N, [e(s3, { name: `lucide:eraser`, class: `size-5 text-error` }), a(`h3`, P, u(i(wp.i18n.__)(`Disable Default Theme`, `windpress`)), 1), e(d2, { variant: `soft`, color: `error` }, { default: l(() => [...r2[5] || (r2[5] = [t(`--* = initial`, -1)])]), _: 1 })]), e(Z, { modelValue: Y.value.isInitial, "onUpdate:modelValue": r2[1] || (r2[1] = (e2) => Y.value.isInitial = e2) }, null, 8, [`modelValue`])])]), default: l(() => [a(`div`, F, [a(`p`, I, u(i(wp.i18n.__)(`When enabled, completely disables the default Tailwind theme. All default values will be set to "initial", giving you full control over styling.`, `windpress`)), 1), a(`div`, L, [a(`div`, oe, [e(s3, { name: `lucide:alert-triangle`, class: `size-4 text-error mt-0.5 flex-shrink-0` }), a(`div`, R, [a(`p`, z, u(i(wp.i18n.__)(`Warning: Advanced users only`, `windpress`)), 1), a(`p`, null, u(i(wp.i18n.__)(`This will remove all default Tailwind CSS values. You will need to define all colors, spacing, fonts, etc. yourself.`, `windpress`)), 1)])])])])]), _: 1 }), e(Q, null, { header: l(() => [a(`div`, B, [e(s3, { name: `lucide:ruler`, class: `size-5 text-primary` }), a(`h3`, V, u(i(wp.i18n.__)(`Spacing Multiplier`, `windpress`)), 1), e(d2, { variant: `soft`, color: `primary` }, { default: l(() => [...r2[6] || (r2[6] = [t(`--spacing`, -1)])]), _: 1 })])]), default: l(() => [a(`div`, H, [a(`p`, U, u(i(wp.i18n.__)(`Set the base spacing multiplier value. This affects spacing calculations throughout your theme.`, `windpress`)), 1), e(_e, { label: i(wp.i18n.__)(`Spacing Value`, `windpress`), help: i(wp.i18n.__)(`Common values: 0.25rem, 1px, 4px, 8px`, `windpress`) }, { default: l(() => [e($, { modelValue: Y.value.spacing, "onUpdate:modelValue": r2[2] || (r2[2] = (e2) => Y.value.spacing = e2), placeholder: i(wp.i18n.__)(`e.g. 0.25rem`, `windpress`), size: `sm` }, null, 8, [`modelValue`, `placeholder`])]), _: 1 }, 8, [`label`, `help`]), a(`div`, W, [a(`div`, G, [e(s3, { name: `lucide:lightbulb`, class: `size-4 text-info mt-0.5 flex-shrink-0` }), a(`div`, K, [a(`p`, q, u(i(wp.i18n.__)(`Examples:`, `windpress`)), 1), a(`div`, se, [a(`p`, null, [r2[7] || (r2[7] = a(`code`, { class: `text-xs bg-elevated px-1 py-0.5 rounded` }, `0.25rem`, -1)), t(` - ` + u(i(wp.i18n.__)(`Default Tailwind spacing (4px per unit)`, `windpress`)), 1)]), a(`p`, null, [r2[8] || (r2[8] = a(`code`, { class: `text-xs bg-elevated px-1 py-0.5 rounded` }, `1px`, -1)), t(` - ` + u(i(wp.i18n.__)(`Pixel-perfect spacing`, `windpress`)), 1)]), a(`p`, null, [r2[9] || (r2[9] = a(`code`, { class: `text-xs bg-elevated px-1 py-0.5 rounded` }, `0.5rem`, -1)), t(` - ` + u(i(wp.i18n.__)(`8px per unit spacing`, `windpress`)), 1)])])])])])])]), _: 1 }), e(Q, null, { header: l(() => [a(`div`, ce, [e(s3, { name: `lucide:eye`, class: `size-5 text-neutral` }), a(`h3`, le, u(i(wp.i18n.__)(`Current Configuration`, `windpress`)), 1)])]), default: l(() => [a(`div`, ue, [a(`div`, de, [a(`div`, fe, u(i(wp.i18n.__)(`Generated CSS:`, `windpress`)), 1), a(`div`, pe, [a(`div`, null, u(Y.value.isStatic ? `@theme static {` : `@theme {`), 1), Y.value.isInitial ? (c(), o(`div`, me, `--*: initial;`)) : f(``, true), Y.value.spacing ? (c(), o(`div`, he, ` --spacing: ` + u(Y.value.spacing) + `; `, 1)) : f(``, true), !Y.value.isInitial && !Y.value.spacing ? (c(), o(`div`, ge, u(i(wp.i18n.__)(`/* Your theme variables will appear here */`, `windpress`)), 1)) : f(``, true), r2[10] || (r2[10] = a(`div`, null, `}`, -1))])])])]), _: 1 })])])]), _: 1 });
  };
} });
export {
  J as default
};
