npm - @atlashub/smartstack - Versions diffs - 3.10.0 → 3.14.0 - Mend

@atlashub/smartstack 3.10.0 → 3.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1016) hide show

package/dist/TeamsIntegrationPage-DXj5MDRS.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TeamsIntegrationPage-DXj5MDRS.cjs","sources":["../src/pages/system/docs/developer/TeamsIntegrationPage.tsx"],"sourcesContent":["import { Link } from 'react-router-dom';\r\nimport { ArrowRight, CheckCircle2, AlertTriangle, Code2, Globe, Shield, ExternalLink, Monitor, Smartphone, Users } from 'lucide-react';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\n// Teams icon as inline SVG\r\nfunction TeamsIcon({ className }: { className?: string }) {\r\n return (\r\n <svg className={className} viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M19.2 6.4h-2.4v1.6h2.4c.44 0 .8.36.8.8v6.4c0 .44-.36.8-.8.8h-4.8v1.6h4.8c1.32 0 2.4-1.08 2.4-2.4V8.8c0-1.32-1.08-2.4-2.4-2.4zM16 5.6c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-4 1.6H4.8C3.48 7.2 2.4 8.28 2.4 9.6v6.4c0 1.32 1.08 2.4 2.4 2.4h7.2c1.32 0 2.4-1.08 2.4-2.4V9.6c0-1.32-1.08-2.4-2.4-2.4zm.8 8.8c0 .44-.36.8-.8.8H4.8c-.44 0-.8-.36-.8-.8V9.6c0-.44.36-.8.8-.8H12c.44 0 .8.36.8.8v6.4zM8 4.8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z\"/>\r\n </svg>\r\n );\r\n}\r\n\r\nfunction CodeBlock({ code, language = 'csharp' }: { code: string; language?: string }) {\r\n return (\r\n <pre className=\"bg-[var(--bg-tertiary)] rounded-lg p-4 overflow-x-auto\">\r\n <code className={`language-${language} text-sm`}>{code}</code>\r\n </pre>\r\n );\r\n}\r\n\r\ninterface StepProps {\r\n number: number;\r\n title: string;\r\n children: React.ReactNode;\r\n}\r\n\r\nfunction Step({ number, title, children }: StepProps) {\r\n return (\r\n <div className=\"flex gap-4\">\r\n <div className=\"flex-shrink-0 w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold text-sm\">\r\n {number}\r\n </div>\r\n <div className=\"flex-1\">\r\n <h3 className=\"font-semibold mb-2\">{title}</h3>\r\n <div className=\"text-[var(--text-secondary)]\">{children}</div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport function TeamsIntegrationPage() {\r\n const { t } = useTranslation('docs');\r\n\r\n return (\r\n <div className=\"space-y-8\">\r\n {/* Breadcrumb /}\r\n <div className=\"flex items-center gap-2 text-sm text-[var(--text-secondary)]\">\r\n <Link to=\"/system/docs\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.documentation')}</Link>\r\n <span>/</span>\r\n <Link to=\"/system/docs/developer\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.developer')}</Link>\r\n <span>/</span>\r\n <span>{t('developer.teamsIntegration.title')}</span>\r\n </div>\r\n\r\n {/ Header /}\r\n <div>\r\n <h1 className=\"text-3xl font-bold mb-4 flex items-center gap-3\">\r\n <TeamsIcon className=\"w-8 h-8 text-[#6264A7]\" />\r\n {t('developer.teamsIntegration.title')}\r\n </h1>\r\n <p className=\"text-lg text-[var(--text-secondary)]\">\r\n {t('developer.teamsIntegration.description')}\r\n </p>\r\n </div>\r\n\r\n {/ Overview /}\r\n <section className=\"card p-6 bg-gradient-to-r from-[#6264A7]/10 to-transparent border-[#6264A7]/30\">\r\n <h2 className=\"text-xl font-bold mb-4 flex items-center gap-2\">\r\n <Globe className=\"w-5 h-5 text-[#6264A7]\" />\r\n {t('developer.teamsIntegration.overview.title')}\r\n </h2>\r\n <p className=\"text-[var(--text-secondary)] mb-4\">\r\n {t('developer.teamsIntegration.overview.description')}\r\n </p>\r\n <div className=\"grid md:grid-cols-3 gap-4 mt-6\">\r\n <div className=\"flex items-start gap-3\">\r\n <CheckCircle2 className=\"w-5 h-5 text-green-500 mt-0.5\" />\r\n <div>\r\n <p className=\"font-semibold\">{t('developer.teamsIntegration.overview.benefit1')}</p>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t('developer.teamsIntegration.overview.benefit1Desc')}</p>\r\n </div>\r\n </div>\r\n <div className=\"flex items-start gap-3\">\r\n <CheckCircle2 className=\"w-5 h-5 text-green-500 mt-0.5\" />\r\n <div>\r\n <p className=\"font-semibold\">{t('developer.teamsIntegration.overview.benefit2')}</p>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t('developer.teamsIntegration.overview.benefit2Desc')}</p>\r\n </div>\r\n </div>\r\n <div className=\"flex items-start gap-3\">\r\n <CheckCircle2 className=\"w-5 h-5 text-green-500 mt-0.5\" />\r\n <div>\r\n <p className=\"font-semibold\">{t('developer.teamsIntegration.overview.benefit3')}</p>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t('developer.teamsIntegration.overview.benefit3Desc')}</p>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ How it works /}\r\n <section className=\"card p-6\">\r\n <h2 className=\"text-xl font-bold mb-6 flex items-center gap-2\">\r\n <Monitor className=\"w-5 h-5\" />\r\n {t('developer.teamsIntegration.howItWorks.title')}\r\n </h2>\r\n <div className=\"space-y-6\">\r\n <Step number={1} title={t('developer.teamsIntegration.howItWorks.step1Title')}>\r\n <p>{t('developer.teamsIntegration.howItWorks.step1Desc')}</p>\r\n <div className=\"mt-3 p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n <p className=\"font-mono text-sm\">Teams → \"+\" → {t('developer.teamsIntegration.howItWorks.step1Path')}</p>\r\n </div>\r\n </Step>\r\n <Step number={2} title={t('developer.teamsIntegration.howItWorks.step2Title')}>\r\n <p>{t('developer.teamsIntegration.howItWorks.step2Desc')}</p>\r\n <div className=\"mt-3 p-4 bg-[var(--bg-secondary)] rounded-lg font-mono text-sm\">\r\n https://votre-domaine.com\r\n </div>\r\n </Step>\r\n <Step number={3} title={t('developer.teamsIntegration.howItWorks.step3Title')}>\r\n <p>{t('developer.teamsIntegration.howItWorks.step3Desc')}</p>\r\n </Step>\r\n </div>\r\n </section>\r\n\r\n {/ Backend Configuration /}\r\n <section className=\"card p-6\">\r\n <h2 className=\"text-xl font-bold mb-4 flex items-center gap-2\">\r\n <Code2 className=\"w-5 h-5\" />\r\n {t('developer.teamsIntegration.backendConfig.title')}\r\n </h2>\r\n <p className=\"text-[var(--text-secondary)] mb-4\">\r\n {t('developer.teamsIntegration.backendConfig.description')}\r\n </p>\r\n\r\n <h3 className=\"font-semibold mt-6 mb-2\">{t('developer.teamsIntegration.backendConfig.cspTitle')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('developer.teamsIntegration.backendConfig.cspDesc')}\r\n </p>\r\n <CodeBlock code={`// Program.cs ou middleware personnalise\r\napp.Use(async (context, next) =>\r\n{\r\n // Autoriser Teams a embarquer l'application dans un iframe\r\n context.Response.Headers[\"Content-Security-Policy\"] =\r\n \"frame-ancestors 'self' teams.microsoft.com .teams.microsoft.com .skype.com\";\r\n\r\n // Supprimer X-Frame-Options si present (conflit avec CSP)\r\n context.Response.Headers.Remove(\"X-Frame-Options\");\r\n\r\n await next();\r\n});`} />\r\n\r\n <h3 className=\"font-semibold mt-6 mb-2\">{t('developer.teamsIntegration.backendConfig.corsTitle')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('developer.teamsIntegration.backendConfig.corsDesc')}\r\n </p>\r\n <CodeBlock code={`// appsettings.json\r\n{\r\n \"Cors\": {\r\n \"AllowedOrigins\": [\r\n \"https://votre-domaine.com\",\r\n \"https://teams.microsoft.com\",\r\n \"https://.teams.microsoft.com\"\r\n ]\r\n }\r\n}`} language=\"json\" />\r\n </section>\r\n\r\n {/* Security Considerations /}\r\n <section className=\"card p-6\">\r\n <h2 className=\"text-xl font-bold mb-4 flex items-center gap-2\">\r\n <Shield className=\"w-5 h-5\" />\r\n {t('developer.teamsIntegration.security.title')}\r\n </h2>\r\n\r\n <div className=\"space-y-4\">\r\n <div className=\"flex items-start gap-3 p-4 bg-green-500/10 rounded-lg border border-green-500/30\">\r\n <CheckCircle2 className=\"w-5 h-5 text-green-500 mt-0.5\" />\r\n <div>\r\n <p className=\"font-semibold text-green-700 dark:text-green-400\">{t('developer.teamsIntegration.security.ssoTitle')}</p>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t('developer.teamsIntegration.security.ssoDesc')}</p>\r\n </div>\r\n </div>\r\n\r\n <div className=\"flex items-start gap-3 p-4 bg-green-500/10 rounded-lg border border-green-500/30\">\r\n <CheckCircle2 className=\"w-5 h-5 text-green-500 mt-0.5\" />\r\n <div>\r\n <p className=\"font-semibold text-green-700 dark:text-green-400\">{t('developer.teamsIntegration.security.entraTitle')}</p>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t('developer.teamsIntegration.security.entraDesc')}</p>\r\n </div>\r\n </div>\r\n\r\n <div className=\"flex items-start gap-3 p-4 bg-blue-500/10 rounded-lg border border-blue-500/30\">\r\n <AlertTriangle className=\"w-5 h-5 text-blue-500 mt-0.5\" />\r\n <div>\r\n <p className=\"font-semibold text-blue-700 dark:text-blue-400\">{t('developer.teamsIntegration.security.httpsTitle')}</p>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t('developer.teamsIntegration.security.httpsDesc')}</p>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ Comparison table /}\r\n <section className=\"card p-6\">\r\n <h2 className=\"text-xl font-bold mb-4 flex items-center gap-2\">\r\n <Users className=\"w-5 h-5\" />\r\n {t('developer.teamsIntegration.comparison.title')}\r\n </h2>\r\n <div className=\"overflow-x-auto\">\r\n <table className=\"w-full text-sm\">\r\n <thead>\r\n <tr className=\"border-b border-[var(--border-color)]\">\r\n <th className=\"text-left py-3 px-4\">{t('developer.teamsIntegration.comparison.feature')}</th>\r\n <th className=\"text-center py-3 px-4\">{t('developer.teamsIntegration.comparison.websiteTab')}</th>\r\n <th className=\"text-center py-3 px-4\">{t('developer.teamsIntegration.comparison.teamsApp')}</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr className=\"border-b border-[var(--border-color)]\">\r\n <td className=\"py-3 px-4\">{t('developer.teamsIntegration.comparison.development')}</td>\r\n <td className=\"text-center py-3 px-4 text-green-500\">✓ {t('developer.teamsIntegration.comparison.none')}</td>\r\n <td className=\"text-center py-3 px-4 text-amber-500\">{t('developer.teamsIntegration.comparison.required')}</td>\r\n </tr>\r\n <tr className=\"border-b border-[var(--border-color)]\">\r\n <td className=\"py-3 px-4\">{t('developer.teamsIntegration.comparison.manifest')}</td>\r\n <td className=\"text-center py-3 px-4 text-green-500\">✓ {t('developer.teamsIntegration.comparison.none')}</td>\r\n <td className=\"text-center py-3 px-4 text-amber-500\">{t('developer.teamsIntegration.comparison.required')}</td>\r\n </tr>\r\n <tr className=\"border-b border-[var(--border-color)]\">\r\n <td className=\"py-3 px-4\">{t('developer.teamsIntegration.comparison.deployment')}</td>\r\n <td className=\"text-center py-3 px-4 text-green-500\">{t('developer.teamsIntegration.comparison.manual')}</td>\r\n <td className=\"text-center py-3 px-4\">{t('developer.teamsIntegration.comparison.adminCenter')}</td>\r\n </tr>\r\n <tr className=\"border-b border-[var(--border-color)]\">\r\n <td className=\"py-3 px-4\">{t('developer.teamsIntegration.comparison.sso')}</td>\r\n <td className=\"text-center py-3 px-4 text-green-500\">✓ Entra ID</td>\r\n <td className=\"text-center py-3 px-4 text-green-500\">✓ Entra ID</td>\r\n </tr>\r\n <tr className=\"border-b border-[var(--border-color)]\">\r\n <td className=\"py-3 px-4\">{t('developer.teamsIntegration.comparison.notifications')}</td>\r\n <td className=\"text-center py-3 px-4 text-red-500\">✗</td>\r\n <td className=\"text-center py-3 px-4 text-green-500\">✓</td>\r\n </tr>\r\n <tr>\r\n <td className=\"py-3 px-4\">{t('developer.teamsIntegration.comparison.sidebarIcon')}</td>\r\n <td className=\"text-center py-3 px-4 text-red-500\">✗</td>\r\n <td className=\"text-center py-3 px-4 text-green-500\">✓</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </section>\r\n\r\n {/ Responsive considerations /}\r\n <section className=\"card p-6\">\r\n <h2 className=\"text-xl font-bold mb-4 flex items-center gap-2\">\r\n <Smartphone className=\"w-5 h-5\" />\r\n {t('developer.teamsIntegration.responsive.title')}\r\n </h2>\r\n <p className=\"text-[var(--text-secondary)] mb-4\">\r\n {t('developer.teamsIntegration.responsive.description')}\r\n </p>\r\n <ul className=\"space-y-2\">\r\n <li className=\"flex items-start gap-2\">\r\n <CheckCircle2 className=\"w-4 h-4 text-green-500 mt-1\" />\r\n <span className=\"text-[var(--text-secondary)]\">{t('developer.teamsIntegration.responsive.tip1')}</span>\r\n </li>\r\n <li className=\"flex items-start gap-2\">\r\n <CheckCircle2 className=\"w-4 h-4 text-green-500 mt-1\" />\r\n <span className=\"text-[var(--text-secondary)]\">{t('developer.teamsIntegration.responsive.tip2')}</span>\r\n </li>\r\n <li className=\"flex items-start gap-2\">\r\n <CheckCircle2 className=\"w-4 h-4 text-green-500 mt-1\" />\r\n <span className=\"text-[var(--text-secondary)]\">{t('developer.teamsIntegration.responsive.tip3')}</span>\r\n </li>\r\n </ul>\r\n </section>\r\n\r\n {/ External resources /}\r\n <section className=\"card p-6 bg-[var(--bg-secondary)]\">\r\n <h2 className=\"text-xl font-bold mb-4\">{t('developer.teamsIntegration.resources.title')}</h2>\r\n <div className=\"space-y-3\">\r\n <a\r\n href=\"https://learn.microsoft.com/en-us/microsoftteams/platform/samples/integrate-web-apps-overview\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n >\r\n <ExternalLink className=\"w-4 h-4\" />\r\n {t('developer.teamsIntegration.resources.link1')}\r\n </a>\r\n <a\r\n href=\"https://learn.microsoft.com/en-us/microsoftteams/platform/samples/integrating-web-apps\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n >\r\n <ExternalLink className=\"w-4 h-4\" />\r\n {t('developer.teamsIntegration.resources.link2')}\r\n </a>\r\n <a\r\n href=\"https://learn.microsoft.com/en-us/shows/microsoft-learn-learn-together-developing-apps-for-teams/embedding-your-web-app-in-teams\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n >\r\n <ExternalLink className=\"w-4 h-4\" />\r\n {t('developer.teamsIntegration.resources.link3')}\r\n </a>\r\n </div>\r\n </section>\r\n\r\n {/ Navigation */}\r\n <div className=\"flex justify-between pt-4 border-t border-[var(--border-color)]\">\r\n <Link\r\n to=\"/system/docs/developer/multi-tenant-mode\"\r\n className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n >\r\n <ArrowRight className=\"w-4 h-4 rotate-180\" />\r\n {t('developer.teamsIntegration.nav.previous')}\r\n </Link>\r\n <Link\r\n to=\"/system/docs/developer\"\r\n className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n >\r\n {t('developer.teamsIntegration.nav.backIndex')}\r\n <ArrowRight className=\"w-4 h-4\" />\r\n </Link>\r\n </div>\r\n </div>\r\n );\r\n}"],"names":["TeamsIcon","className","jsx","CodeBlock","code","language","Step","number","title","children","jsxs","TeamsIntegrationPage","t","useTranslation","Link","Globe","CheckCircle2","Monitor","Code2","Shield","AlertTriangle","Users","Smartphone","ExternalLink","ArrowRight"],"mappings":"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"}
1	+ {"version":3,"file":"TeamsIntegrationPage-DXj5MDRS.cjs","sources":["../src/pages/system/docs/developer/TeamsIntegrationPage.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { Link } from 'react-router-dom';\r\nimport { ArrowRight, CheckCircle2, AlertTriangle, Code2, Globe, Shield, ExternalLink, Monitor, Smartphone, Users } from 'lucide-react';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\n// Teams icon as inline SVG\r\nfunction TeamsIcon({ className }: { className?: string }) {\r\n return (\r\n <svg className={className} viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n <path d=\"M19.2 6.4h-2.4v1.6h2.4c.44 0 .8.36.8.8v6.4c0 .44-.36.8-.8.8h-4.8v1.6h4.8c1.32 0 2.4-1.08 2.4-2.4V8.8c0-1.32-1.08-2.4-2.4-2.4zM16 5.6c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-4 1.6H4.8C3.48 7.2 2.4 8.28 2.4 9.6v6.4c0 1.32 1.08 2.4 2.4 2.4h7.2c1.32 0 2.4-1.08 2.4-2.4V9.6c0-1.32-1.08-2.4-2.4-2.4zm.8 8.8c0 .44-.36.8-.8.8H4.8c-.44 0-.8-.36-.8-.8V9.6c0-.44.36-.8.8-.8H12c.44 0 .8.36.8.8v6.4zM8 4.8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z\"/>\r\n </svg>\r\n );\r\n}\r\n\r\nfunction CodeBlock({ code, language = 'csharp' }: { code: string; language?: string }) {\r\n return (\r\n <pre className=\"bg-[var(--bg-tertiary)] rounded-lg p-4 overflow-x-auto\">\r\n <code className={`language-${language} text-sm`}>{code}</code>\r\n </pre>\r\n );\r\n}\r\n\r\ninterface StepProps {\r\n readonly number: number;\r\n readonly title: string;\r\n readonly children: React.ReactNode;\r\n}\r\n\r\nfunction Step({ number, title, children }: StepProps) {\r\n return (\r\n <div className=\"flex gap-4\">\r\n <div className=\"flex-shrink-0 w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold text-sm\">\r\n {number}\r\n </div>\r\n <div className=\"flex-1\">\r\n <h3 className=\"font-semibold mb-2\">{title}</h3>\r\n <div className=\"text-[var(--text-secondary)]\">{children}</div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport function TeamsIntegrationPage(): ReactElement {\r\n const { t } = useTranslation('docs');\r\n\r\n return (\r\n <div className=\"space-y-8\">\r\n {/* Breadcrumb /}\r\n <div className=\"flex items-center gap-2 text-sm text-[var(--text-secondary)]\">\r\n <Link to=\"/system/docs\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.documentation')}</Link>\r\n <span>/</span>\r\n <Link to=\"/system/docs/developer\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.developer')}</Link>\r\n <span>/</span>\r\n <span>{t('developer.teamsIntegration.title')}</span>\r\n </div>\r\n\r\n {/ Header /}\r\n <div>\r\n <h1 className=\"text-3xl font-bold mb-4 flex items-center gap-3\">\r\n <TeamsIcon className=\"w-8 h-8 text-[#6264A7]\" />\r\n {t('developer.teamsIntegration.title')}\r\n </h1>\r\n <p className=\"text-lg text-[var(--text-secondary)]\">\r\n {t('developer.teamsIntegration.description')}\r\n </p>\r\n </div>\r\n\r\n {/ Overview /}\r\n <section className=\"card p-6 bg-gradient-to-r from-[#6264A7]/10 to-transparent border-[#6264A7]/30\">\r\n <h2 className=\"text-xl font-bold mb-4 flex items-center gap-2\">\r\n <Globe className=\"w-5 h-5 text-[#6264A7]\" />\r\n {t('developer.teamsIntegration.overview.title')}\r\n </h2>\r\n <p className=\"text-[var(--text-secondary)] mb-4\">\r\n {t('developer.teamsIntegration.overview.description')}\r\n </p>\r\n <div className=\"grid md:grid-cols-3 gap-4 mt-6\">\r\n <div className=\"flex items-start gap-3\">\r\n <CheckCircle2 className=\"w-5 h-5 text-green-500 mt-0.5\" />\r\n <div>\r\n <p className=\"font-semibold\">{t('developer.teamsIntegration.overview.benefit1')}</p>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t('developer.teamsIntegration.overview.benefit1Desc')}</p>\r\n </div>\r\n </div>\r\n <div className=\"flex items-start gap-3\">\r\n <CheckCircle2 className=\"w-5 h-5 text-green-500 mt-0.5\" />\r\n <div>\r\n <p className=\"font-semibold\">{t('developer.teamsIntegration.overview.benefit2')}</p>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t('developer.teamsIntegration.overview.benefit2Desc')}</p>\r\n </div>\r\n </div>\r\n <div className=\"flex items-start gap-3\">\r\n <CheckCircle2 className=\"w-5 h-5 text-green-500 mt-0.5\" />\r\n <div>\r\n <p className=\"font-semibold\">{t('developer.teamsIntegration.overview.benefit3')}</p>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t('developer.teamsIntegration.overview.benefit3Desc')}</p>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ How it works /}\r\n <section className=\"card p-6\">\r\n <h2 className=\"text-xl font-bold mb-6 flex items-center gap-2\">\r\n <Monitor className=\"w-5 h-5\" />\r\n {t('developer.teamsIntegration.howItWorks.title')}\r\n </h2>\r\n <div className=\"space-y-6\">\r\n <Step number={1} title={t('developer.teamsIntegration.howItWorks.step1Title')}>\r\n <p>{t('developer.teamsIntegration.howItWorks.step1Desc')}</p>\r\n <div className=\"mt-3 p-4 bg-[var(--bg-secondary)] rounded-lg\">\r\n <p className=\"font-mono text-sm\">Teams → \"+\" → {t('developer.teamsIntegration.howItWorks.step1Path')}</p>\r\n </div>\r\n </Step>\r\n <Step number={2} title={t('developer.teamsIntegration.howItWorks.step2Title')}>\r\n <p>{t('developer.teamsIntegration.howItWorks.step2Desc')}</p>\r\n <div className=\"mt-3 p-4 bg-[var(--bg-secondary)] rounded-lg font-mono text-sm\">\r\n https://votre-domaine.com\r\n </div>\r\n </Step>\r\n <Step number={3} title={t('developer.teamsIntegration.howItWorks.step3Title')}>\r\n <p>{t('developer.teamsIntegration.howItWorks.step3Desc')}</p>\r\n </Step>\r\n </div>\r\n </section>\r\n\r\n {/ Backend Configuration /}\r\n <section className=\"card p-6\">\r\n <h2 className=\"text-xl font-bold mb-4 flex items-center gap-2\">\r\n <Code2 className=\"w-5 h-5\" />\r\n {t('developer.teamsIntegration.backendConfig.title')}\r\n </h2>\r\n <p className=\"text-[var(--text-secondary)] mb-4\">\r\n {t('developer.teamsIntegration.backendConfig.description')}\r\n </p>\r\n\r\n <h3 className=\"font-semibold mt-6 mb-2\">{t('developer.teamsIntegration.backendConfig.cspTitle')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('developer.teamsIntegration.backendConfig.cspDesc')}\r\n </p>\r\n <CodeBlock code={`// Program.cs ou middleware personnalise\r\napp.Use(async (context, next) =>\r\n{\r\n // Autoriser Teams a embarquer l'application dans un iframe\r\n context.Response.Headers[\"Content-Security-Policy\"] =\r\n \"frame-ancestors 'self' teams.microsoft.com .teams.microsoft.com .skype.com\";\r\n\r\n // Supprimer X-Frame-Options si present (conflit avec CSP)\r\n context.Response.Headers.Remove(\"X-Frame-Options\");\r\n\r\n await next();\r\n});`} />\r\n\r\n <h3 className=\"font-semibold mt-6 mb-2\">{t('developer.teamsIntegration.backendConfig.corsTitle')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('developer.teamsIntegration.backendConfig.corsDesc')}\r\n </p>\r\n <CodeBlock code={`// appsettings.json\r\n{\r\n \"Cors\": {\r\n \"AllowedOrigins\": [\r\n \"https://votre-domaine.com\",\r\n \"https://teams.microsoft.com\",\r\n \"https://.teams.microsoft.com\"\r\n ]\r\n }\r\n}`} language=\"json\" />\r\n </section>\r\n\r\n {/* Security Considerations /}\r\n <section className=\"card p-6\">\r\n <h2 className=\"text-xl font-bold mb-4 flex items-center gap-2\">\r\n <Shield className=\"w-5 h-5\" />\r\n {t('developer.teamsIntegration.security.title')}\r\n </h2>\r\n\r\n <div className=\"space-y-4\">\r\n <div className=\"flex items-start gap-3 p-4 bg-green-500/10 rounded-lg border border-green-500/30\">\r\n <CheckCircle2 className=\"w-5 h-5 text-green-500 mt-0.5\" />\r\n <div>\r\n <p className=\"font-semibold text-green-700 dark:text-green-400\">{t('developer.teamsIntegration.security.ssoTitle')}</p>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t('developer.teamsIntegration.security.ssoDesc')}</p>\r\n </div>\r\n </div>\r\n\r\n <div className=\"flex items-start gap-3 p-4 bg-green-500/10 rounded-lg border border-green-500/30\">\r\n <CheckCircle2 className=\"w-5 h-5 text-green-500 mt-0.5\" />\r\n <div>\r\n <p className=\"font-semibold text-green-700 dark:text-green-400\">{t('developer.teamsIntegration.security.entraTitle')}</p>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t('developer.teamsIntegration.security.entraDesc')}</p>\r\n </div>\r\n </div>\r\n\r\n <div className=\"flex items-start gap-3 p-4 bg-blue-500/10 rounded-lg border border-blue-500/30\">\r\n <AlertTriangle className=\"w-5 h-5 text-blue-500 mt-0.5\" />\r\n <div>\r\n <p className=\"font-semibold text-blue-700 dark:text-blue-400\">{t('developer.teamsIntegration.security.httpsTitle')}</p>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t('developer.teamsIntegration.security.httpsDesc')}</p>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ Comparison table /}\r\n <section className=\"card p-6\">\r\n <h2 className=\"text-xl font-bold mb-4 flex items-center gap-2\">\r\n <Users className=\"w-5 h-5\" />\r\n {t('developer.teamsIntegration.comparison.title')}\r\n </h2>\r\n <div className=\"overflow-x-auto\">\r\n <table className=\"w-full text-sm\">\r\n <thead>\r\n <tr className=\"border-b border-[var(--border-color)]\">\r\n <th className=\"text-left py-3 px-4\">{t('developer.teamsIntegration.comparison.feature')}</th>\r\n <th className=\"text-center py-3 px-4\">{t('developer.teamsIntegration.comparison.websiteTab')}</th>\r\n <th className=\"text-center py-3 px-4\">{t('developer.teamsIntegration.comparison.teamsApp')}</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr className=\"border-b border-[var(--border-color)]\">\r\n <td className=\"py-3 px-4\">{t('developer.teamsIntegration.comparison.development')}</td>\r\n <td className=\"text-center py-3 px-4 text-green-500\">✓ {t('developer.teamsIntegration.comparison.none')}</td>\r\n <td className=\"text-center py-3 px-4 text-amber-500\">{t('developer.teamsIntegration.comparison.required')}</td>\r\n </tr>\r\n <tr className=\"border-b border-[var(--border-color)]\">\r\n <td className=\"py-3 px-4\">{t('developer.teamsIntegration.comparison.manifest')}</td>\r\n <td className=\"text-center py-3 px-4 text-green-500\">✓ {t('developer.teamsIntegration.comparison.none')}</td>\r\n <td className=\"text-center py-3 px-4 text-amber-500\">{t('developer.teamsIntegration.comparison.required')}</td>\r\n </tr>\r\n <tr className=\"border-b border-[var(--border-color)]\">\r\n <td className=\"py-3 px-4\">{t('developer.teamsIntegration.comparison.deployment')}</td>\r\n <td className=\"text-center py-3 px-4 text-green-500\">{t('developer.teamsIntegration.comparison.manual')}</td>\r\n <td className=\"text-center py-3 px-4\">{t('developer.teamsIntegration.comparison.adminCenter')}</td>\r\n </tr>\r\n <tr className=\"border-b border-[var(--border-color)]\">\r\n <td className=\"py-3 px-4\">{t('developer.teamsIntegration.comparison.sso')}</td>\r\n <td className=\"text-center py-3 px-4 text-green-500\">✓ Entra ID</td>\r\n <td className=\"text-center py-3 px-4 text-green-500\">✓ Entra ID</td>\r\n </tr>\r\n <tr className=\"border-b border-[var(--border-color)]\">\r\n <td className=\"py-3 px-4\">{t('developer.teamsIntegration.comparison.notifications')}</td>\r\n <td className=\"text-center py-3 px-4 text-red-500\">✗</td>\r\n <td className=\"text-center py-3 px-4 text-green-500\">✓</td>\r\n </tr>\r\n <tr>\r\n <td className=\"py-3 px-4\">{t('developer.teamsIntegration.comparison.sidebarIcon')}</td>\r\n <td className=\"text-center py-3 px-4 text-red-500\">✗</td>\r\n <td className=\"text-center py-3 px-4 text-green-500\">✓</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n </div>\r\n </section>\r\n\r\n {/ Responsive considerations /}\r\n <section className=\"card p-6\">\r\n <h2 className=\"text-xl font-bold mb-4 flex items-center gap-2\">\r\n <Smartphone className=\"w-5 h-5\" />\r\n {t('developer.teamsIntegration.responsive.title')}\r\n </h2>\r\n <p className=\"text-[var(--text-secondary)] mb-4\">\r\n {t('developer.teamsIntegration.responsive.description')}\r\n </p>\r\n <ul className=\"space-y-2\">\r\n <li className=\"flex items-start gap-2\">\r\n <CheckCircle2 className=\"w-4 h-4 text-green-500 mt-1\" />\r\n <span className=\"text-[var(--text-secondary)]\">{t('developer.teamsIntegration.responsive.tip1')}</span>\r\n </li>\r\n <li className=\"flex items-start gap-2\">\r\n <CheckCircle2 className=\"w-4 h-4 text-green-500 mt-1\" />\r\n <span className=\"text-[var(--text-secondary)]\">{t('developer.teamsIntegration.responsive.tip2')}</span>\r\n </li>\r\n <li className=\"flex items-start gap-2\">\r\n <CheckCircle2 className=\"w-4 h-4 text-green-500 mt-1\" />\r\n <span className=\"text-[var(--text-secondary)]\">{t('developer.teamsIntegration.responsive.tip3')}</span>\r\n </li>\r\n </ul>\r\n </section>\r\n\r\n {/ External resources /}\r\n <section className=\"card p-6 bg-[var(--bg-secondary)]\">\r\n <h2 className=\"text-xl font-bold mb-4\">{t('developer.teamsIntegration.resources.title')}</h2>\r\n <div className=\"space-y-3\">\r\n <a\r\n href=\"https://learn.microsoft.com/en-us/microsoftteams/platform/samples/integrate-web-apps-overview\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n >\r\n <ExternalLink className=\"w-4 h-4\" />\r\n {t('developer.teamsIntegration.resources.link1')}\r\n </a>\r\n <a\r\n href=\"https://learn.microsoft.com/en-us/microsoftteams/platform/samples/integrating-web-apps\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n >\r\n <ExternalLink className=\"w-4 h-4\" />\r\n {t('developer.teamsIntegration.resources.link2')}\r\n </a>\r\n <a\r\n href=\"https://learn.microsoft.com/en-us/shows/microsoft-learn-learn-together-developing-apps-for-teams/embedding-your-web-app-in-teams\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n >\r\n <ExternalLink className=\"w-4 h-4\" />\r\n {t('developer.teamsIntegration.resources.link3')}\r\n </a>\r\n </div>\r\n </section>\r\n\r\n {/ Navigation */}\r\n <div className=\"flex justify-between pt-4 border-t border-[var(--border-color)]\">\r\n <Link\r\n to=\"/system/docs/developer/multi-tenant-mode\"\r\n className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n >\r\n <ArrowRight className=\"w-4 h-4 rotate-180\" />\r\n {t('developer.teamsIntegration.nav.previous')}\r\n </Link>\r\n <Link\r\n to=\"/system/docs/developer\"\r\n className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n >\r\n {t('developer.teamsIntegration.nav.backIndex')}\r\n <ArrowRight className=\"w-4 h-4\" />\r\n </Link>\r\n </div>\r\n </div>\r\n );\r\n}"],"names":["TeamsIcon","className","jsx","CodeBlock","code","language","Step","number","title","children","jsxs","TeamsIntegrationPage","t","useTranslation","Link","Globe","CheckCircle2","Monitor","Code2","Shield","AlertTriangle","Users","Smartphone","ExternalLink","ArrowRight"],"mappings":"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"}

package/dist/ThemeDocPage-B6x55uSE.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeDocPage-B6x55uSE.cjs","sources":["../src/pages/system/docs/user/ThemeDocPage.tsx"],"sourcesContent":["import { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n Palette,\r\n ArrowRight,\r\n CheckCircle,\r\n Lightbulb,\r\n Target,\r\n Globe,\r\n Building2,\r\n Sun,\r\n Moon,\r\n Square,\r\n Layers,\r\n} from 'lucide-react';\r\n\r\nexport function ThemeDocPage() {\r\n const { t } = useTranslation('docs');\r\n\r\n return (\r\n <div className=\"space-y-8\">\r\n {/* Breadcrumb /}\r\n <div className=\"flex items-center gap-2 text-sm text-[var(--text-secondary)]\">\r\n <Link to=\"/system/docs\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.documentation')}</Link>\r\n <span>/</span>\r\n <Link to=\"/system/docs/user\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.user')}</Link>\r\n <span>/</span>\r\n <span>{t('theme.title')}</span>\r\n </div>\r\n\r\n {/ HEADER /}\r\n <div>\r\n <h1 className=\"text-3xl font-bold mb-4 flex items-center gap-3\">\r\n <Palette className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n {t('theme.title')}\r\n </h1>\r\n <p className=\"text-xl text-[var(--color-primary-600)] font-medium mb-2\">\r\n {t('theme.valueProposition')}\r\n </p>\r\n <p className=\"text-lg text-[var(--text-secondary)]\">\r\n {t('theme.subtitle')}\r\n </p>\r\n <div className=\"mt-4 flex items-center gap-2\">\r\n <span className=\"px-3 py-1 text-xs rounded-full bg-violet-500/10 text-violet-600 border border-violet-500/20\">\r\n Personal\r\n </span>\r\n <span className=\"px-3 py-1 text-xs rounded-full bg-indigo-500/10 text-indigo-600 border border-indigo-500/20\">\r\n My Space\r\n </span>\r\n <span className=\"px-3 py-1 text-xs rounded-full bg-pink-500/10 text-pink-600 border border-pink-500/20\">\r\n Preferences\r\n </span>\r\n </div>\r\n </div>\r\n\r\n {/ Table of contents /}\r\n <div className=\"card p-4 bg-[var(--bg-secondary)]\">\r\n <h3 className=\"font-semibold mb-3\">{t('theme.toc.title')}</h3>\r\n <div className=\"grid grid-cols-2 md:grid-cols-4 gap-2 text-sm\">\r\n <a href=\"#valeur\" className=\"text-[var(--color-primary-600)] hover:underline\">1. {t('theme.toc.value')}</a>\r\n <a href=\"#scope\" className=\"text-[var(--color-primary-600)] hover:underline\">2. {t('theme.toc.scope')}</a>\r\n <a href=\"#fonctionnalites\" className=\"text-[var(--color-primary-600)] hover:underline\">3. {t('theme.toc.features')}</a>\r\n <a href=\"#guide\" className=\"text-[var(--color-primary-600)] hover:underline\">4. {t('theme.toc.guide')}</a>\r\n </div>\r\n </div>\r\n\r\n {/ SECTION 1: VALEUR METIER /}\r\n <section id=\"valeur\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">1</span>\r\n {t('theme.sections.value.title')}\r\n </h2>\r\n\r\n <div className=\"card p-6\">\r\n <div className=\"mb-6\">\r\n <h3 className=\"font-semibold mb-3 flex items-center gap-2\">\r\n <Target className=\"w-5 h-5 text-red-500\" />\r\n {t('theme.sections.value.problemTitle')}\r\n </h3>\r\n <p className=\"text-[var(--text-secondary)]\">\r\n {t('theme.sections.value.problem')}\r\n </p>\r\n </div>\r\n\r\n <div className=\"p-4 rounded-lg bg-green-500/10 border border-green-500/20\">\r\n <h3 className=\"font-semibold mb-2 flex items-center gap-2 text-green-700 dark:text-green-400\">\r\n <Lightbulb className=\"w-5 h-5\" />\r\n {t('theme.sections.value.solutionTitle')}\r\n </h3>\r\n <p className=\"text-[var(--text-secondary)]\">\r\n {t('theme.sections.value.solution')}\r\n </p>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ SECTION 2: PORTEE DU THEME /}\r\n <section id=\"scope\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">2</span>\r\n {t('theme.sections.scope.title')}\r\n </h2>\r\n\r\n <div className=\"card p-6\">\r\n <p className=\"text-[var(--text-secondary)] mb-6\">\r\n {t('theme.sections.scope.description')}\r\n </p>\r\n\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n {/ Global /}\r\n <div className=\"p-4 rounded-lg bg-emerald-500/10 border border-emerald-500/20\">\r\n <div className=\"flex items-center gap-3 mb-3\">\r\n <div className=\"w-10 h-10 rounded-full bg-emerald-500/20 flex items-center justify-center\">\r\n <Globe className=\"w-5 h-5 text-emerald-600\" />\r\n </div>\r\n <div>\r\n <h4 className=\"font-semibold text-emerald-700 dark:text-emerald-400\">{t('theme.sections.scope.global.title')}</h4>\r\n </div>\r\n </div>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.scope.global.description')}\r\n </p>\r\n <ul className=\"mt-3 space-y-1.5\">\r\n <li className=\"flex items-center gap-2 text-sm\">\r\n <CheckCircle className=\"w-4 h-4 text-emerald-500\" />\r\n <span>{t('theme.sections.scope.global.benefit1')}</span>\r\n </li>\r\n <li className=\"flex items-center gap-2 text-sm\">\r\n <CheckCircle className=\"w-4 h-4 text-emerald-500\" />\r\n <span>{t('theme.sections.scope.global.benefit2')}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n {/ Tenant-specific /}\r\n <div className=\"p-4 rounded-lg bg-blue-500/10 border border-blue-500/20\">\r\n <div className=\"flex items-center gap-3 mb-3\">\r\n <div className=\"w-10 h-10 rounded-full bg-blue-500/20 flex items-center justify-center\">\r\n <Building2 className=\"w-5 h-5 text-blue-600\" />\r\n </div>\r\n <div>\r\n <h4 className=\"font-semibold text-blue-700 dark:text-blue-400\">{t('theme.sections.scope.tenant.title')}</h4>\r\n </div>\r\n </div>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.scope.tenant.description')}\r\n </p>\r\n <ul className=\"mt-3 space-y-1.5\">\r\n <li className=\"flex items-center gap-2 text-sm\">\r\n <CheckCircle className=\"w-4 h-4 text-blue-500\" />\r\n <span>{t('theme.sections.scope.tenant.benefit1')}</span>\r\n </li>\r\n <li className=\"flex items-center gap-2 text-sm\">\r\n <CheckCircle className=\"w-4 h-4 text-blue-500\" />\r\n <span>{t('theme.sections.scope.tenant.benefit2')}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div className=\"mt-4 p-3 rounded-lg bg-amber-500/10 border border-amber-500/20\">\r\n <p className=\"text-sm text-amber-700 dark:text-amber-400\">\r\n <strong>{t('theme.sections.scope.note.label')}</strong> {t('theme.sections.scope.note.content')}\r\n </p>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ SECTION 3: FONCTIONNALITES /}\r\n <section id=\"fonctionnalites\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">3</span>\r\n {t('theme.sections.features.title')}\r\n </h2>\r\n\r\n <div className=\"space-y-4\">\r\n {/ Mode d'affichage /}\r\n <div className=\"card p-6\">\r\n <div className=\"flex items-start gap-4\">\r\n <div className=\"w-12 h-12 rounded-lg bg-amber-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Sun className=\"w-6 h-6 text-amber-600\" />\r\n </div>\r\n <div className=\"flex-1\">\r\n <h3 className=\"font-semibold mb-2\">{t('theme.sections.features.mode.title')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.features.mode.description')}\r\n </p>\r\n <div className=\"flex gap-2\">\r\n <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\">\r\n <Sun className=\"w-4 h-4\" /> {t('theme.sections.features.mode.light')}\r\n </span>\r\n <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\">\r\n <Moon className=\"w-4 h-4\" /> {t('theme.sections.features.mode.dark')}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/ Couleur d'accent /}\r\n <div className=\"card p-6\">\r\n <div className=\"flex items-start gap-4\">\r\n <div className=\"w-12 h-12 rounded-lg bg-violet-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Palette className=\"w-6 h-6 text-violet-600\" />\r\n </div>\r\n <div className=\"flex-1\">\r\n <h3 className=\"font-semibold mb-2\">{t('theme.sections.features.accent.title')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.features.accent.description')}\r\n </p>\r\n <div className=\"flex gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-indigo-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-violet-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-emerald-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-amber-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-rose-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-cyan-500\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/ Palette des elements /}\r\n <div className=\"card p-6\">\r\n <div className=\"flex items-start gap-4\">\r\n <div className=\"w-12 h-12 rounded-lg bg-blue-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Layers className=\"w-6 h-6 text-blue-600\" />\r\n </div>\r\n <div className=\"flex-1\">\r\n <h3 className=\"font-semibold mb-2\">{t('theme.sections.features.palette.title')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.features.palette.description')}\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/ Style des coins /}\r\n <div className=\"card p-6\">\r\n <div className=\"flex items-start gap-4\">\r\n <div className=\"w-12 h-12 rounded-lg bg-slate-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Square className=\"w-6 h-6 text-slate-600\" />\r\n </div>\r\n <div className=\"flex-1\">\r\n <h3 className=\"font-semibold mb-2\">{t('theme.sections.features.corners.title')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.features.corners.description')}\r\n </p>\r\n <div className=\"flex gap-2\">\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '0' }}>{t('theme.sections.features.corners.none')}</span>\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '4px' }}>{t('theme.sections.features.corners.small')}</span>\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '8px' }}>{t('theme.sections.features.corners.medium')}</span>\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '12px' }}>{t('theme.sections.features.corners.large')}</span>\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '9999px' }}>{t('theme.sections.features.corners.full')}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ SECTION 4: GUIDE /}\r\n <section id=\"guide\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">4</span>\r\n {t('theme.sections.guide.title')}\r\n </h2>\r\n\r\n <div className=\"card p-6\">\r\n <div className=\"space-y-6\">\r\n {/ Etape 1 /}\r\n <div className=\"flex gap-4\">\r\n <div className=\"flex flex-col items-center\">\r\n <div className=\"w-10 h-10 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold\">\r\n 1\r\n </div>\r\n <div className=\"w-0.5 h-full bg-[var(--border-color)] mt-2\"></div>\r\n </div>\r\n <div className=\"flex-1 pb-6\">\r\n <h4 className=\"font-semibold mb-2\">{t('theme.sections.guide.step1.title')}</h4>\r\n <p className=\"text-sm text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.guide.step1.description')}\r\n </p>\r\n <div className=\"flex items-center gap-2 p-3 bg-[var(--bg-secondary)] rounded-lg font-mono text-sm\">\r\n <span className=\"text-[var(--text-tertiary)]\">Personal</span>\r\n <ArrowRight className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n <span className=\"text-[var(--text-tertiary)]\">My Space</span>\r\n <ArrowRight className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n <span className=\"text-[var(--color-primary-600)] font-semibold\">Preferences</span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/ Etape 2 /}\r\n <div className=\"flex gap-4\">\r\n <div className=\"flex flex-col items-center\">\r\n <div className=\"w-10 h-10 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold\">\r\n 2\r\n </div>\r\n <div className=\"w-0.5 h-full bg-[var(--border-color)] mt-2\"></div>\r\n </div>\r\n <div className=\"flex-1 pb-6\">\r\n <h4 className=\"font-semibold mb-2\">{t('theme.sections.guide.step2.title')}</h4>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.guide.step2.description')}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n {/ Etape 3 /}\r\n <div className=\"flex gap-4\">\r\n <div className=\"flex flex-col items-center\">\r\n <div className=\"w-10 h-10 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold\">\r\n 3\r\n </div>\r\n <div className=\"w-0.5 h-full bg-[var(--border-color)] mt-2\"></div>\r\n </div>\r\n <div className=\"flex-1 pb-6\">\r\n <h4 className=\"font-semibold mb-2\">{t('theme.sections.guide.step3.title')}</h4>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.guide.step3.description')}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n {/ Etape 4 /}\r\n <div className=\"flex gap-4\">\r\n <div className=\"flex flex-col items-center\">\r\n <div className=\"w-10 h-10 rounded-full bg-green-500 text-white flex items-center justify-center font-bold\">\r\n <CheckCircle className=\"w-5 h-5\" />\r\n </div>\r\n </div>\r\n <div className=\"flex-1\">\r\n <h4 className=\"font-semibold mb-2\">{t('theme.sections.guide.step4.title')}</h4>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.guide.step4.description')}\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ Navigation */}\r\n <div className=\"flex justify-between pt-6 border-t border-[var(--border-color)]\">\r\n <Link\r\n to=\"/system/docs/user\"\r\n className=\"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]\"\r\n >\r\n <ArrowRight className=\"w-4 h-4 rotate-180\" />\r\n {t('theme.nav.back')}\r\n </Link>\r\n <Link\r\n to=\"/system/docs/user/modules\"\r\n className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n >\r\n {t('theme.nav.next')}\r\n <ArrowRight className=\"w-4 h-4\" />\r\n </Link>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["ThemeDocPage","t","useTranslation","jsxs","jsx","Link","Palette","Target","Lightbulb","Globe","CheckCircle","Building2","Sun","Moon","Layers","Square","ArrowRight"],"mappings":"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"}
1	+ {"version":3,"file":"ThemeDocPage-B6x55uSE.cjs","sources":["../src/pages/system/docs/user/ThemeDocPage.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n Palette,\r\n ArrowRight,\r\n CheckCircle,\r\n Lightbulb,\r\n Target,\r\n Globe,\r\n Building2,\r\n Sun,\r\n Moon,\r\n Square,\r\n Layers,\r\n} from 'lucide-react';\r\n\r\nexport function ThemeDocPage(): ReactElement {\r\n const { t } = useTranslation('docs');\r\n\r\n return (\r\n <div className=\"space-y-8\">\r\n {/* Breadcrumb /}\r\n <div className=\"flex items-center gap-2 text-sm text-[var(--text-secondary)]\">\r\n <Link to=\"/system/docs\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.documentation')}</Link>\r\n <span>/</span>\r\n <Link to=\"/system/docs/user\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.user')}</Link>\r\n <span>/</span>\r\n <span>{t('theme.title')}</span>\r\n </div>\r\n\r\n {/ HEADER /}\r\n <div>\r\n <h1 className=\"text-3xl font-bold mb-4 flex items-center gap-3\">\r\n <Palette className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n {t('theme.title')}\r\n </h1>\r\n <p className=\"text-xl text-[var(--color-primary-600)] font-medium mb-2\">\r\n {t('theme.valueProposition')}\r\n </p>\r\n <p className=\"text-lg text-[var(--text-secondary)]\">\r\n {t('theme.subtitle')}\r\n </p>\r\n <div className=\"mt-4 flex items-center gap-2\">\r\n <span className=\"px-3 py-1 text-xs rounded-full bg-violet-500/10 text-violet-600 border border-violet-500/20\">\r\n Personal\r\n </span>\r\n <span className=\"px-3 py-1 text-xs rounded-full bg-indigo-500/10 text-indigo-600 border border-indigo-500/20\">\r\n My Space\r\n </span>\r\n <span className=\"px-3 py-1 text-xs rounded-full bg-pink-500/10 text-pink-600 border border-pink-500/20\">\r\n Preferences\r\n </span>\r\n </div>\r\n </div>\r\n\r\n {/ Table of contents /}\r\n <div className=\"card p-4 bg-[var(--bg-secondary)]\">\r\n <h3 className=\"font-semibold mb-3\">{t('theme.toc.title')}</h3>\r\n <div className=\"grid grid-cols-2 md:grid-cols-4 gap-2 text-sm\">\r\n <a href=\"#valeur\" className=\"text-[var(--color-primary-600)] hover:underline\">1. {t('theme.toc.value')}</a>\r\n <a href=\"#scope\" className=\"text-[var(--color-primary-600)] hover:underline\">2. {t('theme.toc.scope')}</a>\r\n <a href=\"#fonctionnalites\" className=\"text-[var(--color-primary-600)] hover:underline\">3. {t('theme.toc.features')}</a>\r\n <a href=\"#guide\" className=\"text-[var(--color-primary-600)] hover:underline\">4. {t('theme.toc.guide')}</a>\r\n </div>\r\n </div>\r\n\r\n {/ SECTION 1: VALEUR METIER /}\r\n <section id=\"valeur\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">1</span>\r\n {t('theme.sections.value.title')}\r\n </h2>\r\n\r\n <div className=\"card p-6\">\r\n <div className=\"mb-6\">\r\n <h3 className=\"font-semibold mb-3 flex items-center gap-2\">\r\n <Target className=\"w-5 h-5 text-red-500\" />\r\n {t('theme.sections.value.problemTitle')}\r\n </h3>\r\n <p className=\"text-[var(--text-secondary)]\">\r\n {t('theme.sections.value.problem')}\r\n </p>\r\n </div>\r\n\r\n <div className=\"p-4 rounded-lg bg-green-500/10 border border-green-500/20\">\r\n <h3 className=\"font-semibold mb-2 flex items-center gap-2 text-green-700 dark:text-green-400\">\r\n <Lightbulb className=\"w-5 h-5\" />\r\n {t('theme.sections.value.solutionTitle')}\r\n </h3>\r\n <p className=\"text-[var(--text-secondary)]\">\r\n {t('theme.sections.value.solution')}\r\n </p>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ SECTION 2: PORTEE DU THEME /}\r\n <section id=\"scope\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">2</span>\r\n {t('theme.sections.scope.title')}\r\n </h2>\r\n\r\n <div className=\"card p-6\">\r\n <p className=\"text-[var(--text-secondary)] mb-6\">\r\n {t('theme.sections.scope.description')}\r\n </p>\r\n\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n {/ Global /}\r\n <div className=\"p-4 rounded-lg bg-emerald-500/10 border border-emerald-500/20\">\r\n <div className=\"flex items-center gap-3 mb-3\">\r\n <div className=\"w-10 h-10 rounded-full bg-emerald-500/20 flex items-center justify-center\">\r\n <Globe className=\"w-5 h-5 text-emerald-600\" />\r\n </div>\r\n <div>\r\n <h4 className=\"font-semibold text-emerald-700 dark:text-emerald-400\">{t('theme.sections.scope.global.title')}</h4>\r\n </div>\r\n </div>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.scope.global.description')}\r\n </p>\r\n <ul className=\"mt-3 space-y-1.5\">\r\n <li className=\"flex items-center gap-2 text-sm\">\r\n <CheckCircle className=\"w-4 h-4 text-emerald-500\" />\r\n <span>{t('theme.sections.scope.global.benefit1')}</span>\r\n </li>\r\n <li className=\"flex items-center gap-2 text-sm\">\r\n <CheckCircle className=\"w-4 h-4 text-emerald-500\" />\r\n <span>{t('theme.sections.scope.global.benefit2')}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n {/ Tenant-specific /}\r\n <div className=\"p-4 rounded-lg bg-blue-500/10 border border-blue-500/20\">\r\n <div className=\"flex items-center gap-3 mb-3\">\r\n <div className=\"w-10 h-10 rounded-full bg-blue-500/20 flex items-center justify-center\">\r\n <Building2 className=\"w-5 h-5 text-blue-600\" />\r\n </div>\r\n <div>\r\n <h4 className=\"font-semibold text-blue-700 dark:text-blue-400\">{t('theme.sections.scope.tenant.title')}</h4>\r\n </div>\r\n </div>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.scope.tenant.description')}\r\n </p>\r\n <ul className=\"mt-3 space-y-1.5\">\r\n <li className=\"flex items-center gap-2 text-sm\">\r\n <CheckCircle className=\"w-4 h-4 text-blue-500\" />\r\n <span>{t('theme.sections.scope.tenant.benefit1')}</span>\r\n </li>\r\n <li className=\"flex items-center gap-2 text-sm\">\r\n <CheckCircle className=\"w-4 h-4 text-blue-500\" />\r\n <span>{t('theme.sections.scope.tenant.benefit2')}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div className=\"mt-4 p-3 rounded-lg bg-amber-500/10 border border-amber-500/20\">\r\n <p className=\"text-sm text-amber-700 dark:text-amber-400\">\r\n <strong>{t('theme.sections.scope.note.label')}</strong> {t('theme.sections.scope.note.content')}\r\n </p>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ SECTION 3: FONCTIONNALITES /}\r\n <section id=\"fonctionnalites\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">3</span>\r\n {t('theme.sections.features.title')}\r\n </h2>\r\n\r\n <div className=\"space-y-4\">\r\n {/ Mode d'affichage /}\r\n <div className=\"card p-6\">\r\n <div className=\"flex items-start gap-4\">\r\n <div className=\"w-12 h-12 rounded-lg bg-amber-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Sun className=\"w-6 h-6 text-amber-600\" />\r\n </div>\r\n <div className=\"flex-1\">\r\n <h3 className=\"font-semibold mb-2\">{t('theme.sections.features.mode.title')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.features.mode.description')}\r\n </p>\r\n <div className=\"flex gap-2\">\r\n <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\">\r\n <Sun className=\"w-4 h-4\" /> {t('theme.sections.features.mode.light')}\r\n </span>\r\n <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\">\r\n <Moon className=\"w-4 h-4\" /> {t('theme.sections.features.mode.dark')}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/ Couleur d'accent /}\r\n <div className=\"card p-6\">\r\n <div className=\"flex items-start gap-4\">\r\n <div className=\"w-12 h-12 rounded-lg bg-violet-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Palette className=\"w-6 h-6 text-violet-600\" />\r\n </div>\r\n <div className=\"flex-1\">\r\n <h3 className=\"font-semibold mb-2\">{t('theme.sections.features.accent.title')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.features.accent.description')}\r\n </p>\r\n <div className=\"flex gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-indigo-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-violet-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-emerald-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-amber-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-rose-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-cyan-500\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/ Palette des elements /}\r\n <div className=\"card p-6\">\r\n <div className=\"flex items-start gap-4\">\r\n <div className=\"w-12 h-12 rounded-lg bg-blue-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Layers className=\"w-6 h-6 text-blue-600\" />\r\n </div>\r\n <div className=\"flex-1\">\r\n <h3 className=\"font-semibold mb-2\">{t('theme.sections.features.palette.title')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.features.palette.description')}\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/ Style des coins /}\r\n <div className=\"card p-6\">\r\n <div className=\"flex items-start gap-4\">\r\n <div className=\"w-12 h-12 rounded-lg bg-slate-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Square className=\"w-6 h-6 text-slate-600\" />\r\n </div>\r\n <div className=\"flex-1\">\r\n <h3 className=\"font-semibold mb-2\">{t('theme.sections.features.corners.title')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.features.corners.description')}\r\n </p>\r\n <div className=\"flex gap-2\">\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '0' }}>{t('theme.sections.features.corners.none')}</span>\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '4px' }}>{t('theme.sections.features.corners.small')}</span>\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '8px' }}>{t('theme.sections.features.corners.medium')}</span>\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '12px' }}>{t('theme.sections.features.corners.large')}</span>\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '9999px' }}>{t('theme.sections.features.corners.full')}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ SECTION 4: GUIDE /}\r\n <section id=\"guide\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">4</span>\r\n {t('theme.sections.guide.title')}\r\n </h2>\r\n\r\n <div className=\"card p-6\">\r\n <div className=\"space-y-6\">\r\n {/ Etape 1 /}\r\n <div className=\"flex gap-4\">\r\n <div className=\"flex flex-col items-center\">\r\n <div className=\"w-10 h-10 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold\">\r\n 1\r\n </div>\r\n <div className=\"w-0.5 h-full bg-[var(--border-color)] mt-2\"></div>\r\n </div>\r\n <div className=\"flex-1 pb-6\">\r\n <h4 className=\"font-semibold mb-2\">{t('theme.sections.guide.step1.title')}</h4>\r\n <p className=\"text-sm text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.guide.step1.description')}\r\n </p>\r\n <div className=\"flex items-center gap-2 p-3 bg-[var(--bg-secondary)] rounded-lg font-mono text-sm\">\r\n <span className=\"text-[var(--text-tertiary)]\">Personal</span>\r\n <ArrowRight className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n <span className=\"text-[var(--text-tertiary)]\">My Space</span>\r\n <ArrowRight className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n <span className=\"text-[var(--color-primary-600)] font-semibold\">Preferences</span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/ Etape 2 /}\r\n <div className=\"flex gap-4\">\r\n <div className=\"flex flex-col items-center\">\r\n <div className=\"w-10 h-10 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold\">\r\n 2\r\n </div>\r\n <div className=\"w-0.5 h-full bg-[var(--border-color)] mt-2\"></div>\r\n </div>\r\n <div className=\"flex-1 pb-6\">\r\n <h4 className=\"font-semibold mb-2\">{t('theme.sections.guide.step2.title')}</h4>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.guide.step2.description')}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n {/ Etape 3 /}\r\n <div className=\"flex gap-4\">\r\n <div className=\"flex flex-col items-center\">\r\n <div className=\"w-10 h-10 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold\">\r\n 3\r\n </div>\r\n <div className=\"w-0.5 h-full bg-[var(--border-color)] mt-2\"></div>\r\n </div>\r\n <div className=\"flex-1 pb-6\">\r\n <h4 className=\"font-semibold mb-2\">{t('theme.sections.guide.step3.title')}</h4>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.guide.step3.description')}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n {/ Etape 4 /}\r\n <div className=\"flex gap-4\">\r\n <div className=\"flex flex-col items-center\">\r\n <div className=\"w-10 h-10 rounded-full bg-green-500 text-white flex items-center justify-center font-bold\">\r\n <CheckCircle className=\"w-5 h-5\" />\r\n </div>\r\n </div>\r\n <div className=\"flex-1\">\r\n <h4 className=\"font-semibold mb-2\">{t('theme.sections.guide.step4.title')}</h4>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.guide.step4.description')}\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ Navigation */}\r\n <div className=\"flex justify-between pt-6 border-t border-[var(--border-color)]\">\r\n <Link\r\n to=\"/system/docs/user\"\r\n className=\"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]\"\r\n >\r\n <ArrowRight className=\"w-4 h-4 rotate-180\" />\r\n {t('theme.nav.back')}\r\n </Link>\r\n <Link\r\n to=\"/system/docs/user/modules\"\r\n className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n >\r\n {t('theme.nav.next')}\r\n <ArrowRight className=\"w-4 h-4\" />\r\n </Link>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["ThemeDocPage","t","useTranslation","jsxs","jsx","Link","Palette","Target","Lightbulb","Globe","CheckCircle","Building2","Sun","Moon","Layers","Square","ArrowRight"],"mappings":"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"}

package/dist/ThemeDocPage-xkMbvMJG.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeDocPage-xkMbvMJG.js","sources":["../src/pages/system/docs/user/ThemeDocPage.tsx"],"sourcesContent":["import { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n Palette,\r\n ArrowRight,\r\n CheckCircle,\r\n Lightbulb,\r\n Target,\r\n Globe,\r\n Building2,\r\n Sun,\r\n Moon,\r\n Square,\r\n Layers,\r\n} from 'lucide-react';\r\n\r\nexport function ThemeDocPage() {\r\n const { t } = useTranslation('docs');\r\n\r\n return (\r\n <div className=\"space-y-8\">\r\n {/* Breadcrumb /}\r\n <div className=\"flex items-center gap-2 text-sm text-[var(--text-secondary)]\">\r\n <Link to=\"/system/docs\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.documentation')}</Link>\r\n <span>/</span>\r\n <Link to=\"/system/docs/user\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.user')}</Link>\r\n <span>/</span>\r\n <span>{t('theme.title')}</span>\r\n </div>\r\n\r\n {/ HEADER /}\r\n <div>\r\n <h1 className=\"text-3xl font-bold mb-4 flex items-center gap-3\">\r\n <Palette className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n {t('theme.title')}\r\n </h1>\r\n <p className=\"text-xl text-[var(--color-primary-600)] font-medium mb-2\">\r\n {t('theme.valueProposition')}\r\n </p>\r\n <p className=\"text-lg text-[var(--text-secondary)]\">\r\n {t('theme.subtitle')}\r\n </p>\r\n <div className=\"mt-4 flex items-center gap-2\">\r\n <span className=\"px-3 py-1 text-xs rounded-full bg-violet-500/10 text-violet-600 border border-violet-500/20\">\r\n Personal\r\n </span>\r\n <span className=\"px-3 py-1 text-xs rounded-full bg-indigo-500/10 text-indigo-600 border border-indigo-500/20\">\r\n My Space\r\n </span>\r\n <span className=\"px-3 py-1 text-xs rounded-full bg-pink-500/10 text-pink-600 border border-pink-500/20\">\r\n Preferences\r\n </span>\r\n </div>\r\n </div>\r\n\r\n {/ Table of contents /}\r\n <div className=\"card p-4 bg-[var(--bg-secondary)]\">\r\n <h3 className=\"font-semibold mb-3\">{t('theme.toc.title')}</h3>\r\n <div className=\"grid grid-cols-2 md:grid-cols-4 gap-2 text-sm\">\r\n <a href=\"#valeur\" className=\"text-[var(--color-primary-600)] hover:underline\">1. {t('theme.toc.value')}</a>\r\n <a href=\"#scope\" className=\"text-[var(--color-primary-600)] hover:underline\">2. {t('theme.toc.scope')}</a>\r\n <a href=\"#fonctionnalites\" className=\"text-[var(--color-primary-600)] hover:underline\">3. {t('theme.toc.features')}</a>\r\n <a href=\"#guide\" className=\"text-[var(--color-primary-600)] hover:underline\">4. {t('theme.toc.guide')}</a>\r\n </div>\r\n </div>\r\n\r\n {/ SECTION 1: VALEUR METIER /}\r\n <section id=\"valeur\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">1</span>\r\n {t('theme.sections.value.title')}\r\n </h2>\r\n\r\n <div className=\"card p-6\">\r\n <div className=\"mb-6\">\r\n <h3 className=\"font-semibold mb-3 flex items-center gap-2\">\r\n <Target className=\"w-5 h-5 text-red-500\" />\r\n {t('theme.sections.value.problemTitle')}\r\n </h3>\r\n <p className=\"text-[var(--text-secondary)]\">\r\n {t('theme.sections.value.problem')}\r\n </p>\r\n </div>\r\n\r\n <div className=\"p-4 rounded-lg bg-green-500/10 border border-green-500/20\">\r\n <h3 className=\"font-semibold mb-2 flex items-center gap-2 text-green-700 dark:text-green-400\">\r\n <Lightbulb className=\"w-5 h-5\" />\r\n {t('theme.sections.value.solutionTitle')}\r\n </h3>\r\n <p className=\"text-[var(--text-secondary)]\">\r\n {t('theme.sections.value.solution')}\r\n </p>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ SECTION 2: PORTEE DU THEME /}\r\n <section id=\"scope\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">2</span>\r\n {t('theme.sections.scope.title')}\r\n </h2>\r\n\r\n <div className=\"card p-6\">\r\n <p className=\"text-[var(--text-secondary)] mb-6\">\r\n {t('theme.sections.scope.description')}\r\n </p>\r\n\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n {/ Global /}\r\n <div className=\"p-4 rounded-lg bg-emerald-500/10 border border-emerald-500/20\">\r\n <div className=\"flex items-center gap-3 mb-3\">\r\n <div className=\"w-10 h-10 rounded-full bg-emerald-500/20 flex items-center justify-center\">\r\n <Globe className=\"w-5 h-5 text-emerald-600\" />\r\n </div>\r\n <div>\r\n <h4 className=\"font-semibold text-emerald-700 dark:text-emerald-400\">{t('theme.sections.scope.global.title')}</h4>\r\n </div>\r\n </div>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.scope.global.description')}\r\n </p>\r\n <ul className=\"mt-3 space-y-1.5\">\r\n <li className=\"flex items-center gap-2 text-sm\">\r\n <CheckCircle className=\"w-4 h-4 text-emerald-500\" />\r\n <span>{t('theme.sections.scope.global.benefit1')}</span>\r\n </li>\r\n <li className=\"flex items-center gap-2 text-sm\">\r\n <CheckCircle className=\"w-4 h-4 text-emerald-500\" />\r\n <span>{t('theme.sections.scope.global.benefit2')}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n {/ Tenant-specific /}\r\n <div className=\"p-4 rounded-lg bg-blue-500/10 border border-blue-500/20\">\r\n <div className=\"flex items-center gap-3 mb-3\">\r\n <div className=\"w-10 h-10 rounded-full bg-blue-500/20 flex items-center justify-center\">\r\n <Building2 className=\"w-5 h-5 text-blue-600\" />\r\n </div>\r\n <div>\r\n <h4 className=\"font-semibold text-blue-700 dark:text-blue-400\">{t('theme.sections.scope.tenant.title')}</h4>\r\n </div>\r\n </div>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.scope.tenant.description')}\r\n </p>\r\n <ul className=\"mt-3 space-y-1.5\">\r\n <li className=\"flex items-center gap-2 text-sm\">\r\n <CheckCircle className=\"w-4 h-4 text-blue-500\" />\r\n <span>{t('theme.sections.scope.tenant.benefit1')}</span>\r\n </li>\r\n <li className=\"flex items-center gap-2 text-sm\">\r\n <CheckCircle className=\"w-4 h-4 text-blue-500\" />\r\n <span>{t('theme.sections.scope.tenant.benefit2')}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div className=\"mt-4 p-3 rounded-lg bg-amber-500/10 border border-amber-500/20\">\r\n <p className=\"text-sm text-amber-700 dark:text-amber-400\">\r\n <strong>{t('theme.sections.scope.note.label')}</strong> {t('theme.sections.scope.note.content')}\r\n </p>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ SECTION 3: FONCTIONNALITES /}\r\n <section id=\"fonctionnalites\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">3</span>\r\n {t('theme.sections.features.title')}\r\n </h2>\r\n\r\n <div className=\"space-y-4\">\r\n {/ Mode d'affichage /}\r\n <div className=\"card p-6\">\r\n <div className=\"flex items-start gap-4\">\r\n <div className=\"w-12 h-12 rounded-lg bg-amber-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Sun className=\"w-6 h-6 text-amber-600\" />\r\n </div>\r\n <div className=\"flex-1\">\r\n <h3 className=\"font-semibold mb-2\">{t('theme.sections.features.mode.title')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.features.mode.description')}\r\n </p>\r\n <div className=\"flex gap-2\">\r\n <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\">\r\n <Sun className=\"w-4 h-4\" /> {t('theme.sections.features.mode.light')}\r\n </span>\r\n <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\">\r\n <Moon className=\"w-4 h-4\" /> {t('theme.sections.features.mode.dark')}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/ Couleur d'accent /}\r\n <div className=\"card p-6\">\r\n <div className=\"flex items-start gap-4\">\r\n <div className=\"w-12 h-12 rounded-lg bg-violet-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Palette className=\"w-6 h-6 text-violet-600\" />\r\n </div>\r\n <div className=\"flex-1\">\r\n <h3 className=\"font-semibold mb-2\">{t('theme.sections.features.accent.title')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.features.accent.description')}\r\n </p>\r\n <div className=\"flex gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-indigo-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-violet-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-emerald-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-amber-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-rose-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-cyan-500\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/ Palette des elements /}\r\n <div className=\"card p-6\">\r\n <div className=\"flex items-start gap-4\">\r\n <div className=\"w-12 h-12 rounded-lg bg-blue-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Layers className=\"w-6 h-6 text-blue-600\" />\r\n </div>\r\n <div className=\"flex-1\">\r\n <h3 className=\"font-semibold mb-2\">{t('theme.sections.features.palette.title')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.features.palette.description')}\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/ Style des coins /}\r\n <div className=\"card p-6\">\r\n <div className=\"flex items-start gap-4\">\r\n <div className=\"w-12 h-12 rounded-lg bg-slate-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Square className=\"w-6 h-6 text-slate-600\" />\r\n </div>\r\n <div className=\"flex-1\">\r\n <h3 className=\"font-semibold mb-2\">{t('theme.sections.features.corners.title')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.features.corners.description')}\r\n </p>\r\n <div className=\"flex gap-2\">\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '0' }}>{t('theme.sections.features.corners.none')}</span>\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '4px' }}>{t('theme.sections.features.corners.small')}</span>\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '8px' }}>{t('theme.sections.features.corners.medium')}</span>\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '12px' }}>{t('theme.sections.features.corners.large')}</span>\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '9999px' }}>{t('theme.sections.features.corners.full')}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ SECTION 4: GUIDE /}\r\n <section id=\"guide\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">4</span>\r\n {t('theme.sections.guide.title')}\r\n </h2>\r\n\r\n <div className=\"card p-6\">\r\n <div className=\"space-y-6\">\r\n {/ Etape 1 /}\r\n <div className=\"flex gap-4\">\r\n <div className=\"flex flex-col items-center\">\r\n <div className=\"w-10 h-10 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold\">\r\n 1\r\n </div>\r\n <div className=\"w-0.5 h-full bg-[var(--border-color)] mt-2\"></div>\r\n </div>\r\n <div className=\"flex-1 pb-6\">\r\n <h4 className=\"font-semibold mb-2\">{t('theme.sections.guide.step1.title')}</h4>\r\n <p className=\"text-sm text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.guide.step1.description')}\r\n </p>\r\n <div className=\"flex items-center gap-2 p-3 bg-[var(--bg-secondary)] rounded-lg font-mono text-sm\">\r\n <span className=\"text-[var(--text-tertiary)]\">Personal</span>\r\n <ArrowRight className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n <span className=\"text-[var(--text-tertiary)]\">My Space</span>\r\n <ArrowRight className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n <span className=\"text-[var(--color-primary-600)] font-semibold\">Preferences</span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/ Etape 2 /}\r\n <div className=\"flex gap-4\">\r\n <div className=\"flex flex-col items-center\">\r\n <div className=\"w-10 h-10 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold\">\r\n 2\r\n </div>\r\n <div className=\"w-0.5 h-full bg-[var(--border-color)] mt-2\"></div>\r\n </div>\r\n <div className=\"flex-1 pb-6\">\r\n <h4 className=\"font-semibold mb-2\">{t('theme.sections.guide.step2.title')}</h4>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.guide.step2.description')}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n {/ Etape 3 /}\r\n <div className=\"flex gap-4\">\r\n <div className=\"flex flex-col items-center\">\r\n <div className=\"w-10 h-10 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold\">\r\n 3\r\n </div>\r\n <div className=\"w-0.5 h-full bg-[var(--border-color)] mt-2\"></div>\r\n </div>\r\n <div className=\"flex-1 pb-6\">\r\n <h4 className=\"font-semibold mb-2\">{t('theme.sections.guide.step3.title')}</h4>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.guide.step3.description')}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n {/ Etape 4 /}\r\n <div className=\"flex gap-4\">\r\n <div className=\"flex flex-col items-center\">\r\n <div className=\"w-10 h-10 rounded-full bg-green-500 text-white flex items-center justify-center font-bold\">\r\n <CheckCircle className=\"w-5 h-5\" />\r\n </div>\r\n </div>\r\n <div className=\"flex-1\">\r\n <h4 className=\"font-semibold mb-2\">{t('theme.sections.guide.step4.title')}</h4>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.guide.step4.description')}\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ Navigation */}\r\n <div className=\"flex justify-between pt-6 border-t border-[var(--border-color)]\">\r\n <Link\r\n to=\"/system/docs/user\"\r\n className=\"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]\"\r\n >\r\n <ArrowRight className=\"w-4 h-4 rotate-180\" />\r\n {t('theme.nav.back')}\r\n </Link>\r\n <Link\r\n to=\"/system/docs/user/modules\"\r\n className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n >\r\n {t('theme.nav.next')}\r\n <ArrowRight className=\"w-4 h-4\" />\r\n </Link>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["ThemeDocPage","useTranslation","jsxs","jsx","Link","Palette","Target","Lightbulb","Globe","CheckCircle","Building2","Sun","Moon","Layers","Square","ArrowRight"],"mappings":";;;;AAgBO,SAASA,IAAe;AAC7B,QAAM,EAAE,EAAA,IAAMC,EAAe,MAAM;AAEnC,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,aAEb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gEACb,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAK,IAAG,gBAAe,WAAU,yCAAyC,UAAA,EAAE,0BAA0B,GAAE;AAAA,MACzG,gBAAAD,EAAC,UAAK,UAAA,IAAA,CAAC;AAAA,MACP,gBAAAA,EAACC,KAAK,IAAG,qBAAoB,WAAU,yCAAyC,UAAA,EAAE,iBAAiB,GAAE;AAAA,MACrG,gBAAAD,EAAC,UAAK,UAAA,IAAA,CAAC;AAAA,MACP,gBAAAA,EAAC,QAAA,EAAM,UAAA,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,GAC1B;AAAA,sBAGC,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAD,EAAC,MAAA,EAAG,WAAU,mDACZ,UAAA;AAAA,QAAA,gBAAAC,EAACE,GAAA,EAAQ,WAAU,0CAAA,CAA0C;AAAA,QAC5D,EAAE,aAAa;AAAA,MAAA,GAClB;AAAA,wBACC,KAAA,EAAE,WAAU,4DACV,UAAA,EAAE,wBAAwB,GAC7B;AAAA,wBACC,KAAA,EAAE,WAAU,wCACV,UAAA,EAAE,gBAAgB,GACrB;AAAA,MACA,gBAAAH,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,+FAA8F,UAAA,YAE9G;AAAA,QACA,gBAAAA,EAAC,QAAA,EAAK,WAAU,+FAA8F,UAAA,YAE9G;AAAA,QACA,gBAAAA,EAAC,QAAA,EAAK,WAAU,yFAAwF,UAAA,cAAA,CAExG;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGA,gBAAAD,EAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,sBAAsB,UAAA,EAAE,iBAAiB,GAAE;AAAA,MACzD,gBAAAD,EAAC,OAAA,EAAI,WAAU,iDACb,UAAA;AAAA,QAAA,gBAAAA,EAAC,KAAA,EAAE,MAAK,WAAU,WAAU,mDAAkD,UAAA;AAAA,UAAA;AAAA,UAAI,EAAE,iBAAiB;AAAA,QAAA,GAAE;AAAA,QACvG,gBAAAA,EAAC,KAAA,EAAE,MAAK,UAAS,WAAU,mDAAkD,UAAA;AAAA,UAAA;AAAA,UAAI,EAAE,iBAAiB;AAAA,QAAA,GAAE;AAAA,QACtG,gBAAAA,EAAC,KAAA,EAAE,MAAK,oBAAmB,WAAU,mDAAkD,UAAA;AAAA,UAAA;AAAA,UAAI,EAAE,oBAAoB;AAAA,QAAA,GAAE;AAAA,QACnH,gBAAAA,EAAC,KAAA,EAAE,MAAK,UAAS,WAAU,mDAAkD,UAAA;AAAA,UAAA;AAAA,UAAI,EAAE,iBAAiB;AAAA,QAAA,EAAA,CAAE;AAAA,MAAA,EAAA,CACxG;AAAA,IAAA,GACF;AAAA,IAGA,gBAAAA,EAAC,WAAA,EAAQ,IAAG,UAAS,WAAU,eAC7B,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,mDACZ,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,0GAAyG,UAAA,KAAC;AAAA,QACzH,EAAE,4BAA4B;AAAA,MAAA,GACjC;AAAA,MAEA,gBAAAD,EAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,8CACZ,UAAA;AAAA,YAAA,gBAAAC,EAACG,GAAA,EAAO,WAAU,uBAAA,CAAuB;AAAA,YACxC,EAAE,mCAAmC;AAAA,UAAA,GACxC;AAAA,4BACC,KAAA,EAAE,WAAU,gCACV,UAAA,EAAE,8BAA8B,EAAA,CACnC;AAAA,QAAA,GACF;AAAA,QAEA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,6DACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,iFACZ,UAAA;AAAA,YAAA,gBAAAC,EAACI,GAAA,EAAU,WAAU,UAAA,CAAU;AAAA,YAC9B,EAAE,oCAAoC;AAAA,UAAA,GACzC;AAAA,4BACC,KAAA,EAAE,WAAU,gCACV,UAAA,EAAE,+BAA+B,EAAA,CACpC;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGA,gBAAAL,EAAC,WAAA,EAAQ,IAAG,SAAQ,WAAU,eAC5B,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,mDACZ,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,0GAAyG,UAAA,KAAC;AAAA,QACzH,EAAE,4BAA4B;AAAA,MAAA,GACjC;AAAA,MAEA,gBAAAD,EAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,QAAA,gBAAAC,EAAC,KAAA,EAAE,WAAU,qCACV,UAAA,EAAE,kCAAkC,GACvC;AAAA,QAEA,gBAAAD,EAAC,OAAA,EAAI,WAAU,yCAEb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,iEACb,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,cAAA,gBAAAC,EAAC,SAAI,WAAU,6EACb,4BAACK,GAAA,EAAM,WAAU,4BAA2B,EAAA,CAC9C;AAAA,cACA,gBAAAL,EAAC,SACC,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,wDAAwD,UAAA,EAAE,mCAAmC,EAAA,CAAE,EAAA,CAC/G;AAAA,YAAA,GACF;AAAA,8BACC,KAAA,EAAE,WAAU,wCACV,UAAA,EAAE,yCAAyC,GAC9C;AAAA,YACA,gBAAAD,EAAC,MAAA,EAAG,WAAU,oBACZ,UAAA;AAAA,cAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,mCACZ,UAAA;AAAA,gBAAA,gBAAAC,EAACM,GAAA,EAAY,WAAU,2BAAA,CAA2B;AAAA,gBAClD,gBAAAN,EAAC,QAAA,EAAM,UAAA,EAAE,sCAAsC,EAAA,CAAE;AAAA,cAAA,GACnD;AAAA,cACA,gBAAAD,EAAC,MAAA,EAAG,WAAU,mCACZ,UAAA;AAAA,gBAAA,gBAAAC,EAACM,GAAA,EAAY,WAAU,2BAAA,CAA2B;AAAA,gBAClD,gBAAAN,EAAC,QAAA,EAAM,UAAA,EAAE,sCAAsC,EAAA,CAAE;AAAA,cAAA,EAAA,CACnD;AAAA,YAAA,EAAA,CACF;AAAA,UAAA,GACF;AAAA,UAGA,gBAAAD,EAAC,OAAA,EAAI,WAAU,2DACb,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,cAAA,gBAAAC,EAAC,SAAI,WAAU,0EACb,4BAACO,GAAA,EAAU,WAAU,yBAAwB,EAAA,CAC/C;AAAA,cACA,gBAAAP,EAAC,SACC,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,kDAAkD,UAAA,EAAE,mCAAmC,EAAA,CAAE,EAAA,CACzG;AAAA,YAAA,GACF;AAAA,8BACC,KAAA,EAAE,WAAU,wCACV,UAAA,EAAE,yCAAyC,GAC9C;AAAA,YACA,gBAAAD,EAAC,MAAA,EAAG,WAAU,oBACZ,UAAA;AAAA,cAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,mCACZ,UAAA;AAAA,gBAAA,gBAAAC,EAACM,GAAA,EAAY,WAAU,wBAAA,CAAwB;AAAA,gBAC/C,gBAAAN,EAAC,QAAA,EAAM,UAAA,EAAE,sCAAsC,EAAA,CAAE;AAAA,cAAA,GACnD;AAAA,cACA,gBAAAD,EAAC,MAAA,EAAG,WAAU,mCACZ,UAAA;AAAA,gBAAA,gBAAAC,EAACM,GAAA,EAAY,WAAU,wBAAA,CAAwB;AAAA,gBAC/C,gBAAAN,EAAC,QAAA,EAAM,UAAA,EAAE,sCAAsC,EAAA,CAAE;AAAA,cAAA,EAAA,CACnD;AAAA,YAAA,EAAA,CACF;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,GACF;AAAA,0BAEC,OAAA,EAAI,WAAU,kEACb,UAAA,gBAAAD,EAAC,KAAA,EAAE,WAAU,8CACX,UAAA;AAAA,UAAA,gBAAAC,EAAC,UAAA,EAAQ,UAAA,EAAE,iCAAiC,EAAA,CAAE;AAAA,UAAS;AAAA,UAAE,EAAE,mCAAmC;AAAA,QAAA,EAAA,CAChG,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGA,gBAAAD,EAAC,WAAA,EAAQ,IAAG,mBAAkB,WAAU,eACtC,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,mDACZ,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,0GAAyG,UAAA,KAAC;AAAA,QACzH,EAAE,+BAA+B;AAAA,MAAA,GACpC;AAAA,MAEA,gBAAAD,EAAC,OAAA,EAAI,WAAU,aAEb,UAAA;AAAA,QAAA,gBAAAC,EAAC,SAAI,WAAU,YACb,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,UAAA,gBAAAC,EAAC,SAAI,WAAU,uFACb,4BAACQ,GAAA,EAAI,WAAU,0BAAyB,EAAA,CAC1C;AAAA,UACA,gBAAAT,EAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,YAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,sBAAsB,UAAA,EAAE,oCAAoC,GAAE;AAAA,8BAC3E,KAAA,EAAE,WAAU,qCACV,UAAA,EAAE,0CAA0C,GAC/C;AAAA,YACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,cAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,oHACd,UAAA;AAAA,gBAAA,gBAAAC,EAACQ,GAAA,EAAI,WAAU,UAAA,CAAU;AAAA,gBAAE;AAAA,gBAAE,EAAE,oCAAoC;AAAA,cAAA,GACrE;AAAA,cACA,gBAAAT,EAAC,QAAA,EAAK,WAAU,uHACd,UAAA;AAAA,gBAAA,gBAAAC,EAACS,GAAA,EAAK,WAAU,UAAA,CAAU;AAAA,gBAAE;AAAA,gBAAE,EAAE,mCAAmC;AAAA,cAAA,EAAA,CACrE;AAAA,YAAA,EAAA,CACF;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,EAAA,CACF,EAAA,CACF;AAAA,0BAGC,OAAA,EAAI,WAAU,YACb,UAAA,gBAAAV,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,UAAA,gBAAAC,EAAC,SAAI,WAAU,wFACb,4BAACE,GAAA,EAAQ,WAAU,2BAA0B,EAAA,CAC/C;AAAA,UACA,gBAAAH,EAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,YAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,sBAAsB,UAAA,EAAE,sCAAsC,GAAE;AAAA,8BAC7E,KAAA,EAAE,WAAU,qCACV,UAAA,EAAE,4CAA4C,GACjD;AAAA,YACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,cAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,qCAAA,CAAqC;AAAA,cACrD,gBAAAA,EAAC,QAAA,EAAK,WAAU,qCAAA,CAAqC;AAAA,cACrD,gBAAAA,EAAC,QAAA,EAAK,WAAU,sCAAA,CAAsC;AAAA,cACtD,gBAAAA,EAAC,QAAA,EAAK,WAAU,oCAAA,CAAoC;AAAA,cACpD,gBAAAA,EAAC,QAAA,EAAK,WAAU,mCAAA,CAAmC;AAAA,cACnD,gBAAAA,EAAC,QAAA,EAAK,WAAU,mCAAA,CAAmC;AAAA,YAAA,EAAA,CACrD;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,EAAA,CACF,EAAA,CACF;AAAA,0BAGC,OAAA,EAAI,WAAU,YACb,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,UAAA,gBAAAC,EAAC,SAAI,WAAU,sFACb,4BAACU,GAAA,EAAO,WAAU,yBAAwB,EAAA,CAC5C;AAAA,UACA,gBAAAX,EAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,YAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,sBAAsB,UAAA,EAAE,uCAAuC,GAAE;AAAA,8BAC9E,KAAA,EAAE,WAAU,qCACV,UAAA,EAAE,6CAA6C,EAAA,CAClD;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,EAAA,CACF,EAAA,CACF;AAAA,0BAGC,OAAA,EAAI,WAAU,YACb,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,UAAA,gBAAAC,EAAC,SAAI,WAAU,uFACb,4BAACW,GAAA,EAAO,WAAU,0BAAyB,EAAA,CAC7C;AAAA,UACA,gBAAAZ,EAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,YAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,sBAAsB,UAAA,EAAE,uCAAuC,GAAE;AAAA,8BAC9E,KAAA,EAAE,WAAU,qCACV,UAAA,EAAE,6CAA6C,GAClD;AAAA,YACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,cAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,+CAA8C,OAAO,EAAE,cAAc,IAAA,GAAQ,UAAA,EAAE,sCAAsC,EAAA,CAAE;AAAA,cACvI,gBAAAA,EAAC,QAAA,EAAK,WAAU,+CAA8C,OAAO,EAAE,cAAc,MAAA,GAAU,UAAA,EAAE,uCAAuC,EAAA,CAAE;AAAA,cAC1I,gBAAAA,EAAC,QAAA,EAAK,WAAU,+CAA8C,OAAO,EAAE,cAAc,MAAA,GAAU,UAAA,EAAE,wCAAwC,EAAA,CAAE;AAAA,cAC3I,gBAAAA,EAAC,QAAA,EAAK,WAAU,+CAA8C,OAAO,EAAE,cAAc,OAAA,GAAW,UAAA,EAAE,uCAAuC,EAAA,CAAE;AAAA,cAC3I,gBAAAA,EAAC,QAAA,EAAK,WAAU,+CAA8C,OAAO,EAAE,cAAc,SAAA,GAAa,UAAA,EAAE,sCAAsC,EAAA,CAAE;AAAA,YAAA,EAAA,CAC9I;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,EAAA,CACF,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGA,gBAAAD,EAAC,WAAA,EAAQ,IAAG,SAAQ,WAAU,eAC5B,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,mDACZ,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,0GAAyG,UAAA,KAAC;AAAA,QACzH,EAAE,4BAA4B;AAAA,MAAA,GACjC;AAAA,wBAEC,OAAA,EAAI,WAAU,YACb,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,aAEb,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,YAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,8GAA6G,UAAA,KAE5H;AAAA,YACA,gBAAAA,EAAC,OAAA,EAAI,WAAU,6CAAA,CAA6C;AAAA,UAAA,GAC9D;AAAA,UACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,YAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,sBAAsB,UAAA,EAAE,kCAAkC,GAAE;AAAA,8BACzE,KAAA,EAAE,WAAU,6CACV,UAAA,EAAE,wCAAwC,GAC7C;AAAA,YACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,qFACb,UAAA;AAAA,cAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,+BAA8B,UAAA,YAAQ;AAAA,cACtD,gBAAAA,EAACY,GAAA,EAAW,WAAU,sCAAA,CAAsC;AAAA,cAC5D,gBAAAZ,EAAC,QAAA,EAAK,WAAU,+BAA8B,UAAA,YAAQ;AAAA,cACtD,gBAAAA,EAACY,GAAA,EAAW,WAAU,sCAAA,CAAsC;AAAA,cAC5D,gBAAAZ,EAAC,QAAA,EAAK,WAAU,iDAAgD,UAAA,cAAA,CAAW;AAAA,YAAA,EAAA,CAC7E;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,GACF;AAAA,QAGA,gBAAAD,EAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,YAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,8GAA6G,UAAA,KAE5H;AAAA,YACA,gBAAAA,EAAC,OAAA,EAAI,WAAU,6CAAA,CAA6C;AAAA,UAAA,GAC9D;AAAA,UACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,YAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,sBAAsB,UAAA,EAAE,kCAAkC,GAAE;AAAA,8BACzE,KAAA,EAAE,WAAU,wCACV,UAAA,EAAE,wCAAwC,EAAA,CAC7C;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,GACF;AAAA,QAGA,gBAAAD,EAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,YAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,8GAA6G,UAAA,KAE5H;AAAA,YACA,gBAAAA,EAAC,OAAA,EAAI,WAAU,6CAAA,CAA6C;AAAA,UAAA,GAC9D;AAAA,UACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,YAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,sBAAsB,UAAA,EAAE,kCAAkC,GAAE;AAAA,8BACzE,KAAA,EAAE,WAAU,wCACV,UAAA,EAAE,wCAAwC,EAAA,CAC7C;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,GACF;AAAA,QAGA,gBAAAD,EAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,8BACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,6FACb,UAAA,gBAAAA,EAACM,GAAA,EAAY,WAAU,UAAA,CAAU,EAAA,CACnC,GACF;AAAA,UACA,gBAAAP,EAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,YAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,sBAAsB,UAAA,EAAE,kCAAkC,GAAE;AAAA,8BACzE,KAAA,EAAE,WAAU,wCACV,UAAA,EAAE,wCAAwC,EAAA,CAC7C;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGA,gBAAAD,EAAC,OAAA,EAAI,WAAU,mEACb,UAAA;AAAA,MAAA,gBAAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAD,EAACY,GAAA,EAAW,WAAU,qBAAA,CAAqB;AAAA,YAC1C,EAAE,gBAAgB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAErB,gBAAAb;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAU;AAAA,UAET,UAAA;AAAA,YAAA,EAAE,gBAAgB;AAAA,YACnB,gBAAAD,EAACY,GAAA,EAAW,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAClC,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
1	+ {"version":3,"file":"ThemeDocPage-xkMbvMJG.js","sources":["../src/pages/system/docs/user/ThemeDocPage.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n Palette,\r\n ArrowRight,\r\n CheckCircle,\r\n Lightbulb,\r\n Target,\r\n Globe,\r\n Building2,\r\n Sun,\r\n Moon,\r\n Square,\r\n Layers,\r\n} from 'lucide-react';\r\n\r\nexport function ThemeDocPage(): ReactElement {\r\n const { t } = useTranslation('docs');\r\n\r\n return (\r\n <div className=\"space-y-8\">\r\n {/* Breadcrumb /}\r\n <div className=\"flex items-center gap-2 text-sm text-[var(--text-secondary)]\">\r\n <Link to=\"/system/docs\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.documentation')}</Link>\r\n <span>/</span>\r\n <Link to=\"/system/docs/user\" className=\"hover:text-[var(--color-primary-600)]\">{t('breadcrumb.user')}</Link>\r\n <span>/</span>\r\n <span>{t('theme.title')}</span>\r\n </div>\r\n\r\n {/ HEADER /}\r\n <div>\r\n <h1 className=\"text-3xl font-bold mb-4 flex items-center gap-3\">\r\n <Palette className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n {t('theme.title')}\r\n </h1>\r\n <p className=\"text-xl text-[var(--color-primary-600)] font-medium mb-2\">\r\n {t('theme.valueProposition')}\r\n </p>\r\n <p className=\"text-lg text-[var(--text-secondary)]\">\r\n {t('theme.subtitle')}\r\n </p>\r\n <div className=\"mt-4 flex items-center gap-2\">\r\n <span className=\"px-3 py-1 text-xs rounded-full bg-violet-500/10 text-violet-600 border border-violet-500/20\">\r\n Personal\r\n </span>\r\n <span className=\"px-3 py-1 text-xs rounded-full bg-indigo-500/10 text-indigo-600 border border-indigo-500/20\">\r\n My Space\r\n </span>\r\n <span className=\"px-3 py-1 text-xs rounded-full bg-pink-500/10 text-pink-600 border border-pink-500/20\">\r\n Preferences\r\n </span>\r\n </div>\r\n </div>\r\n\r\n {/ Table of contents /}\r\n <div className=\"card p-4 bg-[var(--bg-secondary)]\">\r\n <h3 className=\"font-semibold mb-3\">{t('theme.toc.title')}</h3>\r\n <div className=\"grid grid-cols-2 md:grid-cols-4 gap-2 text-sm\">\r\n <a href=\"#valeur\" className=\"text-[var(--color-primary-600)] hover:underline\">1. {t('theme.toc.value')}</a>\r\n <a href=\"#scope\" className=\"text-[var(--color-primary-600)] hover:underline\">2. {t('theme.toc.scope')}</a>\r\n <a href=\"#fonctionnalites\" className=\"text-[var(--color-primary-600)] hover:underline\">3. {t('theme.toc.features')}</a>\r\n <a href=\"#guide\" className=\"text-[var(--color-primary-600)] hover:underline\">4. {t('theme.toc.guide')}</a>\r\n </div>\r\n </div>\r\n\r\n {/ SECTION 1: VALEUR METIER /}\r\n <section id=\"valeur\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">1</span>\r\n {t('theme.sections.value.title')}\r\n </h2>\r\n\r\n <div className=\"card p-6\">\r\n <div className=\"mb-6\">\r\n <h3 className=\"font-semibold mb-3 flex items-center gap-2\">\r\n <Target className=\"w-5 h-5 text-red-500\" />\r\n {t('theme.sections.value.problemTitle')}\r\n </h3>\r\n <p className=\"text-[var(--text-secondary)]\">\r\n {t('theme.sections.value.problem')}\r\n </p>\r\n </div>\r\n\r\n <div className=\"p-4 rounded-lg bg-green-500/10 border border-green-500/20\">\r\n <h3 className=\"font-semibold mb-2 flex items-center gap-2 text-green-700 dark:text-green-400\">\r\n <Lightbulb className=\"w-5 h-5\" />\r\n {t('theme.sections.value.solutionTitle')}\r\n </h3>\r\n <p className=\"text-[var(--text-secondary)]\">\r\n {t('theme.sections.value.solution')}\r\n </p>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ SECTION 2: PORTEE DU THEME /}\r\n <section id=\"scope\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">2</span>\r\n {t('theme.sections.scope.title')}\r\n </h2>\r\n\r\n <div className=\"card p-6\">\r\n <p className=\"text-[var(--text-secondary)] mb-6\">\r\n {t('theme.sections.scope.description')}\r\n </p>\r\n\r\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n {/ Global /}\r\n <div className=\"p-4 rounded-lg bg-emerald-500/10 border border-emerald-500/20\">\r\n <div className=\"flex items-center gap-3 mb-3\">\r\n <div className=\"w-10 h-10 rounded-full bg-emerald-500/20 flex items-center justify-center\">\r\n <Globe className=\"w-5 h-5 text-emerald-600\" />\r\n </div>\r\n <div>\r\n <h4 className=\"font-semibold text-emerald-700 dark:text-emerald-400\">{t('theme.sections.scope.global.title')}</h4>\r\n </div>\r\n </div>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.scope.global.description')}\r\n </p>\r\n <ul className=\"mt-3 space-y-1.5\">\r\n <li className=\"flex items-center gap-2 text-sm\">\r\n <CheckCircle className=\"w-4 h-4 text-emerald-500\" />\r\n <span>{t('theme.sections.scope.global.benefit1')}</span>\r\n </li>\r\n <li className=\"flex items-center gap-2 text-sm\">\r\n <CheckCircle className=\"w-4 h-4 text-emerald-500\" />\r\n <span>{t('theme.sections.scope.global.benefit2')}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n {/ Tenant-specific /}\r\n <div className=\"p-4 rounded-lg bg-blue-500/10 border border-blue-500/20\">\r\n <div className=\"flex items-center gap-3 mb-3\">\r\n <div className=\"w-10 h-10 rounded-full bg-blue-500/20 flex items-center justify-center\">\r\n <Building2 className=\"w-5 h-5 text-blue-600\" />\r\n </div>\r\n <div>\r\n <h4 className=\"font-semibold text-blue-700 dark:text-blue-400\">{t('theme.sections.scope.tenant.title')}</h4>\r\n </div>\r\n </div>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.scope.tenant.description')}\r\n </p>\r\n <ul className=\"mt-3 space-y-1.5\">\r\n <li className=\"flex items-center gap-2 text-sm\">\r\n <CheckCircle className=\"w-4 h-4 text-blue-500\" />\r\n <span>{t('theme.sections.scope.tenant.benefit1')}</span>\r\n </li>\r\n <li className=\"flex items-center gap-2 text-sm\">\r\n <CheckCircle className=\"w-4 h-4 text-blue-500\" />\r\n <span>{t('theme.sections.scope.tenant.benefit2')}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n\r\n <div className=\"mt-4 p-3 rounded-lg bg-amber-500/10 border border-amber-500/20\">\r\n <p className=\"text-sm text-amber-700 dark:text-amber-400\">\r\n <strong>{t('theme.sections.scope.note.label')}</strong> {t('theme.sections.scope.note.content')}\r\n </p>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ SECTION 3: FONCTIONNALITES /}\r\n <section id=\"fonctionnalites\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">3</span>\r\n {t('theme.sections.features.title')}\r\n </h2>\r\n\r\n <div className=\"space-y-4\">\r\n {/ Mode d'affichage /}\r\n <div className=\"card p-6\">\r\n <div className=\"flex items-start gap-4\">\r\n <div className=\"w-12 h-12 rounded-lg bg-amber-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Sun className=\"w-6 h-6 text-amber-600\" />\r\n </div>\r\n <div className=\"flex-1\">\r\n <h3 className=\"font-semibold mb-2\">{t('theme.sections.features.mode.title')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.features.mode.description')}\r\n </p>\r\n <div className=\"flex gap-2\">\r\n <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\">\r\n <Sun className=\"w-4 h-4\" /> {t('theme.sections.features.mode.light')}\r\n </span>\r\n <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\">\r\n <Moon className=\"w-4 h-4\" /> {t('theme.sections.features.mode.dark')}\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/ Couleur d'accent /}\r\n <div className=\"card p-6\">\r\n <div className=\"flex items-start gap-4\">\r\n <div className=\"w-12 h-12 rounded-lg bg-violet-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Palette className=\"w-6 h-6 text-violet-600\" />\r\n </div>\r\n <div className=\"flex-1\">\r\n <h3 className=\"font-semibold mb-2\">{t('theme.sections.features.accent.title')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.features.accent.description')}\r\n </p>\r\n <div className=\"flex gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-indigo-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-violet-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-emerald-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-amber-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-rose-500\"></span>\r\n <span className=\"w-8 h-8 rounded-full bg-cyan-500\"></span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/ Palette des elements /}\r\n <div className=\"card p-6\">\r\n <div className=\"flex items-start gap-4\">\r\n <div className=\"w-12 h-12 rounded-lg bg-blue-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Layers className=\"w-6 h-6 text-blue-600\" />\r\n </div>\r\n <div className=\"flex-1\">\r\n <h3 className=\"font-semibold mb-2\">{t('theme.sections.features.palette.title')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.features.palette.description')}\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/ Style des coins /}\r\n <div className=\"card p-6\">\r\n <div className=\"flex items-start gap-4\">\r\n <div className=\"w-12 h-12 rounded-lg bg-slate-500/10 flex items-center justify-center flex-shrink-0\">\r\n <Square className=\"w-6 h-6 text-slate-600\" />\r\n </div>\r\n <div className=\"flex-1\">\r\n <h3 className=\"font-semibold mb-2\">{t('theme.sections.features.corners.title')}</h3>\r\n <p className=\"text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.features.corners.description')}\r\n </p>\r\n <div className=\"flex gap-2\">\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '0' }}>{t('theme.sections.features.corners.none')}</span>\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '4px' }}>{t('theme.sections.features.corners.small')}</span>\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '8px' }}>{t('theme.sections.features.corners.medium')}</span>\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '12px' }}>{t('theme.sections.features.corners.large')}</span>\r\n <span className=\"px-3 py-1.5 text-xs bg-[var(--bg-tertiary)]\" style={{ borderRadius: '9999px' }}>{t('theme.sections.features.corners.full')}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ SECTION 4: GUIDE /}\r\n <section id=\"guide\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">4</span>\r\n {t('theme.sections.guide.title')}\r\n </h2>\r\n\r\n <div className=\"card p-6\">\r\n <div className=\"space-y-6\">\r\n {/ Etape 1 /}\r\n <div className=\"flex gap-4\">\r\n <div className=\"flex flex-col items-center\">\r\n <div className=\"w-10 h-10 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold\">\r\n 1\r\n </div>\r\n <div className=\"w-0.5 h-full bg-[var(--border-color)] mt-2\"></div>\r\n </div>\r\n <div className=\"flex-1 pb-6\">\r\n <h4 className=\"font-semibold mb-2\">{t('theme.sections.guide.step1.title')}</h4>\r\n <p className=\"text-sm text-[var(--text-secondary)] mb-3\">\r\n {t('theme.sections.guide.step1.description')}\r\n </p>\r\n <div className=\"flex items-center gap-2 p-3 bg-[var(--bg-secondary)] rounded-lg font-mono text-sm\">\r\n <span className=\"text-[var(--text-tertiary)]\">Personal</span>\r\n <ArrowRight className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n <span className=\"text-[var(--text-tertiary)]\">My Space</span>\r\n <ArrowRight className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n <span className=\"text-[var(--color-primary-600)] font-semibold\">Preferences</span>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/ Etape 2 /}\r\n <div className=\"flex gap-4\">\r\n <div className=\"flex flex-col items-center\">\r\n <div className=\"w-10 h-10 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold\">\r\n 2\r\n </div>\r\n <div className=\"w-0.5 h-full bg-[var(--border-color)] mt-2\"></div>\r\n </div>\r\n <div className=\"flex-1 pb-6\">\r\n <h4 className=\"font-semibold mb-2\">{t('theme.sections.guide.step2.title')}</h4>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.guide.step2.description')}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n {/ Etape 3 /}\r\n <div className=\"flex gap-4\">\r\n <div className=\"flex flex-col items-center\">\r\n <div className=\"w-10 h-10 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold\">\r\n 3\r\n </div>\r\n <div className=\"w-0.5 h-full bg-[var(--border-color)] mt-2\"></div>\r\n </div>\r\n <div className=\"flex-1 pb-6\">\r\n <h4 className=\"font-semibold mb-2\">{t('theme.sections.guide.step3.title')}</h4>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.guide.step3.description')}\r\n </p>\r\n </div>\r\n </div>\r\n\r\n {/ Etape 4 /}\r\n <div className=\"flex gap-4\">\r\n <div className=\"flex flex-col items-center\">\r\n <div className=\"w-10 h-10 rounded-full bg-green-500 text-white flex items-center justify-center font-bold\">\r\n <CheckCircle className=\"w-5 h-5\" />\r\n </div>\r\n </div>\r\n <div className=\"flex-1\">\r\n <h4 className=\"font-semibold mb-2\">{t('theme.sections.guide.step4.title')}</h4>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">\r\n {t('theme.sections.guide.step4.description')}\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/ Navigation */}\r\n <div className=\"flex justify-between pt-6 border-t border-[var(--border-color)]\">\r\n <Link\r\n to=\"/system/docs/user\"\r\n className=\"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]\"\r\n >\r\n <ArrowRight className=\"w-4 h-4 rotate-180\" />\r\n {t('theme.nav.back')}\r\n </Link>\r\n <Link\r\n to=\"/system/docs/user/modules\"\r\n className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n >\r\n {t('theme.nav.next')}\r\n <ArrowRight className=\"w-4 h-4\" />\r\n </Link>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["ThemeDocPage","useTranslation","jsxs","jsx","Link","Palette","Target","Lightbulb","Globe","CheckCircle","Building2","Sun","Moon","Layers","Square","ArrowRight"],"mappings":"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"}