@nextsparkjs/core 0.1.0-beta.27 → 0.1.0-beta.28

package/dist/components/docs/docs-sidebar.d.ts

@@ -2,6 +2,12 @@ import type { DocSectionMeta } from '@nextsparkjs/registries/docs-registry';
 interface DocsSidebarProps {
     sections: DocSectionMeta[];
 }
+/**
+ * Simplified Docs Sidebar
+ *
+ * Only shows public documentation (no plugins, no categories).
+ * Structure: /docs/[section]/[page]
+ */
 export declare function DocsSidebar({ sections }: DocsSidebarProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=docs-sidebar.d.ts.map

package/dist/components/docs/docs-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"docs-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/docs/docs-sidebar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAA;AAK3E,UAAU,gBAAgB;IACxB,QAAQ,EAAE,cAAc,EAAE,CAAA;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA4azD"}
+{"version":3,"file":"docs-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/docs/docs-sidebar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAA;AAK3E,UAAU,gBAAgB;IACxB,QAAQ,EAAE,cAAc,EAAE,CAAA;CAC3B;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAqMzD"}

package/dist/components/docs/docs-sidebar.js

@@ -3,56 +3,28 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { cn } from "../../lib/utils";
-import { ChevronRight, FileText, Folder, BookOpen, Palette, Puzzle, Search, X } from "lucide-react";
+import { ChevronRight, FileText, Folder, BookOpen, Search, X } from "lucide-react";
 import { useState } from "react";
 import { useTranslations } from "next-intl";
 import { Input } from "../ui/input";
 import { THEME_REGISTRY } from "@nextsparkjs/registries/theme-registry";
 function DocsSidebar({ sections }) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b;
   const pathname = usePathname();
   const t = useTranslations("docs");
-  const getActiveElements = () => {
+  const getActiveSection = () => {
     const parts = pathname.split("/").filter(Boolean);
-    if (parts[0] !== "docs" || parts.length < 3) {
-      return { category: null, section: null, plugin: null };
+    if (parts[0] === "docs" && parts.length >= 2) {
+      return parts[1];
     }
-    const category = parts[1];
-    if (category === "plugins" && parts.length >= 5) {
-      return {
-        category: "plugins",
-        plugin: parts[2],
-        section: parts[3]
-      };
-    } else if (parts.length >= 4) {
-      return {
-        category,
-        section: parts[2],
-        plugin: null
-      };
-    }
-    return { category: null, section: null, plugin: null };
+    return null;
   };
-  const activeElements = getActiveElements();
+  const activeSection = getActiveSection();
   const activeTheme = process.env.NEXT_PUBLIC_ACTIVE_THEME || "default";
   const themeAppConfig = (_a = THEME_REGISTRY[activeTheme]) == null ? void 0 : _a.appConfig;
-  const themeConfig = ((_b = themeAppConfig == null ? void 0 : themeAppConfig.docs) == null ? void 0 : _b.theme) ?? { enabled: true, open: false, label: "Theme" };
-  const pluginsConfig = ((_c = themeAppConfig == null ? void 0 : themeAppConfig.docs) == null ? void 0 : _c.plugins) ?? { enabled: true, open: false, label: "Plugins" };
-  const coreConfig = ((_d = themeAppConfig == null ? void 0 : themeAppConfig.docs) == null ? void 0 : _d.core) ?? { enabled: true, open: false, label: "Core" };
+  const publicConfig = ((_b = themeAppConfig == null ? void 0 : themeAppConfig.docs) == null ? void 0 : _b.public) ?? { enabled: true, open: true, label: "Documentation" };
   const [expandedSections, setExpandedSections] = useState(() => {
-    return activeElements.section ? /* @__PURE__ */ new Set([activeElements.section]) : /* @__PURE__ */ new Set();
-  });
-  const [expandedCategories, setExpandedCategories] = useState(() => {
-    const expanded = /* @__PURE__ */ new Set();
-    if (activeElements.category) {
-      expanded.add(activeElements.category);
-    }
-    if (!activeElements.category) {
-      if (themeConfig.open) expanded.add("theme");
-      if (pluginsConfig.open) expanded.add("plugins");
-      if (coreConfig.open) expanded.add("core");
-    }
-    return expanded;
+    return activeSection ? /* @__PURE__ */ new Set([activeSection]) : /* @__PURE__ */ new Set();
   });
   const [searchQuery, setSearchQuery] = useState("");
   const filterSections = (sections2) => {
@@ -81,210 +53,16 @@ function DocsSidebar({ sections }) {
     }
     setExpandedSections(newExpanded);
   };
-  const toggleCategory = (category) => {
-    const newExpanded = new Set(expandedCategories);
-    if (newExpanded.has(category)) {
-      newExpanded.delete(category);
-    } else {
-      newExpanded.add(category);
-    }
-    setExpandedCategories(newExpanded);
-  };
   const handleKeyDown = (e, slug) => {
     if (e.key === "Enter" || e.key === " ") {
       e.preventDefault();
       toggleSection(slug);
     }
   };
-  const handleCategoryKeyDown = (e, category) => {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      toggleCategory(category);
-    }
-  };
-  const coreSections = filterSections(sections.filter((s) => s.source === "core"));
-  const themeSections = filterSections(sections.filter((s) => s.source === "theme"));
-  const pluginSections = filterSections(sections.filter((s) => s.source === "plugin"));
-  const isProduction = process.env.NODE_ENV === "production";
-  const showPluginsDocsInProd = ((_e = themeAppConfig == null ? void 0 : themeAppConfig.docs) == null ? void 0 : _e.showPluginsDocsInProd) ?? false;
-  const finalPluginsEnabled = pluginsConfig.enabled && (!isProduction || showPluginsDocsInProd);
-  const visibleCoreSections = coreConfig.enabled ? coreSections : [];
-  const visibleThemeSections = themeConfig.enabled ? themeSections : [];
-  const visiblePluginSections = finalPluginsEnabled ? pluginSections : [];
-  const pluginsByName = visiblePluginSections.reduce((acc, section) => {
-    if (!section.pluginName) return acc;
-    if (!acc[section.pluginName]) {
-      acc[section.pluginName] = [];
-    }
-    acc[section.pluginName].push(section);
-    return acc;
-  }, {});
-  const [expandedPlugins, setExpandedPlugins] = useState(() => {
-    return activeElements.plugin ? /* @__PURE__ */ new Set([activeElements.plugin]) : /* @__PURE__ */ new Set();
-  });
-  const togglePlugin = (pluginName) => {
-    const newExpanded = new Set(expandedPlugins);
-    if (newExpanded.has(pluginName)) {
-      newExpanded.delete(pluginName);
-    } else {
-      newExpanded.add(pluginName);
-    }
-    setExpandedPlugins(newExpanded);
-  };
-  const handlePluginKeyDown = (e, pluginName) => {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      togglePlugin(pluginName);
-    }
-  };
-  const renderSections = (categorySections, category, pluginName) => {
-    return categorySections.map((section) => {
-      const isExpanded = searchQuery.trim() ? true : expandedSections.has(section.slug);
-      const isActive = activeElements.section === section.slug;
-      return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            onClick: () => toggleSection(section.slug),
-            onKeyDown: (e) => handleKeyDown(e, section.slug),
-            className: cn(
-              "flex items-center w-full text-left px-2 py-1.5 rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-              isActive ? "bg-primary/10 text-primary font-semibold hover:bg-primary/15" : "hover:bg-accent"
-            ),
-            "aria-expanded": isExpanded,
-            "aria-controls": `section-${section.slug}`,
-            "data-cy": `docs-section-toggle-${section.slug}`,
-            children: [
-              /* @__PURE__ */ jsx(
-                ChevronRight,
-                {
-                  className: cn(
-                    "h-4 w-4 mr-1 transition-transform",
-                    isExpanded && "rotate-90"
-                  ),
-                  "aria-hidden": "true"
-                }
-              ),
-              /* @__PURE__ */ jsx(Folder, { className: cn(
-                "h-4 w-4 mr-2",
-                isActive && "text-primary"
-              ), "aria-hidden": "true" }),
-              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium flex-1", children: section.title })
-            ]
-          }
-        ),
-        isExpanded && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "ml-6 space-y-0.5",
-            id: `section-${section.slug}`,
-            "data-cy": `docs-section-pages-${section.slug}`,
-            children: section.pages.map((page) => {
-              const href = pluginName ? `/docs/plugins/${pluginName}/${section.slug}/${page.slug}` : `/docs/${category}/${section.slug}/${page.slug}`;
-              const isActive2 = pathname === href;
-              return /* @__PURE__ */ jsxs(
-                Link,
-                {
-                  href,
-                  className: cn(
-                    "flex items-center px-2 py-1.5 rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                    isActive2 ? "bg-accent text-accent-foreground font-medium" : "hover:bg-accent/50"
-                  ),
-                  "aria-current": isActive2 ? "page" : void 0,
-                  "data-cy": `docs-page-link-${page.slug}`,
-                  children: [
-                    /* @__PURE__ */ jsx(FileText, { className: "h-3.5 w-3.5 mr-2", "aria-hidden": "true" }),
-                    /* @__PURE__ */ jsx("span", { children: page.title })
-                  ]
-                },
-                page.slug
-              );
-            })
-          }
-        )
-      ] }, section.slug);
-    });
-  };
-  const renderPluginSections = (pluginName, pluginSections2) => {
-    const isPluginExpanded = searchQuery.trim() ? true : expandedPlugins.has(pluginName);
-    const isPluginActive = activeElements.plugin === pluginName;
-    const pluginDisplayName = pluginName.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
-    return /* @__PURE__ */ jsxs("div", { className: "mb-3", children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: () => togglePlugin(pluginName),
-          onKeyDown: (e) => handlePluginKeyDown(e, pluginName),
-          className: cn(
-            "flex items-center w-full text-left px-2 py-1.5 rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-            isPluginActive ? "bg-purple-500/10 text-purple-700 dark:text-purple-400 font-semibold hover:bg-purple-500/15" : "hover:bg-accent"
-          ),
-          "aria-expanded": isPluginExpanded,
-          "data-cy": `docs-plugin-toggle-${pluginName}`,
-          children: [
-            /* @__PURE__ */ jsx(
-              ChevronRight,
-              {
-                className: cn(
-                  "h-4 w-4 mr-1 transition-transform",
-                  isPluginExpanded && "rotate-90"
-                ),
-                "aria-hidden": "true"
-              }
-            ),
-            /* @__PURE__ */ jsx(Puzzle, { className: cn(
-              "h-4 w-4 mr-2",
-              isPluginActive ? "text-purple-700 dark:text-purple-400" : "text-purple-600 dark:text-purple-400"
-            ), "aria-hidden": "true" }),
-            /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium", children: [
-              pluginDisplayName,
-              " Plugin"
-            ] })
-          ]
-        }
-      ),
-      isPluginExpanded && /* @__PURE__ */ jsx("div", { className: "ml-4 mt-1 space-y-1", children: renderSections(pluginSections2, "core", pluginName) })
-    ] }, pluginName);
-  };
-  const renderCategory = (category, categorySections, icon, label) => {
-    const isExpanded = searchQuery.trim() ? true : expandedCategories.has(category);
-    const isCategoryActive = activeElements.category === category;
-    return /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: () => toggleCategory(category),
-          onKeyDown: (e) => handleCategoryKeyDown(e, category),
-          className: cn(
-            "flex items-center w-full text-left px-2 py-2 mb-2 rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-            isCategoryActive ? "bg-accent text-accent-foreground hover:bg-accent" : "hover:bg-accent/50"
-          ),
-          "aria-expanded": isExpanded,
-          "data-cy": `docs-category-toggle-${category}`,
-          children: [
-            /* @__PURE__ */ jsx(
-              ChevronRight,
-              {
-                className: cn(
-                  "h-4 w-4 mr-2 transition-transform",
-                  isExpanded && "rotate-90"
-                ),
-                "aria-hidden": "true"
-              }
-            ),
-            icon,
-            /* @__PURE__ */ jsx("span", { className: cn(
-              "text-sm font-semibold",
-              isCategoryActive && "font-bold"
-            ), children: label })
-          ]
-        }
-      ),
-      isExpanded && /* @__PURE__ */ jsx("div", { className: "ml-2 space-y-1", children: category === "plugins" ? Object.keys(pluginsByName).length > 0 ? Object.entries(pluginsByName).map(
-        ([pluginName, pluginSections2]) => renderPluginSections(pluginName, pluginSections2)
-      ) : /* @__PURE__ */ jsx("p", { className: "px-2 py-2 text-sm text-muted-foreground italic", children: "No documentation available" }) : categorySections.length > 0 ? renderSections(categorySections, category) : /* @__PURE__ */ jsx("p", { className: "px-2 py-2 text-sm text-muted-foreground italic", children: "No documentation available" }) })
-    ] });
-  };
+  const publicSections = filterSections(sections.filter((s) => s.source === "public"));
+  if (!publicConfig.enabled) {
+    return null;
+  }
   return /* @__PURE__ */ jsxs(
     "nav",
     {
@@ -293,7 +71,10 @@ function DocsSidebar({ sections }) {
       "data-cy": "docs-sidebar-nav",
       children: [
         /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
-          /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold mb-2", children: t("title") }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+            /* @__PURE__ */ jsx(BookOpen, { className: "h-5 w-5 text-primary" }),
+            /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: publicConfig.label })
+          ] }),
           /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4", children: t("description") }),
           /* @__PURE__ */ jsxs("div", { className: "relative", children: [
             /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
@@ -301,7 +82,7 @@ function DocsSidebar({ sections }) {
               Input,
               {
                 type: "text",
-                placeholder: "Buscar en documentaci\xF3n...",
+                placeholder: t("search.placeholder"),
                 value: searchQuery,
                 onChange: (e) => setSearchQuery(e.target.value),
                 className: "pl-9 pr-9",
@@ -313,39 +94,80 @@ function DocsSidebar({ sections }) {
               {
                 onClick: () => setSearchQuery(""),
                 className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors",
-                "aria-label": "Limpiar b\xFAsqueda",
+                "aria-label": t("search.clear"),
                 "data-cy": "docs-search-clear",
                 children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
               }
             )
           ] })
         ] }),
-        searchQuery.trim() && visibleCoreSections.length === 0 && visibleThemeSections.length === 0 && visiblePluginSections.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-center py-8 px-4", children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
-          "No se encontraron resultados para ",
-          /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
-            '"',
-            searchQuery,
-            '"'
-          ] })
-        ] }) }),
-        visibleThemeSections.length > 0 && renderCategory(
-          "theme",
-          visibleThemeSections,
-          /* @__PURE__ */ jsx(Palette, { className: "h-4 w-4 mr-2", "aria-hidden": "true" }),
-          themeConfig.label
-        ),
-        visiblePluginSections.length > 0 && renderCategory(
-          "plugins",
-          visiblePluginSections,
-          /* @__PURE__ */ jsx(Puzzle, { className: "h-4 w-4 mr-2", "aria-hidden": "true" }),
-          pluginsConfig.label
-        ),
-        visibleCoreSections.length > 0 && renderCategory(
-          "core",
-          visibleCoreSections,
-          /* @__PURE__ */ jsx(BookOpen, { className: "h-4 w-4 mr-2", "aria-hidden": "true" }),
-          coreConfig.label
-        )
+        searchQuery.trim() && publicSections.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-center py-8 px-4", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("search.noResults", { query: searchQuery }) }) }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: publicSections.map((section) => {
+          const isExpanded = searchQuery.trim() ? true : expandedSections.has(section.slug);
+          const isActive = activeSection === section.slug;
+          return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => toggleSection(section.slug),
+                onKeyDown: (e) => handleKeyDown(e, section.slug),
+                className: cn(
+                  "flex items-center w-full text-left px-2 py-1.5 rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  isActive ? "bg-primary/10 text-primary font-semibold hover:bg-primary/15" : "hover:bg-accent"
+                ),
+                "aria-expanded": isExpanded,
+                "aria-controls": `section-${section.slug}`,
+                "data-cy": `docs-section-toggle-${section.slug}`,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    ChevronRight,
+                    {
+                      className: cn(
+                        "h-4 w-4 mr-1 transition-transform",
+                        isExpanded && "rotate-90"
+                      ),
+                      "aria-hidden": "true"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Folder, { className: cn(
+                    "h-4 w-4 mr-2",
+                    isActive && "text-primary"
+                  ), "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium flex-1", children: section.title })
+                ]
+              }
+            ),
+            isExpanded && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "ml-6 space-y-0.5",
+                id: `section-${section.slug}`,
+                "data-cy": `docs-section-pages-${section.slug}`,
+                children: section.pages.map((page) => {
+                  const href = `/docs/${section.slug}/${page.slug}`;
+                  const isPageActive = pathname === href;
+                  return /* @__PURE__ */ jsxs(
+                    Link,
+                    {
+                      href,
+                      className: cn(
+                        "flex items-center px-2 py-1.5 rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                        isPageActive ? "bg-accent text-accent-foreground font-medium" : "hover:bg-accent/50"
+                      ),
+                      "aria-current": isPageActive ? "page" : void 0,
+                      "data-cy": `docs-page-link-${page.slug}`,
+                      children: [
+                        /* @__PURE__ */ jsx(FileText, { className: "h-3.5 w-3.5 mr-2", "aria-hidden": "true" }),
+                        /* @__PURE__ */ jsx("span", { children: page.title })
+                      ]
+                    },
+                    page.slug
+                  );
+                })
+              }
+            )
+          ] }, section.slug);
+        }) })
       ]
     }
   );

package/dist/components/docs/index.d.ts

@@ -5,6 +5,7 @@
  */
 export { DocsLayout } from './docs-layout';
 export { DocsSidebar } from './docs-sidebar';
+export { SuperadminDocsSidebar } from './superadmin-docs-sidebar';
 export { DocsBreadcrumbs } from './docs-breadcrumbs';
 export { DocsContent } from './docs-content';
 export type { BreadcrumbItem } from './docs-breadcrumbs';

package/dist/components/docs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/docs/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGpD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/docs/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGpD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/components/docs/index.js

@@ -1,10 +1,12 @@
 import { DocsLayout } from "./docs-layout";
 import { DocsSidebar } from "./docs-sidebar";
+import { SuperadminDocsSidebar } from "./superadmin-docs-sidebar";
 import { DocsBreadcrumbs } from "./docs-breadcrumbs";
 import { DocsContent } from "./docs-content";
 export {
   DocsBreadcrumbs,
   DocsContent,
   DocsLayout,
-  DocsSidebar
+  DocsSidebar,
+  SuperadminDocsSidebar
 };

package/dist/components/docs/superadmin-docs-sidebar.d.ts

@@ -0,0 +1,7 @@
+import type { DocSectionMeta } from '@nextsparkjs/registries/docs-registry';
+interface SuperadminDocsSidebarProps {
+    sections: DocSectionMeta[];
+}
+export declare function SuperadminDocsSidebar({ sections }: SuperadminDocsSidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=superadmin-docs-sidebar.d.ts.map

package/dist/components/docs/superadmin-docs-sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"superadmin-docs-sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/docs/superadmin-docs-sidebar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAA;AAE3E,UAAU,0BAA0B;IAClC,QAAQ,EAAE,cAAc,EAAE,CAAA;CAC3B;AAED,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE,0BAA0B,2CA0H7E"}

package/dist/components/docs/superadmin-docs-sidebar.js

@@ -0,0 +1,122 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { cn } from "../../lib/utils";
+import { ChevronRight, FileText, Folder, Shield } from "lucide-react";
+import { useState } from "react";
+function SuperadminDocsSidebar({ sections }) {
+  const pathname = usePathname();
+  const getActiveSection = () => {
+    const parts = pathname.split("/").filter(Boolean);
+    if (parts[0] === "superadmin" && parts[1] === "docs" && parts.length >= 3) {
+      return parts[2];
+    }
+    return null;
+  };
+  const activeSection = getActiveSection();
+  const [expandedSections, setExpandedSections] = useState(() => {
+    return activeSection ? /* @__PURE__ */ new Set([activeSection]) : /* @__PURE__ */ new Set();
+  });
+  const toggleSection = (slug) => {
+    const newExpanded = new Set(expandedSections);
+    if (newExpanded.has(slug)) {
+      newExpanded.delete(slug);
+    } else {
+      newExpanded.add(slug);
+    }
+    setExpandedSections(newExpanded);
+  };
+  const handleKeyDown = (e, slug) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      toggleSection(slug);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      className: "h-full overflow-y-auto p-4",
+      "aria-label": "Admin documentation navigation",
+      "data-cy": "superadmin-docs-sidebar",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+            /* @__PURE__ */ jsx(Shield, { className: "h-5 w-5 text-red-600" }),
+            /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Admin Docs" })
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Documentation for administrators" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: sections.map((section) => {
+          const isExpanded = expandedSections.has(section.slug);
+          const isActive = activeSection === section.slug;
+          return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => toggleSection(section.slug),
+                onKeyDown: (e) => handleKeyDown(e, section.slug),
+                className: cn(
+                  "flex items-center w-full text-left px-2 py-1.5 rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  isActive ? "bg-red-500/10 text-red-700 dark:text-red-400 font-semibold hover:bg-red-500/15" : "hover:bg-accent"
+                ),
+                "aria-expanded": isExpanded,
+                "aria-controls": `section-${section.slug}`,
+                "data-cy": `superadmin-docs-section-${section.slug}`,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    ChevronRight,
+                    {
+                      className: cn(
+                        "h-4 w-4 mr-1 transition-transform",
+                        isExpanded && "rotate-90"
+                      ),
+                      "aria-hidden": "true"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Folder, { className: cn(
+                    "h-4 w-4 mr-2",
+                    isActive ? "text-red-600 dark:text-red-400" : "text-muted-foreground"
+                  ), "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium flex-1", children: section.title })
+                ]
+              }
+            ),
+            isExpanded && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "ml-6 space-y-0.5",
+                id: `section-${section.slug}`,
+                "data-cy": `superadmin-docs-pages-${section.slug}`,
+                children: section.pages.map((page) => {
+                  const href = `/superadmin/docs/${section.slug}/${page.slug}`;
+                  const isPageActive = pathname === href;
+                  return /* @__PURE__ */ jsxs(
+                    Link,
+                    {
+                      href,
+                      className: cn(
+                        "flex items-center px-2 py-1.5 rounded-md text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                        isPageActive ? "bg-accent text-accent-foreground font-medium" : "hover:bg-accent/50"
+                      ),
+                      "aria-current": isPageActive ? "page" : void 0,
+                      "data-cy": `superadmin-docs-page-${page.slug}`,
+                      children: [
+                        /* @__PURE__ */ jsx(FileText, { className: "h-3.5 w-3.5 mr-2", "aria-hidden": "true" }),
+                        /* @__PURE__ */ jsx("span", { children: page.title })
+                      ]
+                    },
+                    page.slug
+                  );
+                })
+              }
+            )
+          ] }, section.slug);
+        }) })
+      ]
+    }
+  );
+}
+export {
+  SuperadminDocsSidebar
+};

package/dist/components/superadmin/layouts/SuperadminSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SuperadminSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/superadmin/layouts/SuperadminSidebar.tsx"],"names":[],"mappings":"AA8BA;;;;;GAKG;AACH,wBAAgB,iBAAiB,4CAgMhC"}
+{"version":3,"file":"SuperadminSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/superadmin/layouts/SuperadminSidebar.tsx"],"names":[],"mappings":"AA+BA;;;;;GAKG;AACH,wBAAgB,iBAAiB,4CAuMhC"}

package/dist/components/superadmin/layouts/SuperadminSidebar.js

@@ -12,7 +12,8 @@ import {
   ArrowLeft,
   ChevronLeft,
   ChevronRight,
-  CreditCard
+  CreditCard,
+  FileText
 } from "lucide-react";
 import { cn } from "../../../lib/utils";
 import { Button } from "../../ui/button";
@@ -50,6 +51,13 @@ function SuperadminSidebar() {
       description: "View roles & permissions matrix",
       selectorKey: "teamRoles"
     },
+    {
+      title: "Documentation",
+      href: "/superadmin/docs",
+      icon: FileText,
+      description: "Admin guides and references",
+      selectorKey: "docs"
+    },
     {
       title: "Subscriptions",
       href: "/superadmin/subscriptions",