import { jsxs as s, jsx as e } from "react/jsx-runtime";
import { Link as a } from "react-router-dom";
import { useTranslation as n } from "react-i18next";
import { Palette as c, Target as d, Lightbulb as m, Globe as o, CheckCircle as l, Building2 as h, Sun as i, Moon as x, Layers as p, Square as b, ArrowRight as r } from "lucide-react";
function g() {
  const { t } = n("docs");
  return /* @__PURE__ */ s("div", { className: "space-y-8", children: [
    /* @__PURE__ */ s("div", { className: "flex items-center gap-2 text-sm text-[var(--text-secondary)]", children: [
      /* @__PURE__ */ e(a, { to: "/system/docs", className: "hover:text-[var(--color-primary-600)]", children: t("breadcrumb.documentation") }),
      /* @__PURE__ */ e("span", { children: "/" }),
      /* @__PURE__ */ e(a, { to: "/system/docs/user", className: "hover:text-[var(--color-primary-600)]", children: t("breadcrumb.user") }),
      /* @__PURE__ */ e("span", { children: "/" }),
      /* @__PURE__ */ e("span", { children: t("theme.title") })
    ] }),
    /* @__PURE__ */ s("div", { children: [
      /* @__PURE__ */ s("h1", { className: "text-3xl font-bold mb-4 flex items-center gap-3", children: [
        /* @__PURE__ */ e(c, { className: "w-8 h-8 text-[var(--color-primary-600)]" }),
        t("theme.title")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-xl text-[var(--color-primary-600)] font-medium mb-2", children: t("theme.valueProposition") }),
      /* @__PURE__ */ e("p", { className: "text-lg text-[var(--text-secondary)]", children: t("theme.subtitle") }),
      /* @__PURE__ */ s("div", { className: "mt-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "px-3 py-1 text-xs rounded-full bg-violet-500/10 text-violet-600 border border-violet-500/20", children: "Personal" }),
        /* @__PURE__ */ e("span", { className: "px-3 py-1 text-xs rounded-full bg-indigo-500/10 text-indigo-600 border border-indigo-500/20", children: "My Space" }),
        /* @__PURE__ */ e("span", { className: "px-3 py-1 text-xs rounded-full bg-pink-500/10 text-pink-600 border border-pink-500/20", children: "Preferences" })
      ] })
    ] }),
    /* @__PURE__ */ s("div", { className: "card p-4 bg-[var(--bg-secondary)]", children: [
      /* @__PURE__ */ e("h3", { className: "font-semibold mb-3", children: t("theme.toc.title") }),
      /* @__PURE__ */ s("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-2 text-sm", children: [
        /* @__PURE__ */ s("a", { href: "#valeur", className: "text-[var(--color-primary-600)] hover:underline", children: [
          "1. ",
          t("theme.toc.value")
        ] }),
        /* @__PURE__ */ s("a", { href: "#scope", className: "text-[var(--color-primary-600)] hover:underline", children: [
          "2. ",
          t("theme.toc.scope")
        ] }),
        /* @__PURE__ */ s("a", { href: "#fonctionnalites", className: "text-[var(--color-primary-600)] hover:underline", children: [
          "3. ",
          t("theme.toc.features")
        ] }),
        /* @__PURE__ */ s("a", { href: "#guide", className: "text-[var(--color-primary-600)] hover:underline", children: [
          "4. ",
          t("theme.toc.guide")
        ] })
      ] })
    ] }),
    /* @__PURE__ */ s("section", { id: "valeur", className: "scroll-mt-4", children: [
      /* @__PURE__ */ s("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "1" }),
        t("theme.sections.value.title")
      ] }),
      /* @__PURE__ */ s("div", { className: "card p-6", children: [
        /* @__PURE__ */ s("div", { className: "mb-6", children: [
          /* @__PURE__ */ s("h3", { className: "font-semibold mb-3 flex items-center gap-2", children: [
            /* @__PURE__ */ e(d, { className: "w-5 h-5 text-red-500" }),
            t("theme.sections.value.problemTitle")
          ] }),
          /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: t("theme.sections.value.problem") })
        ] }),
        /* @__PURE__ */ s("div", { className: "p-4 rounded-lg bg-green-500/10 border border-green-500/20", children: [
          /* @__PURE__ */ s("h3", { className: "font-semibold mb-2 flex items-center gap-2 text-green-700 dark:text-green-400", children: [
            /* @__PURE__ */ e(m, { className: "w-5 h-5" }),
            t("theme.sections.value.solutionTitle")
          ] }),
          /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: t("theme.sections.value.solution") })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ s("section", { id: "scope", className: "scroll-mt-4", children: [
      /* @__PURE__ */ s("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "2" }),
        t("theme.sections.scope.title")
      ] }),
      /* @__PURE__ */ s("div", { className: "card p-6", children: [
        /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-6", children: t("theme.sections.scope.description") }),
        /* @__PURE__ */ s("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
          /* @__PURE__ */ s("div", { className: "p-4 rounded-lg bg-emerald-500/10 border border-emerald-500/20", children: [
            /* @__PURE__ */ s("div", { className: "flex items-center gap-3 mb-3", children: [
              /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-full bg-emerald-500/20 flex items-center justify-center", children: /* @__PURE__ */ e(o, { className: "w-5 h-5 text-emerald-600" }) }),
              /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("h4", { className: "font-semibold text-emerald-700 dark:text-emerald-400", children: t("theme.sections.scope.global.title") }) })
            ] }),
            /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: t("theme.sections.scope.global.description") }),
            /* @__PURE__ */ s("ul", { className: "mt-3 space-y-1.5", children: [
              /* @__PURE__ */ s("li", { className: "flex items-center gap-2 text-sm", children: [
                /* @__PURE__ */ e(l, { className: "w-4 h-4 text-emerald-500" }),
                /* @__PURE__ */ e("span", { children: t("theme.sections.scope.global.benefit1") })
              ] }),
              /* @__PURE__ */ s("li", { className: "flex items-center gap-2 text-sm", children: [
                /* @__PURE__ */ e(l, { className: "w-4 h-4 text-emerald-500" }),
                /* @__PURE__ */ e("span", { children: t("theme.sections.scope.global.benefit2") })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ s("div", { className: "p-4 rounded-lg bg-blue-500/10 border border-blue-500/20", children: [
            /* @__PURE__ */ s("div", { className: "flex items-center gap-3 mb-3", children: [
              /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-full bg-blue-500/20 flex items-center justify-center", children: /* @__PURE__ */ e(h, { className: "w-5 h-5 text-blue-600" }) }),
              /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("h4", { className: "font-semibold text-blue-700 dark:text-blue-400", children: t("theme.sections.scope.tenant.title") }) })
            ] }),
            /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: t("theme.sections.scope.tenant.description") }),
            /* @__PURE__ */ s("ul", { className: "mt-3 space-y-1.5", children: [
              /* @__PURE__ */ s("li", { className: "flex items-center gap-2 text-sm", children: [
                /* @__PURE__ */ e(l, { className: "w-4 h-4 text-blue-500" }),
                /* @__PURE__ */ e("span", { children: t("theme.sections.scope.tenant.benefit1") })
              ] }),
              /* @__PURE__ */ s("li", { className: "flex items-center gap-2 text-sm", children: [
                /* @__PURE__ */ e(l, { className: "w-4 h-4 text-blue-500" }),
                /* @__PURE__ */ e("span", { children: t("theme.sections.scope.tenant.benefit2") })
              ] })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ e("div", { className: "mt-4 p-3 rounded-lg bg-amber-500/10 border border-amber-500/20", children: /* @__PURE__ */ s("p", { className: "text-sm text-amber-700 dark:text-amber-400", children: [
          /* @__PURE__ */ e("strong", { children: t("theme.sections.scope.note.label") }),
          " ",
          t("theme.sections.scope.note.content")
        ] }) })
      ] })
    ] }),
    /* @__PURE__ */ s("section", { id: "fonctionnalites", className: "scroll-mt-4", children: [
      /* @__PURE__ */ s("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "3" }),
        t("theme.sections.features.title")
      ] }),
      /* @__PURE__ */ s("div", { className: "space-y-4", children: [
        /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ s("div", { className: "flex items-start gap-4", children: [
          /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-lg bg-amber-500/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(i, { className: "w-6 h-6 text-amber-600" }) }),
          /* @__PURE__ */ s("div", { className: "flex-1", children: [
            /* @__PURE__ */ e("h3", { className: "font-semibold mb-2", children: t("theme.sections.features.mode.title") }),
            /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-3", children: t("theme.sections.features.mode.description") }),
            /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
              /* @__PURE__ */ s("span", { className: "px-3 py-1.5 text-sm rounded-lg bg-amber-500/10 text-amber-600 border border-amber-500/20 flex items-center gap-2", children: [
                /* @__PURE__ */ e(i, { className: "w-4 h-4" }),
                " ",
                t("theme.sections.features.mode.light")
              ] }),
              /* @__PURE__ */ s("span", { className: "px-3 py-1.5 text-sm rounded-lg bg-indigo-500/10 text-indigo-600 border border-indigo-500/20 flex items-center gap-2", children: [
                /* @__PURE__ */ e(x, { className: "w-4 h-4" }),
                " ",
                t("theme.sections.features.mode.dark")
              ] })
            ] })
          ] })
        ] }) }),
        /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ s("div", { className: "flex items-start gap-4", children: [
          /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-lg bg-violet-500/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(c, { className: "w-6 h-6 text-violet-600" }) }),
          /* @__PURE__ */ s("div", { className: "flex-1", children: [
            /* @__PURE__ */ e("h3", { className: "font-semibold mb-2", children: t("theme.sections.features.accent.title") }),
            /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-3", children: t("theme.sections.features.accent.description") }),
            /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
              /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-indigo-500" }),
              /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-violet-500" }),
              /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-emerald-500" }),
              /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-amber-500" }),
              /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-rose-500" }),
              /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-cyan-500" })
            ] })
          ] })
        ] }) }),
        /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ s("div", { className: "flex items-start gap-4", children: [
          /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-lg bg-blue-500/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(p, { className: "w-6 h-6 text-blue-600" }) }),
          /* @__PURE__ */ s("div", { className: "flex-1", children: [
            /* @__PURE__ */ e("h3", { className: "font-semibold mb-2", children: t("theme.sections.features.palette.title") }),
            /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-3", children: t("theme.sections.features.palette.description") })
          ] })
        ] }) }),
        /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ s("div", { className: "flex items-start gap-4", children: [
          /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-lg bg-slate-500/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(b, { className: "w-6 h-6 text-slate-600" }) }),
          /* @__PURE__ */ s("div", { className: "flex-1", children: [
            /* @__PURE__ */ e("h3", { className: "font-semibold mb-2", children: t("theme.sections.features.corners.title") }),
            /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-3", children: t("theme.sections.features.corners.description") }),
            /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
              /* @__PURE__ */ e("span", { className: "px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]", style: { borderRadius: "0" }, children: t("theme.sections.features.corners.none") }),
              /* @__PURE__ */ e("span", { className: "px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]", style: { borderRadius: "4px" }, children: t("theme.sections.features.corners.small") }),
              /* @__PURE__ */ e("span", { className: "px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]", style: { borderRadius: "8px" }, children: t("theme.sections.features.corners.medium") }),
              /* @__PURE__ */ e("span", { className: "px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]", style: { borderRadius: "12px" }, children: t("theme.sections.features.corners.large") }),
              /* @__PURE__ */ e("span", { className: "px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]", style: { borderRadius: "9999px" }, children: t("theme.sections.features.corners.full") })
            ] })
          ] })
        ] }) })
      ] })
    ] }),
    /* @__PURE__ */ s("section", { id: "guide", className: "scroll-mt-4", children: [
      /* @__PURE__ */ s("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "4" }),
        t("theme.sections.guide.title")
      ] }),
      /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ s("div", { className: "space-y-6", children: [
        /* @__PURE__ */ s("div", { className: "flex gap-4", children: [
          /* @__PURE__ */ s("div", { className: "flex flex-col items-center", children: [
            /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold", children: "1" }),
            /* @__PURE__ */ e("div", { className: "w-0.5 h-full bg-[var(--border-color)] mt-2" })
          ] }),
          /* @__PURE__ */ s("div", { className: "flex-1 pb-6", children: [
            /* @__PURE__ */ e("h4", { className: "font-semibold mb-2", children: t("theme.sections.guide.step1.title") }),
            /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)] mb-3", children: t("theme.sections.guide.step1.description") }),
            /* @__PURE__ */ s("div", { className: "flex items-center gap-2 p-3 bg-[var(--bg-secondary)] rounded-lg font-mono text-sm", children: [
              /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: "Personal" }),
              /* @__PURE__ */ e(r, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
              /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: "My Space" }),
              /* @__PURE__ */ e(r, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
              /* @__PURE__ */ e("span", { className: "text-[var(--color-primary-600)] font-semibold", children: "Preferences" })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ s("div", { className: "flex gap-4", children: [
          /* @__PURE__ */ s("div", { className: "flex flex-col items-center", children: [
            /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold", children: "2" }),
            /* @__PURE__ */ e("div", { className: "w-0.5 h-full bg-[var(--border-color)] mt-2" })
          ] }),
          /* @__PURE__ */ s("div", { className: "flex-1 pb-6", children: [
            /* @__PURE__ */ e("h4", { className: "font-semibold mb-2", children: t("theme.sections.guide.step2.title") }),
            /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: t("theme.sections.guide.step2.description") })
          ] })
        ] }),
        /* @__PURE__ */ s("div", { className: "flex gap-4", children: [
          /* @__PURE__ */ s("div", { className: "flex flex-col items-center", children: [
            /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold", children: "3" }),
            /* @__PURE__ */ e("div", { className: "w-0.5 h-full bg-[var(--border-color)] mt-2" })
          ] }),
          /* @__PURE__ */ s("div", { className: "flex-1 pb-6", children: [
            /* @__PURE__ */ e("h4", { className: "font-semibold mb-2", children: t("theme.sections.guide.step3.title") }),
            /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: t("theme.sections.guide.step3.description") })
          ] })
        ] }),
        /* @__PURE__ */ s("div", { className: "flex gap-4", children: [
          /* @__PURE__ */ e("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-full bg-green-500 text-white flex items-center justify-center font-bold", children: /* @__PURE__ */ e(l, { className: "w-5 h-5" }) }) }),
          /* @__PURE__ */ s("div", { className: "flex-1", children: [
            /* @__PURE__ */ e("h4", { className: "font-semibold mb-2", children: t("theme.sections.guide.step4.title") }),
            /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: t("theme.sections.guide.step4.description") })
          ] })
        ] })
      ] }) })
    ] }),
    /* @__PURE__ */ s("div", { className: "flex justify-between pt-6 border-t border-[var(--border-color)]", children: [
      /* @__PURE__ */ s(
        a,
        {
          to: "/system/docs/user",
          className: "flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]",
          children: [
            /* @__PURE__ */ e(r, { className: "w-4 h-4 rotate-180" }),
            t("theme.nav.back")
          ]
        }
      ),
      /* @__PURE__ */ s(
        a,
        {
          to: "/system/docs/user/modules",
          className: "flex items-center gap-2 text-[var(--color-primary-600)] hover:underline",
          children: [
            t("theme.nav.next"),
            /* @__PURE__ */ e(r, { className: "w-4 h-4" })
          ]
        }
      )
    ] })
  ] });
}
export {
  g as ThemeDocPage
};
//# sourceMappingURL=ThemeDocPage-xkMbvMJG.js.map
