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 r, Building2 as h, Sun as i, Moon as x, Layers as p, Square as v, ArrowRight as l } 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-[var(--color-primary-600)]/10 text-[var(--color-primary-600)] border border-[var(--color-primary-600)]/20", children: "Personal" }),
        /* @__PURE__ */ e("span", { className: "px-3 py-1 text-xs rounded-full bg-[var(--info-bg)] text-[var(--info-text)] border border-[var(--info-border)]", children: "My Space" }),
        /* @__PURE__ */ e("span", { className: "px-3 py-1 text-xs rounded-full bg-[var(--success-bg)] text-[var(--success-text)] border border-[var(--success-border)]", 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-[var(--error-text)]" }),
            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-[var(--success-bg)] border border-[var(--success-border)]", children: [
          /* @__PURE__ */ s("h3", { className: "font-semibold mb-2 flex items-center gap-2 text-[var(--success-text)]", 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-[var(--success-bg)] border border-[var(--success-border)]", children: [
            /* @__PURE__ */ s("div", { className: "flex items-center gap-3 mb-3", children: [
              /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-full bg-[var(--success-bg)] flex items-center justify-center", children: /* @__PURE__ */ e(o, { className: "w-5 h-5 text-[var(--success-text)]" }) }),
              /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("h4", { className: "font-semibold text-[var(--success-text)]", 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(r, { className: "w-4 h-4 text-[var(--success-text)]" }),
                /* @__PURE__ */ e("span", { children: t("theme.sections.scope.global.benefit1") })
              ] }),
              /* @__PURE__ */ s("li", { className: "flex items-center gap-2 text-sm", children: [
                /* @__PURE__ */ e(r, { className: "w-4 h-4 text-[var(--success-text)]" }),
                /* @__PURE__ */ e("span", { children: t("theme.sections.scope.global.benefit2") })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ s("div", { className: "p-4 rounded-lg bg-[var(--info-bg)] border border-[var(--info-border)]", children: [
            /* @__PURE__ */ s("div", { className: "flex items-center gap-3 mb-3", children: [
              /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-full bg-[var(--info-bg)] flex items-center justify-center", children: /* @__PURE__ */ e(h, { className: "w-5 h-5 text-[var(--info-text)]" }) }),
              /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("h4", { className: "font-semibold text-[var(--info-text)]", 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(r, { className: "w-4 h-4 text-[var(--info-text)]" }),
                /* @__PURE__ */ e("span", { children: t("theme.sections.scope.tenant.benefit1") })
              ] }),
              /* @__PURE__ */ s("li", { className: "flex items-center gap-2 text-sm", children: [
                /* @__PURE__ */ e(r, { className: "w-4 h-4 text-[var(--info-text)]" }),
                /* @__PURE__ */ e("span", { children: t("theme.sections.scope.tenant.benefit2") })
              ] })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ e("div", { className: "mt-4 p-3 rounded-lg bg-[var(--warning-bg)] border border-[var(--warning-border)]", children: /* @__PURE__ */ s("p", { className: "text-sm text-[var(--warning-text)]", 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-[var(--warning-bg)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(i, { className: "w-6 h-6 text-[var(--warning-text)]" }) }),
          /* @__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-[var(--warning-bg)] text-[var(--warning-text)] border border-[var(--warning-border)] 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-[var(--info-bg)] text-[var(--info-text)] border border-[var(--info-border)] 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-[var(--color-primary-600)]/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(c, { className: "w-6 h-6 text-[var(--color-primary-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-[var(--color-primary-600)]" }),
              /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-accent-1)]" }),
              /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--success-text)]" }),
              /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--warning-text)]" }),
              /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--error-text)]" }),
              /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--info-text)]" })
            ] })
          ] })
        ] }) }),
        /* @__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-[var(--info-bg)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(p, { className: "w-6 h-6 text-[var(--info-text)]" }) }),
          /* @__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-[var(--bg-secondary)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(v, { className: "w-6 h-6 text-[var(--text-secondary)]" }) }),
          /* @__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)] rounded-[0]", children: t("theme.sections.features.corners.none") }),
              /* @__PURE__ */ e("span", { className: "px-3 py-1.5 text-xs bg-[var(--bg-tertiary)] rounded-[4px]", children: t("theme.sections.features.corners.small") }),
              /* @__PURE__ */ e("span", { className: "px-3 py-1.5 text-xs bg-[var(--bg-tertiary)] rounded-[8px]", children: t("theme.sections.features.corners.medium") }),
              /* @__PURE__ */ e("span", { className: "px-3 py-1.5 text-xs bg-[var(--bg-tertiary)] rounded-[12px]", children: t("theme.sections.features.corners.large") }),
              /* @__PURE__ */ e("span", { className: "px-3 py-1.5 text-xs bg-[var(--bg-tertiary)] rounded-[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(l, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
              /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: "My Space" }),
              /* @__PURE__ */ e(l, { 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-[var(--success-text)] text-white flex items-center justify-center font-bold", children: /* @__PURE__ */ e(r, { 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(l, { 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(l, { className: "w-4 h-4" })
          ]
        }
      )
    ] })
  ] });
}
export {
  g as ThemeDocPage
};
//# sourceMappingURL=ThemeDocPage-CqUtCHJh.js.map
