czon 0.7.0 → 0.7.2

package/dist/build/robots.js

@@ -105,8 +105,6 @@ Disallow:
 User-agent: KHTML, like Gecko
 Disallow:
 
-Content-Signal: ai-train=yes, search=yes, ai-input=yes
-
 ${metadata_1.MetaData.options.baseUrl ? `Sitemap: ${path.join(metadata_1.MetaData.options.baseUrl, 'sitemap.xml')}` : ''}
 `;
     const robotsPath = path.join(paths_1.CZON_DIST_DIR, 'robots.txt');

package/dist/ssg/ContentPage.js

@@ -50,10 +50,10 @@ const ContentPage = props => {
         `,
                 } })),
         react_1.default.createElement("body", null,
-            react_1.default.createElement(PageLayout_1.PageLayout, { header: react_1.default.createElement(CZONHeader_1.CZONHeader, { ctx: props.ctx, lang: props.lang, file: props.file }), navigator: react_1.default.createElement("nav", { className: "sidebar hidden md:block" },
-                    react_1.default.createElement(Navigator_1.Navigator, { ctx: props.ctx, file: props.file, lang: props.lang })), rightSidebar: react_1.default.createElement("aside", null,
+            react_1.default.createElement(PageLayout_1.PageLayout, { header: react_1.default.createElement(CZONHeader_1.CZONHeader, { ctx: props.ctx, lang: props.lang, file: props.file }), navigator: react_1.default.createElement("nav", { className: "sidebar border-r" },
+                    react_1.default.createElement(Navigator_1.Navigator, { ctx: props.ctx, file: props.file, lang: props.lang })), rightSidebar: react_1.default.createElement("aside", { className: "sidebar border-l" },
                     react_1.default.createElement("h2", { className: "text-2xl font-semibold mb-2" }, "Table of Contents"),
-                    props.content.headings.map(heading => (react_1.default.createElement("a", { key: heading.id, href: `#${heading.id}`, className: `block ps-${heading.depth * 4} mb-2` }, heading.text)))), main: react_1.default.createElement("main", { className: "content max-w-4xl mx-auto my-8 px-4" },
+                    props.content.headings.map(heading => (react_1.default.createElement("a", { key: heading.id, href: `#${heading.id}`, className: `block ms-${(heading.depth - 1) * 4} mb-2 border-b` }, heading.text)))), main: react_1.default.createElement("main", { className: "content max-w-4xl mx-auto my-8 px-4" },
                     react_1.default.createElement(ContentMeta_1.ContentMeta, { ctx: props.ctx, file: props.file, lang: props.lang }),
                     react_1.default.createElement("div", { className: "border-b mb-4 pb-2 xl:hidden" },
                         react_1.default.createElement("h2", { className: "text-2xl font-semibold mb-2" }, "Table of Contents"),

package/dist/ssg/components/LanguageSwitch.js

@@ -16,9 +16,9 @@ const style = `
 
 .language-switch-trigger {
   transition: all 0.2s ease;
-  background: var(--ls-bg-primary);
-  border-color: var(--ls-border-color);
-  color: var(--ls-text-primary);
+  background: var(--bg-secondary);
+  border-color: var(--border-color);
+  color: var(--text-primary);
 }
 
 .language-switch-trigger:hover {
@@ -38,6 +38,8 @@ const style = `
   inset-inline-end: 0;
   margin-inline-start: 0;
   margin-inline-end: 0;
+  background: var(--bg-secondary);
+  border-color: var(--border-color);
 
   opacity: 0;
   visibility: hidden;
@@ -58,8 +60,7 @@ const style = `
 
 .language-switch-option {
   transition: all 0.15s ease;
-  background: var(--ls-bg-primary);
-  color: var(--ls-text-secondary);
+  color: var(--text-secondary);
 }
 
 .language-switch-option:hover {
@@ -69,49 +70,14 @@ const style = `
 }
 
 .language-switch-option.active {
-  background: var(--ls-bg-active);
-  color: var(--ls-text-active);
+  color: var(--color-primary);
 }
 
 .language-switch-option:focus {
-  outline: 2px solid #3b82f6;
+  outline: 2px solid var(--color-primary);
   outline-offset: 2px;
 }
-
-.language-switch-info {
-  border-color: var(--ls-border-color);
-}
-
-.language-switch-count {
-  color: var(--ls-text-muted);
-}
-
-html.dark .language-switch-trigger {
-  background: var(--bg-secondary);
-  border-color: var(--border-color);
-  color: var(--text-primary);
-}
-
-html.dark .language-switch-trigger:hover {
-  background: var(--border-color);
-}
-
-html.dark .language-switch-dropdown {
-  background: var(--bg-secondary);
-  border-color: var(--border-color);
-}
-
-html.dark .language-switch-option:hover {
-  background: var(--border-color);
-}
-
-html.dark .language-switch-option.active {
-  background: var(--border-color);
-  color: var(--text-primary);
-}
 `;
-const triggerClasses = 'language-switch-trigger px-4 py-2 border rounded-md flex items-center gap-2 text-sm font-medium focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors';
-const dropdownClasses = 'language-switch-dropdown absolute top-full mt-1 w-96 md:w-2xl lg:w-3xl max-h-96 overflow-y-auto border rounded-md shadow-lg z-50';
 const optionActiveClasses = 'language-switch-option active font-semibold';
 const optionInactiveClasses = 'language-switch-option';
 const LanguageSwitch = props => {
@@ -127,11 +93,11 @@ const LanguageSwitch = props => {
     return (react_1.default.createElement("div", { className: "language-switch-container relative inline-block" },
         react_1.default.createElement("style", null, style),
         react_1.default.createElement("input", { id: "language-switch-toggle", type: "checkbox", className: "hidden", "aria-hidden": "true" }),
-        react_1.default.createElement("label", { htmlFor: "language-switch-toggle", className: triggerClasses, "aria-label": `Language switcher. Current language: ${currentLangName}`, "aria-haspopup": "true", "aria-expanded": "false", "aria-controls": "language-dropdown" },
+        react_1.default.createElement("label", { htmlFor: "language-switch-toggle", className: 'language-switch-trigger px-4 py-2 border rounded-md flex items-center gap-2 text-sm font-medium focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors', "aria-label": `Language switcher. Current language: ${currentLangName}`, "aria-haspopup": "true", "aria-expanded": "false", "aria-controls": "language-dropdown" },
             react_1.default.createElement("span", { className: "text-sm font-medium" }, currentLangName),
             react_1.default.createElement("svg", { className: "language-switch-icon w-4 h-4 transition-transform", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true" },
                 react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }))),
-        react_1.default.createElement("div", { id: "language-dropdown", className: dropdownClasses, role: "menu", "aria-label": "Available languages" },
+        react_1.default.createElement("div", { id: "language-dropdown", className: 'language-switch-dropdown absolute top-full mt-1 w-96 md:w-2xl lg:w-3xl max-h-96 overflow-y-auto border rounded-md shadow-lg z-50', role: "menu", "aria-label": "Available languages" },
             react_1.default.createElement("div", { className: "p-4" },
                 react_1.default.createElement("div", { className: "language-switch-grid grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-2" }, languages.map(lang => {
                     const langName = languages_1.LANGUAGE_NAMES[lang] || lang;

package/dist/ssg/style.js

@@ -64,12 +64,8 @@ html:not(.dark) body {
 
        .sidebar {
          background: var(--sidebar-bg);
-         border-right: 1px solid var(--border-color);
-         padding: 2rem 1rem;
-       }
-
-       .sidebar-right {
-         background: var(--sidebar-bg);
+         border-color: var(--border-color);
+         border-bottom: 1px solid var(--border-color);
          padding: 2rem 1rem;
        }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "czon",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "CZON - AI enhanced Markdown content engine",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",