@cdmbase/wiki-browser 12.0.18-alpha.22 → 12.0.18-alpha.24

package/lib/components/HeroSection.d.ts

@@ -0,0 +1,5 @@
+import { Category } from '../utils/markdownLoader';
+export declare const HeroSection: React.FC<{
+    categories: Category[];
+}>;
+//# sourceMappingURL=HeroSection.d.ts.map

package/lib/components/HeroSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroSection.d.ts","sourceRoot":"","sources":["../../src/components/HeroSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,UAAU,EAAE,QAAQ,EAAE,CAAA;CAAE,CAqD5D,CAAC"}

package/lib/components/HeroSection.js

@@ -0,0 +1,57 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {Link}from'@remix-run/react';import {SearchInput}from'./landing/SearchInput.js';const HeroSection = ({
+  categories
+}) => {
+  return jsxs("div", {
+    className: "relative overflow-hidden  bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50 dark:from-gray-900 dark:via-gray-800 dark:to-gray-900 mb-16 p-8 md:p-12 lg:p-16",
+    children: [jsxs("div", {
+      className: "relative z-10 max-w-4xl mx-auto text-center",
+      children: [jsxs("div", {
+        className: "flex items-center justify-center gap-3 mb-6",
+        children: [jsx("div", {
+          className: "p-2 bg-blue-500/10 dark:bg-blue-400/20 rounded-lg",
+          children: jsx("svg", {
+            className: "w-6 h-6 text-blue-600 dark:text-blue-400",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            children: jsx("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+            })
+          })
+        }), jsx("span", {
+          className: "text-sm font-medium text-blue-600 dark:text-blue-400 uppercase tracking-wide",
+          children: "CDEBase Wiki"
+        })]
+      }), jsx("h1", {
+        className: "text-5xl md:text-6xl lg:text-7xl font-bold text-gray-900 dark:text-white mb-6 leading-tight",
+        children: "How can we help?"
+      }), jsx("p", {
+        className: "text-xl md:text-2xl text-gray-600 dark:text-gray-300 max-w-2xl mx-auto leading-relaxed mb-10",
+        children: "Get answers to all things CDEBase Wiki. Find documentation, guides, and answers to your questions."
+      }), jsx("div", {
+        className: "max-w-3xl mx-auto mb-8",
+        children: jsx(SearchInput, {
+          placeholder: "Search help center...",
+          className: "w-full"
+        })
+      }), jsxs("div", {
+        className: "flex flex-wrap items-center justify-center gap-3",
+        children: [jsx("span", {
+          className: "text-sm font-medium text-gray-600 dark:text-gray-400",
+          children: "Popular:"
+        }), categories.slice(0, 4).map(category => jsx(Link, {
+          to: `/help/${category.id}`,
+          className: "px-4 py-2 bg-white/80 dark:bg-gray-800/80 backdrop-blur-sm text-sm font-medium text-gray-700 dark:text-gray-300 rounded-full border border-gray-200/60 dark:border-gray-700/60 hover:bg-white dark:hover:bg-gray-800 hover:border-blue-400/60 dark:hover:border-blue-500/60 transition-all duration-200",
+          children: category.title
+        }, category.id))]
+      })]
+    }), jsx("div", {
+      className: "absolute top-0 right-0 -mt-4 -mr-4 w-64 h-64 bg-blue-200/20 dark:bg-blue-500/10 rounded-full blur-3xl"
+    }), jsx("div", {
+      className: "absolute bottom-0 left-0 -mb-4 -ml-4 w-64 h-64 bg-purple-200/20 dark:bg-purple-500/10 rounded-full blur-3xl"
+    })]
+  });
+};export{HeroSection};//# sourceMappingURL=HeroSection.js.map

package/lib/components/HeroSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroSection.js","sources":["../../src/components/HeroSection.tsx"],"sourcesContent":[null],"names":[],"mappings":"sIAIa,WAAW,GAAyC,CAAC;AAC9D,EAAA;AAoDJ,CAAC,KAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/compute.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../src/compute.ts"],"names":[],"mappings":"AA8HA,QAAA,MAAM,cAAc,0CAAkC,CAAC;AACvD,QAAA,MAAM,aAAa,0CAAiC,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../src/compute.ts"],"names":[],"mappings":"AAmIA,QAAA,MAAM,cAAc,0CAAkC,CAAC;AACvD,QAAA,MAAM,aAAa,0CAAiC,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}

package/lib/compute.js

@@ -20,7 +20,9 @@ const generateRoutesFromCategories = categories => {
       name: category.title,
       key: `docs.${category.id}`,
       path: `${config.LAYOUT_ROOT}/help/${category.id}`,
-      auth: true,
+      // auth: true,
+      auth: false,
+      // Temporarily set to false for testing - adjust as needed
       position: IMenuPosition.Lower,
       exact: true,
       priority: priorityCounter++
@@ -31,7 +33,9 @@ const generateRoutesFromCategories = categories => {
         name: article.title,
         key: `docs.${category.id}.${article.slug}`,
         path: `${config.LAYOUT_ROOT}/help/${category.id}/${article.slug}`,
-        auth: true,
+        // auth: true,
+        auth: false,
+        // Temporarily set to false for testing - adjust as needed
         position: IMenuPosition.Lower,
         exact: true,
         priority: index + 1
@@ -42,7 +46,7 @@ const generateRoutesFromCategories = categories => {
 };
 // Get categories from markdownLoader
 const categories = getAllCategoriesMetadata();
-const dynamicRoutes = generateRoutesFromCategories(categories);
+generateRoutesFromCategories(categories);
 const wikiDocsPage = [{
   name: 'Verify User',
   key: 'verify-user',
@@ -81,7 +85,9 @@ const wikiDocsPage = [{
   name: 'Help Category',
   key: 'docs.help.category',
   path: `${config.LAYOUT_ROOT}${browseWikikRoutes.HELP_CATEGORY}`,
-  auth: true,
+  // auth: true,
+  auth: false,
+  // Temporarily set to false for testing - adjust as needed
   position: IMenuPosition.Lower,
   exact: true,
   hideInMenu: true,
@@ -92,28 +98,32 @@ const wikiDocsPage = [{
   name: 'Help Article',
   key: 'docs.help',
   path: `${config.LAYOUT_ROOT}${browseWikikRoutes.HELP_ARTICLE}`,
-  auth: true,
+  // auth: true,
+  auth: false,
+  // Temporarily set to false for testing - adjust as needed
   position: IMenuPosition.Lower,
   exact: true,
   hideInMenu: true,
   priority: 1,
-  componentPath: "@cdmbase/wiki-browser/lib/pages/ArticlePage/index.js",
+  componentPath: "@cdmbase/wiki-browser/lib/pages/Markdown/index.js",
   hasComponent: true
 }, {
   name: 'Help Center',
   key: 'docs.help.center',
   path: `${config.LAYOUT_ROOT}${browseWikikRoutes.HELP_CENTER}`,
-  auth: true,
+  // auth: true,
+  auth: false,
+  // Temporarily set to false for testing - adjust as needed
   position: IMenuPosition.Lower,
-  exact: false,
-  // Allow nested routes
+  exact: true,
   hideInMenu: true,
-  componentPath: "@cdmbase/wiki-browser/lib/pages/Help/index.js",
+  componentPath: "@cdmbase/wiki-browser/lib/pages/Help/HelpPage.js",
   hasComponent: true
-},
+}
 // Dynamically generated routes from categoryMetadata
 // Article routes are generated first (more specific), then category routes (less specific)
-...dynamicRoutes];
+// ...dynamicRoutes,
+];
 // get only selected Routes to work
 const filteredRoutes = getFilteredRoutes(wikiDocsPage);
 getFilteredMenus(wikiDocsPage);

package/lib/compute.js.map

@@ -1 +1 @@
-{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/pages/CategoryCollection/CategoryCollection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryCollection.d.ts","sourceRoot":"","sources":["../../../src/pages/CategoryCollection/CategoryCollection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAmGnC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"CategoryCollection.d.ts","sourceRoot":"","sources":["../../../src/pages/CategoryCollection/CategoryCollection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EA0GnC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/lib/pages/CategoryCollection/CategoryCollection.js

@@ -1,4 +1,5 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useParams,Link}from'@remix-run/react';import {cn}from'../../utils/index.js';import {getCategoryById}from'../../utils/markdownLoader.js';const CategoryCollectionPage = () => {
+import {jsx,jsxs}from'react/jsx-runtime';import {useParams,Link}from'@remix-run/react';import {cn}from'../../utils/index.js';import {getCategoryById,getAllCategoriesMetadata}from'../../utils/markdownLoader.js';import {HeroSection}from'../../components/HeroSection.js';const CategoryCollectionPage = () => {
+  const categories = getAllCategoriesMetadata();
   const {
     categoryId
   } = useParams();
@@ -21,8 +22,10 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useParams,Link}from'@remix-run/
   }
   return jsxs("div", {
     className: "min-h-screen bg-background text-foreground",
-    children: [jsx("div", {
-      className: "relative overflow-hidden"
+    children: [jsx(HeroSection, {
+      categories: categories
+    }), jsx("div", {
+      className: "w-full"
     }), jsx("div", {
       className: "container mx-auto px-16 pt-8",
       children: jsxs("nav", {
@@ -68,7 +71,12 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useParams,Link}from'@remix-run/
           })]
         })
       }), jsx("div", {
-        className: "space-y-4",
+        className: "space-y-4 mx-auto max-w-7xl",
+        style: {
+          display: 'grid',
+          gridTemplateColumns: 'repeat(3, 1fr)',
+          gap: '1rem'
+        },
         children: category.articles.map(article => jsxs(Link, {
           to: `/help/${categoryId}/${article.slug}`,
           className: cn('group flex cursor-pointer items-center justify-between rounded-lg border border-border bg-card p-6 transition-all hover:border-primary/50 hover:bg-primary/5'),

package/lib/pages/CategoryCollection/CategoryCollection.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryCollection.js","sources":["../../../src/pages/CategoryCollection/CategoryCollection.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"yLAOM,MAAA,sBAAsB,GAAa,MAAK;AAC1C,EAAA,MAAA;AAEA,IAAA;AAEA,GAAA,GAAA,SAAkB,EAAA;QACd,QAA4D,GAAA,UAAA,GAAA,eAAA,CAAA,UAAA,CAAA,GAAA,IAAA;MAsB/D,CAAA,QAAA,EAAA;IAED,OAAOA,GACE,CAAA,KAAA,EAAA;AAoEb,MAAE,SAAA,EAAA,4CAAA;AAEF,MAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CategoryCollection.js","sources":["../../../src/pages/CategoryCollection/CategoryCollection.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"4QAQM,MAAA,sBAAsB,GAAa,MAAK;AAC1C,EAAA,MAAA,UAAgB,GAAA,wBAA2B,EAAA;AAC3C,EAAA,MAAA;AAEA,IAAA;AAEA,GAAA,GAAA,SAAkB,EAAA;QACd,QAA4D,GAAA,UAAA,GAAA,eAAA,CAAA,UAAA,CAAA,GAAA,IAAA;MAsB/D,CAAA,QAAA,EAAA;AAED,IAAA,OAAOA,GACH,CAAA,KAAA,EAAA;AAuCgB,MAAA,SAAA,EAAA,4CAAe;AACf,MAAA,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA;AACA,QAAA,SAAA,EAAA,+BAAW;2BAGd,EAAA;AA8BrB,UAAE,SAAA,EAAA,oBAAA;AAEF,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/Help/{HelpIndex.d.ts → HelpPage.d.ts}

@@ -1,4 +1,4 @@
 import React from 'react';
 declare const HelpIndexPage: React.FC;
 export default HelpIndexPage;
-//# sourceMappingURL=HelpIndex.d.ts.map
+//# sourceMappingURL=HelpPage.d.ts.map

package/lib/pages/Help/HelpPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpPage.d.ts","sourceRoot":"","sources":["../../../src/pages/Help/HelpPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAqF1B,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/pages/Help/HelpPage.js

@@ -0,0 +1,70 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {Link}from'@remix-run/react';import {getAllCategoriesMetadata}from'../../utils/markdownLoader.js';import {cn}from'../../utils/index.js';import {CategoryIcon}from'../icons.js';import {HeroSection}from'../../components/HeroSection.js';const HelpIndexPage = () => {
+  const categories = getAllCategoriesMetadata();
+  return jsx("div", {
+    className: "min-h-screen bg-gray-50 dark:bg-gray-900",
+    children: jsxs("div", {
+      className: "w-full",
+      children: [jsx(HeroSection, {
+        categories: categories
+      }), jsx("div", {
+        className: "grid mx-auto max-w-7xl grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",
+        children: categories.map((category, index) => jsxs(Link, {
+          to: `/help/${category.id}`,
+          className: cn('group relative rounded-xl border border-gray-200/60 dark:border-gray-700/60', 'bg-white/80 dark:bg-gray-800/80 backdrop-blur-sm', 'p-6 transition-all duration-300 ease-out', 'hover:border-blue-400/60 dark:hover:border-blue-500/60', 'hover:bg-white dark:hover:bg-gray-800', 'hover:shadow-xl hover:shadow-blue-500/10 dark:hover:shadow-blue-500/20', 'hover:-translate-y-1 cursor-pointer', 'overflow-hidden'),
+          style: {
+            animationDelay: `${index * 50}ms`
+          },
+          children: [jsx("div", {
+            className: "absolute inset-0 bg-gradient-to-br from-blue-500/0 to-purple-500/0 group-hover:from-blue-500/5 group-hover:to-purple-500/5 transition-all duration-300 rounded-xl"
+          }), jsxs("div", {
+            className: "relative z-10",
+            children: [jsxs("div", {
+              className: "flex items-start gap-4 mb-4",
+              children: [jsx("div", {
+                className: "p-3 bg-gradient-to-br from-blue-100 to-indigo-100 dark:from-blue-900/30 dark:to-indigo-900/30 rounded-lg group-hover:scale-110 transition-transform duration-300",
+                children: jsx(CategoryIcon, {
+                  categoryId: category.id
+                })
+              }), jsx("div", {
+                className: "flex-1 min-w-0",
+                children: jsx("h3", {
+                  className: "text-lg font-bold text-gray-900 dark:text-white group-hover:text-primary dark:group-hover:text-primary transition-colors mb-1 line-clamp-2",
+                  children: category.title
+                })
+              })]
+            }), jsx("p", {
+              className: "text-sm text-gray-600 dark:text-gray-400 mb-5 line-clamp-2 leading-relaxed",
+              children: category.description
+            }), jsxs("div", {
+              className: "flex items-center justify-between pt-4 border-t border-gray-100 dark:border-gray-700/50",
+              children: [jsx("div", {
+                className: "flex items-center gap-2",
+                children: jsxs("span", {
+                  className: "text-xs font-semibold text-primary dark:text-primary bg-blue-50 dark:bg-blue-900/30 px-2.5 py-1 rounded-full",
+                  children: [category.articles.length, ' ', category.articles.length === 1 ? 'article' : 'articles']
+                })
+              }), jsxs("div", {
+                className: "flex items-center text-gray-400 dark:text-gray-500 group-hover:text-primary dark:group-hover:text-primary transition-colors",
+                children: [jsx("span", {
+                  className: "text-sm font-medium mr-2 hidden group-hover:inline",
+                  children: "Explore"
+                }), jsx("svg", {
+                  className: "h-5 w-5 group-hover:translate-x-1 transition-transform duration-300",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  children: jsx("path", {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2.5,
+                    d: "M13 7l5 5m0 0l-5 5m5-5H6"
+                  })
+                })]
+              })]
+            })]
+          })]
+        }, category.id))
+      })]
+    })
+  });
+};export{HelpIndexPage as default};//# sourceMappingURL=HelpPage.js.map

package/lib/pages/Help/HelpPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpPage.js","sources":["../../../src/pages/Help/HelpPage.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"yRAQM,MAAA,aAAa,GAAa,MAAK;AACjC,EAAA,MAAA,UAAgB,GAAA,wBAA2B,EAAA;AAE3C,EAAA,OAAAA,GACI,CAAA,KAAA,EAAA;AAuBwB,IAAA,SAAA,EAAA,0CAA6B;AAChC,IAAA,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA;AAyD7B,MAAE,SAAA,EAAA,QAAA;AAEF,MAAA,QAAA,kBAA6B,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/Landing/index.js

@@ -119,7 +119,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import {Link}from'@remix-run/react';imp
           children: jsx(FeatureCard, {
             title: "Documentation",
             description: "Comprehensive guides covering everything from getting started to advanced topics. Learn about features, APIs, and best practices.",
-            href: "/docs/intro",
+            href: "/help",
             variant: "blue",
             linkText: "Explore Docs",
             icon: jsx("svg", {

package/lib/pages/Markdown/MarkdownPageLayout.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const MarkdownPageLayout: React.FC<React.PropsWithChildren>;
+//# sourceMappingURL=MarkdownPageLayout.d.ts.map

package/lib/pages/Markdown/MarkdownPageLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownPageLayout.d.ts","sourceRoot":"","sources":["../../../src/pages/Markdown/MarkdownPageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAO3D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAyShE,CAAC"}

package/lib/pages/{Help/index.js → Markdown/MarkdownPageLayout.js}

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useLocation,Outlet,Link}from'@remix-run/react';import {SidebarSearch}from'../../components/help/SidebarSearch.js';import {getDocsNavigation}from'../../utils/docsNavigation.js';import {cn}from'../../utils/index.js';import HelpIndexPage from'./HelpIndex.js';const HelpLayout = ({
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useLocation,Outlet,Link}from'@remix-run/react';import {SidebarSearch}from'../../components/help/SidebarSearch.js';import {getDocsNavigation}from'../../utils/docsNavigation.js';import {useTheme}from'@admin-layout/tailwind-ui';import {cn}from'../../utils/index.js';const MarkdownPageLayout = ({
   children
 }) => {
   const location = useLocation();
@@ -7,6 +7,11 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
   const [headings, setHeadings] = useState([]);
   const [activeHeadingId, setActiveHeadingId] = useState('');
   const observerRef = useRef(null);
+  const {
+    setMode,
+    mode
+  } = useTheme();
+  const isDark = mode === 'dark';
   // Auto-expand items that contain the active path
   useEffect(() => {
     const activePath = location.pathname;
@@ -136,7 +141,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
             e.preventDefault();
             toggleItem(itemPath);
           },
-          className: cn('flex items-center justify-between w-full px-3 py-2 text-sm rounded-md transition-colors text-left', isActive ? 'bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400 font-medium' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800'),
+          className: cn('flex items-center justify-between w-full px-3 py-2 text-sm rounded-md transition-colors text-left', isActive ? 'bg-primary/10 dark:bg-primary/20 text-primary dark:text-primary font-medium' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800'),
           style: {
             paddingLeft: `${12 + indentLevel}px`
           },
@@ -157,7 +162,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
           })]
         }) : jsx(Link, {
           to: item.path || '#',
-          className: cn('block px-3 py-2 text-sm rounded-md transition-colors', isActive ? 'bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400 font-medium' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800'),
+          className: cn('block px-3 py-2 text-sm rounded-md transition-colors', isActive ? 'bg-primary/10 dark:bg-primary/20 text-primary dark:text-primary font-medium' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800'),
           style: {
             paddingLeft: `${12 + indentLevel}px`
           },
@@ -170,41 +175,60 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
     }, itemPath);
   };
   return jsxs("div", {
-    className: "min-h-screen bg-white dark:bg-gray-900 mt-20",
+    className: "min-h-screen bg-background text-foreground mt-20",
     children: [jsx("aside", {
       className: "hidden lg:block fixed left-0 top-20 h-screen w-64 z-10",
       children: jsxs("div", {
-        className: "flex flex-col h-[calc(100vh-64px)] w-64 border-r border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-900",
-        children: [jsxs("nav", {
-          className: "flex-1 overflow-y-auto p-4 min-h-0",
-          children: [jsx("div", {
-            className: "mb-5 mt-5",
+        className: "flex flex-col h-[calc(100vh-64px)] w-64 border-r border-gray-200 dark:border-gray-800 bg-background text-foreground",
+        children: [jsx("div", {
+          className: "sticky top-0 z-20 p-4 pb-0 bg-background text-foreground ",
+          children: jsx("div", {
+            className: "mb-4",
             children: jsx(SidebarSearch, {
               placeholder: "Search..."
             })
-          }), jsx("ul", {
+          })
+        }), jsx("nav", {
+          className: "flex-1 overflow-y-auto p-4 min-h-0",
+          children: jsx("ul", {
             className: "space-y-1",
             children: navItems.map(item => renderNavItem(item))
-          })]
+          })
         }), jsx("div", {
           className: "p-4 border-t border-gray-200 dark:border-gray-800 flex-shrink-0",
-          children: jsxs("button", {
-            onClick: () => {
-              document.documentElement.classList.toggle('dark');
-            },
-            className: "flex items-center justify-center w-full px-3 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800 rounded-md transition-colors",
-            children: [jsx("svg", {
-              className: "w-5 h-5 mr-2",
-              fill: "none",
-              stroke: "currentColor",
-              viewBox: "0 0 24 24",
-              children: jsx("path", {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
+          children: jsxs("div", {
+            className: "flex items-center justify-center gap-2",
+            children: [jsx("div", {
+              className: cn('p-1.5 rounded-full transition-colors cursor-pointer', !isDark ? 'bg-gray-100 dark:bg-gray-700' : 'bg-transparent'),
+              onClick: () => setMode('light'),
+              children: jsx("svg", {
+                className: "w-4 h-4 text-gray-700 dark:text-gray-300",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: jsx("path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
+                })
+              })
+            }), jsx("div", {
+              className: cn('p-1.5 rounded-full transition-colors cursor-pointer', isDark ? 'bg-gray-100 dark:bg-gray-700' : 'bg-transparent'),
+              onClick: () => setMode('dark'),
+              children: jsx("svg", {
+                className: "w-4 h-4 text-gray-700 dark:text-gray-300",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: jsx("path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
+                })
               })
-            }), "Toggle Theme"]
+            })]
           })
         })]
       })
@@ -215,12 +239,12 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
         children: jsx("div", {
           className: "flex-1 min-w-0",
           children: jsx("div", {
-            className: "max-w-6xl mx-auto px-6 py-8",
+            className: "max-w-full mx-auto px-6 py-8",
             "data-content-area": true,
-            children: children ? children : location.pathname === '/help' || location.pathname.endsWith('/help') ? jsx(HelpIndexPage, {}) : jsx(Outlet, {})
+            children: children || jsx(Outlet, {})
           })
         })
       })
     })]
   });
-};export{HelpLayout as default};//# sourceMappingURL=index.js.map
+};export{MarkdownPageLayout};//# sourceMappingURL=MarkdownPageLayout.js.map

package/lib/pages/Markdown/MarkdownPageLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownPageLayout.js","sources":["../../../src/pages/Markdown/MarkdownPageLayout.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"4WAOa,kBAAkB,GAAsC,CAAC;AAClE,EAAA;MACM;AACN,EAAA,MAAA,QAAO,GAAA,WAAe,EAAA;QAChB,CAAA,QAAS,CAAA,GAAE,QAAW,CAAA,iBAAmE,EAAE,CAAA;QAC3F,CAAA,aAAgB,EAAA,gBAAoB,CAAA,GAAA,QAAY,CAAA,IAAA,GAAW,EAAC,CAAC;AACnE,EAAA,MAAA,CAAA,qBAA0B,CAA8B,GAAA,QAAM,CAAA,EAAA,CAAA;QACxD,CAAA,eAAW,oBAAoB,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AACrC,EAAA,MAAA,WAAe,GAAI,MAAK,MAAM;QAEmB;IACjD,OAAS;AACL,IAAA;AACA,GAAA,GAAA,QAAM,EAAW;AAEjB,EAAA,MAAA,MAAA,GAAS,IAAc,KAAA,MAAC;AACpB;AACI,EAAA,SAAA,CAAA,MAAA;AAEA,IAAA,MAAA,UAAI,GAAI,QAAK,CAAA,QAAc;AACvB,IAAA,MAAA,WAAA,GAAA,IAAA,GAAW,EAAC;AACZ,IAAA,SAAA,cAAQ,CAAA,KAAS,EAAA,UAAQ,GAAS,EAAA,EAAA;AAC9B,MAAA,KAAA,CAAA,OAAA,CAAA,IAAA,IAAA;sBACH,GAAA,UAAA,GAAA,CAAA,EAAA,UAAA,CAAA,CAAA,EAAA,IAAA,CAAA,KAAA,CAAA,CAAA,GAAA,IAAA,CAAA,KAAA;gBACL,CAAC,IAAA,IAAA,UAAA,CAAA,UAAA,CAAA,IAAA,CAAA,IAAA,CAAA,EAAA;AAAM,UAAA,WAAA,CAAA,GAAI,CAAI,QAAS,CAAA;2BACW,IAAA,IAAA,CAAA,QAAA,CAAA,MAAA,GAAA,CAAA,EAAA;0BACzB,CAAA,IAAA,CAAA,QAAc,EAAG,QAAK,CAAA;;AAIxB,SAAA,MAAA,IAAA,IAAA,CAAA,QAAA,IAAY,IAAI,CAAA,QAAS,CAAC,MAAA,GAAA,CAAA,EAAA;AAC1B;8BACH,GAAA,IAAA,CAAA,QAAA,CAAA,IAAA,CAAA,KAAA,IAAA,KAAA,CAAA,IAAA,IAAA,UAAA,CAAA,UAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA;4BACJ,EAAA;AACL,YAAA,WAAG,CAAA,GAAA,CAAA,QAAA,CAAA;YACN,cAAA,CAAA,IAAA,CAAA,QAAA,EAAA,QAAA,CAAA;;;OAIF,CAAC;;AAGJ,IAAA,cAAgB,CAAA,QAAI,CAAA;AAChB,IAAA,gBAAA,CAAA,WAAwB,CAAE;AACtB,GAAA,EAAA,CAAA,QAAA,CAAA,UAAe,SAAO,CAAC;AACvB;AACI,EAAA,MAAA,UAAA,GAAA,QAAa,IAAC;oBACjB,CAAA,IAAA,IAAA;kBAAO,GAAA,IAAA,GAAA,CAAA,IAAA,CAAA;AACJ,MAAA,IAAA,MAAA,CAAA,GAAA,CAAA,QAAW,CAAA,EAAA;cACd,CAAA,MAAA,CAAA,QAAA,CAAA;AACD,OAAA,MAAA;AACJ,QAAA,MAAG,CAAA,GAAA,CAAA,QAAA,CAAA;AACP;MAEiD,OAAA,MAAA;KACxC,CAAA;;;YAGD,MAAM;;yBAEI,GAAA,MAAA;uBACA,GAAA,QAAA,CAAA,aAA2E,CAAA,qBAAA,CAAA;AAEjF,MAAA,IAAA,WAAA,EAAA;AACI,QAAA,MAAA,eAAQ,GACG,WAAG,CAAA,gBAAA,CAAA,wBAAA,CAAA;AACV,QAAA,MAAA,iBAAO,GAAY,EAAA;AACf,QAAA,eAAA,CAAA,mBAAe;AACd,UAAA,MAAA,EAAA,GAAA,OAAA,CAAA,EAAA,IAAA,OAAQ,CAAM,WAAM,EAAA,WAAA,EAAA,CAAA,OAAA,CAAA,MAAA,EAAA,GAAA,CAAA,CAAA,OAAA,CAAA,SAAA,EAAA,EAAA,CAAA,IAAA,EAAA;AACpB,UAAA,IAAA,EAAA,EAAA;AACL,YAAA,iBAAG,CAAA,IAAA,CAAA;;2BAEc,CAAA,WAAA;6BACX,CAAA,OAAA,CAAA,OAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AACF,aAAA,CAAA;;AAEH,SAAA,CAAA;oBACL,iBAAC,CAAA;AACL;;;AAIR,IAAA,eAAE,EAAA;;AAGF,IAAA,MAAA,SAAA,GAAA,UAAkB,CAAA,eAAA,EAAA,GAAA,CAAA;;UAGZ,QAAA,GAAA,oCAA2C,CAAC;UAEE,WAAA,GAAA,QAAA,CAAA,aAAA,CAAA,qBAAA,CAAA;AACpD,IAAA,IAAA;cACM,CAAA,OAAA,CAAA,WAAsB,EAAA;QAC5B,SAAI,EAAA,IAAW;AACX,QAAA,OAAA,EAAA;AACI,OAAA,CAAA;AACA;AACH,IAAA,OAAA,MAAE;kBACN,CAAA,SAAA,CAAA;AAED,MAAA,QAAA,CAAO,UAAK,EAAA;;cAEA,CAAA,QAAW,CAAA,CAAA;AACvB;AACJ,EAAA,SAAI,CAAA,MAAiB;IAErB,IAAmC,QAAA,CAAA,MAAA,KAAA,CAAA,EAAA;;AAE/B,IAAA,IAAA,WAAY,CAAA,OAAO,EAAA;iBAAe,CAAA,OAAA,CAAA,UAAA,EAAA;;AAGlC;AACI,IAAA,WAAA,CAAA,OAAW,GAAC,IAAA,oBAAqB,CAAA,OAAA,IAAA;aACpC,CAAA,OAAA,CAAA,KAAA,IAAA;QAED,IAAmC,KAAA,CAAA,cAAA,EAAA;UACxB,kBAAW,CAAA,KAAI;AAElB;AACI,OAAA,CAAA;AACI,KAAA,EAAA;gBACJ,EAAC,mBAAA;AACL,MAAA,SAAG,EAAA;AACP,KAAA,CAAA;AAEI;AACA,IAAA,QAAA,CAAA,OAAA,CAAS,OAAG,IAAA;AACf,MAAA,MACH,OAAA,GAAA,QAAA,CAAA,cAAA,CAAA,OAAA,CAAA,EAAA,CAAA;UAEqB,OAAA,IAAA,WAAA,CAAA,OAAA,EAAA;AACvB,QAAA,WAAgB,CAAA,OAAE,CAAA,OAAS,CAAE,OAAA,CAAA;;AAEzB,KAAA,CAAA;AACI;iBACH;AACL,MAAA,IAAE,WAAC,CAAA,OAAA,EAAA;QAEH,WAAmB,CAAA,OAAA,CAAA,UAAA,EAAA;AACnB;AACI,KAAA;AACI,GAAA,EAAA,CAAA,QAAA,CAAA,CAAA;;AAER,EAAA,MAAA,YAAE,GAAA,IAAA,IAAA;AACN,IAAA,IAAI,CAAQ,IAAA,EAAA,OAAG,KAAA;IAEf,OAAiD,QAAA,CAAA,QAAA,KAAA,IAAA,IAAA,QAAA,CAAA,QAAA,CAAA,UAAA,CAAA,IAAA,GAAA,GAAA,CAAA;AACjD,GAAA;AACI;AAAW,EAAA,MAAA,gBAAY,CAAC,IAAA,EAAA,KAAA,GAAA,CAAA,EAAA,UAAA,GAAA,EAAA,KAAA;AACxB,IAAA,MAAA,qBAAgB,GAAa,CAAA,EAAA,UAAgB,CAAA,CAAA,EAAA,IAAS,CAAA,KAAA,CAAA,CAAC,aAAW;AACtE,IAAA,MAAE,WAAA,GAAA,IAAA,CAAA,QAAA,IAAA,IAAA,CAAA,QAAA,CAAA,MAAA,GAAA,CAAA;IAEF,MAAiD,UAAA,GAAA,aAAA,CAAA,GAAA,CAAA,QAAA,CAAA;IACjD,MAAM,QAAA,GAAA,IAAgB,CAAA,IAAc,GAAE,YAAmB,CAAA,IAAA,CAAA,IAAA,CAAA,GAAuB,KAAqB;AACjG,IAAA,MAAA,cAAiB,KAAA,GAAA,EAAA,CAAU;AAC3B,IAAA,OAAAA,IAAiB,CAAA,IAAA,EAAA;eACX,EAAA;AACN,MAAA,QAAM,OAAQ,KAAG,EAAI;AACrB,QAAA,qCAAiD;QAEjD,QACI,gBAA4BA,IAAA,CAAA;;4BAMR,EAAU;AACd,YAAA,UAAA,CAAA,QACS,CAAA;AAGD,WAAA;wIAGsB,6EAEJ,GAAI,0EAGtB,CAAA;AAgBA,UAAA,KAAA,EAAA;AACA,YAAA,WAAA,EAAA,CAAA,EAAA,EAAE,GAAA,WAAA,CAAA,EAAA;AAelC,WAAE;UAEK,QACE,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA;AAkFb,YAAE,SAAA,EAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/Markdown/MarkdownPageWithParams.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * Wrapper component that uses Remix useParams to automatically load article data.
+ * This maintains backward compatibility with the existing routing structure.
+ *
+ * For a more reusable approach, use ArticlePage directly with props.
+ */
+export declare const MarkdownPageWithParams: React.FC;
+//# sourceMappingURL=MarkdownPageWithParams.d.ts.map

package/lib/pages/Markdown/MarkdownPageWithParams.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownPageWithParams.d.ts","sourceRoot":"","sources":["../../../src/pages/Markdown/MarkdownPageWithParams.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EA+D1C,CAAC"}

package/lib/pages/Markdown/MarkdownPageWithParams.js

@@ -0,0 +1,65 @@
+import {jsx}from'react/jsx-runtime';import {useState,useEffect}from'react';import {useParams}from'@remix-run/react';import {MarkdownPage}from'@admin-layout/tailwind-ui/components/Markdown/MarkdownPage.js';import {getCategoryById,loadArticleContent}from'../../utils/markdownLoader.js';/**
+ * Wrapper component that uses Remix useParams to automatically load article data.
+ * This maintains backward compatibility with the existing routing structure.
+ *
+ * For a more reusable approach, use ArticlePage directly with props.
+ */
+const MarkdownPageWithParams = () => {
+  const {
+    categoryId,
+    articleSlug
+  } = useParams();
+  const [markdown, setMarkdown] = useState(null);
+  const [previousMarkdown, setPreviousMarkdown] = useState(null);
+  const [nextMarkdown, setNextMarkdown] = useState(null);
+  useEffect(() => {
+    if (articleSlug) {
+      const loadContent = async () => {
+        const articleData = await loadArticleContent(articleSlug);
+        setMarkdown(articleData);
+        // Calculate previous/next markdown from category
+        if (articleData) {
+          const category = getCategoryById(articleData.categoryId || categoryId || '');
+          const categoryArticles = category?.articles ?? [];
+          const currentIndex = categoryArticles.findIndex(a => a.slug === articleData.slug);
+          if (currentIndex > 0) {
+            const prev = categoryArticles[currentIndex - 1];
+            setPreviousMarkdown({
+              categoryId: articleData.categoryId || categoryId || '',
+              slug: prev.slug,
+              title: prev.title
+            });
+          } else {
+            setPreviousMarkdown(null);
+          }
+          if (currentIndex >= 0 && currentIndex < categoryArticles.length - 1) {
+            const next = categoryArticles[currentIndex + 1];
+            setNextMarkdown({
+              categoryId: articleData.categoryId || categoryId || '',
+              slug: next.slug,
+              title: next.title
+            });
+          } else {
+            setNextMarkdown(null);
+          }
+        }
+      };
+      loadContent();
+    }
+  }, [articleSlug, categoryId]);
+  const category = markdown ? getCategoryById(markdown.categoryId || categoryId || '') : null;
+  return jsx(MarkdownPage, {
+    article: markdown,
+    categoryId: categoryId,
+    categoryTitle: category?.title,
+    articleSlug: articleSlug,
+    loadArticle: loadArticleContent,
+    previousMarkdown: previousMarkdown,
+    nextMarkdown: nextMarkdown,
+    getMarkdownLink: (categoryId, slug) => `/help/${categoryId}/${slug}`,
+    getCategoryLink: categoryId => `/help/${categoryId}`,
+    getHelpCenterLink: () => '/help',
+    helpCenterLabel: "All Collections",
+    backToHelpCenterLabel: "\u2190 Back to Help Center"
+  });
+};export{MarkdownPageWithParams};//# sourceMappingURL=MarkdownPageWithParams.js.map

package/lib/pages/Markdown/MarkdownPageWithParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownPageWithParams.js","sources":["../../../src/pages/Markdown/MarkdownPageWithParams.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"4RASA;;;;;AAKG;AACI,MAAM,sBAAsB,GAAa,MAAK;QAC3C;IACN,UAAe;IACf;MACM,SAAa,EAAA;QAEV,CAAA,QAAI,EAAE,WAAA,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;QACX,CAAI,gBAAa,EAAC,mBAAA,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;AACd,EAAA,MAAA,CAAA,YAAiB,EAAA,eAAQ,CAAA,GAAM,QAAA,CAAA,IAAA,CAAA;AAC3B,EAAA,SAAA,CAAA,MAAA;mBACW,EAAA;uBAEsC,GAAA,YAAA;yBAC7C,GAAA,MAAc,kBAAA,CAAA,WAAA,CAAA;AACd,QAAA,WAAA,CAAA,WAAc,CAAA;AACd;AACA,QAAA,IAAA,WAAA,EAAA;AAEA,UAAA,MAAA,QAAI,GAAY,eAAM,CAAC,WAAA,CAAA,UAAA,IAAA,UAAA,IAAA,EAAA,CAAA;gCACb,WAAuB,EAAA,QAAA;AAC7B,UAAA,MAAA,YAAA,GAAA,gBAAoB,CAAA,SAAA,CAAA,CAAA,IAAA,CAAA,CAAA,IAAA,KAAA,WAAA,CAAA,IAAA,CAAA;AAChB,UAAA,IAAA,YAAA,GAAA,CAAA,EAAA;yCACe,CAAA,YAAA,GAAA,CAAA,CAAA;+BACV,CAAA;AACR,cAAA,UAAA,EAAC,WAAC,CAAA,UAAA,IAAA,UAAA,IAAA,EAAA;oBACP,IAAC,CAAA,IAAA;yBAAM,CAAC;;;AAIR,YAAA,mBAAgB,CAAA,IAAA,CAAA;;AAEZ,UAAA,IAAA,YAAA,IAAA,CAAA,IAAA,YAAgB,GAAA,gBAAA,CAAA,MAAA,GAAA,CAAA,EAAA;AACZ,YAAA,MAAA,IAAA,GAAA,gBAAuB,CAAA;4BACvB;qCACW,CAAA,UAAM,IAAA,UAAA,IAAA,EAAA;AACpB,cAAA,IAAA,EAAA,IAAA,CAAA,IAAE;qBACN,IAAA,CAAA;;;2BAEA,CAAA,IAAA,CAAA;;AAET;AACA,OAAA;iBACH,EAAA;AACL;KAEM,CAAA,WAAA,YAAmB,CAAC,CAAC;AAE3B,EAAA,MAAA,QACK,GAAA,QAAA,GACG,eAAiB,CAAA,QACP,CAAA,wBACV,IAAA,EAAA,CAAA,GAAa,IAAE;AAY3B,EAAE,OAAAA,GAAA,CAAA,YAAA,EAAA;;;;;;;;;;;;;;"}

package/lib/pages/Markdown/index.d.ts

@@ -0,0 +1,3 @@
+declare const MarkdownPageIndex: () => import("react/jsx-runtime").JSX.Element;
+export default MarkdownPageIndex;
+//# sourceMappingURL=index.d.ts.map

package/lib/pages/Markdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/Markdown/index.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,iBAAiB,+CAMtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/pages/Markdown/index.js

@@ -0,0 +1,5 @@
+import {jsx}from'react/jsx-runtime';import {MarkdownPageWithParams}from'./MarkdownPageWithParams.js';import {MarkdownPageLayout}from'./MarkdownPageLayout.js';const MarkdownPageIndex = () => {
+  return jsx(MarkdownPageLayout, {
+    children: jsx(MarkdownPageWithParams, {})
+  });
+};export{MarkdownPageIndex as default};//# sourceMappingURL=index.js.map

package/lib/pages/Markdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/pages/Markdown/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"8JAGM,MAAA,iBAAiB,GAAG,MAAK;SACpBA,sBACgB,EAAA;AAI3B,IAAE,QAAA,EAAAA,GAAA,CAAA,sBAAA,EAAA,EAAA;AAEF,GAAA,CAAA;"}

package/lib/pages/VerifyUser/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/VerifyUser/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AA2C5D;;;;;;;GAOG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAuU3B,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/VerifyUser/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAiD1D;;;;;;;GAOG;AACH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EA6V3B,CAAC;AAEF,eAAe,cAAc,CAAC"}