@adminide-stack/yantra-help-browser 12.0.16-alpha.21 → 12.0.16-alpha.22

package/lib/pages/CategoryCollection/index.js

@@ -1,4 +1,4 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useParams,Link}from'@remix-run/react';import {HelpCenterHeader}from'../../components/HelpCenterHeader.js';import {HelpCenterIcons}from'../HelpCenter/components/Icons.js';import {cn}from'../../utils/index.js';import {getCategoryByIdSync}from'../../utils/markdownLoader.js';const CategoryCollectionPage = () => {
+import {jsxs,jsx}from'react/jsx-runtime';import {useParams,Link}from'@remix-run/react';import {HelpCenterHeader}from'../../components/HelpCenterHeader.js';import {HelpCenterIcons}from'../HelpCenter/components/Icons.js';import {getCategoryByIdSync}from'../../utils/markdownLoader.js';const CategoryCollectionPage = () => {
   const {
     categoryId
   } = useParams();
@@ -7,26 +7,54 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useParams,Link}from'@remix-run/
     if (iconType in HelpCenterIcons) {
       const IconComponent = HelpCenterIcons[iconType];
       return jsx(IconComponent, {
-        width: 24,
-        height: 24
+        width: 28,
+        height: 28
       });
     }
     return null;
   };
   if (!category) {
-    return jsx("div", {
+    return jsxs("div", {
       className: "min-h-screen bg-background text-foreground",
-      children: jsxs("div", {
-        className: "container mx-auto px-16 py-16",
-        children: [jsx("h1", {
-          className: "text-2xl font-bold",
+      children: [jsx(HelpCenterHeader, {}), jsxs("div", {
+        className: "container mx-auto max-w-4xl px-6 py-20 text-center lg:px-16",
+        children: [jsx("div", {
+          className: "mb-6 inline-flex h-20 w-20 items-center justify-center rounded-2xl bg-muted",
+          children: jsx("svg", {
+            className: "h-10 w-10 text-muted-foreground",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: jsx("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 1.5,
+              d: "M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+            })
+          })
+        }), jsx("h1", {
+          className: "mb-2 text-2xl font-extrabold",
           children: "Category not found"
-        }), jsx(Link, {
+        }), jsx("p", {
+          className: "mb-6 text-muted-foreground",
+          children: "The category you're looking for doesn't exist or has been moved."
+        }), jsxs(Link, {
           to: "/help-center",
-          className: "mt-4 text-primary hover:text-primary/80",
-          children: "\u2190 Back to Help Center"
+          className: "inline-flex items-center gap-2 rounded-xl bg-gradient-to-r from-cyan-500 to-blue-600 px-5 py-2.5 text-sm font-semibold text-white shadow transition-all hover:-translate-y-0.5 hover:shadow-lg",
+          children: [jsx("svg", {
+            className: "h-4 w-4",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: jsx("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M10 19l-7-7m0 0l7-7m-7 7h18"
+            })
+          }), "Back to Help Center"]
         })]
-      })
+      })]
     });
   }
   return jsxs("div", {
@@ -35,80 +63,127 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useParams,Link}from'@remix-run/
       className: "relative overflow-hidden",
       children: jsx(HelpCenterHeader, {})
     }), jsx("div", {
-      className: "container mx-auto px-16 pt-8",
-      children: jsxs("nav", {
-        className: "flex items-center space-x-2 text-sm text-muted-foreground",
-        children: [jsx(Link, {
-          to: "/help-center",
-          className: "hover:text-foreground",
-          children: "All Collections"
-        }), jsx("span", {
-          children: "\u203A"
-        }), jsx("span", {
-          className: "text-primary",
-          children: category.title
-        })]
+      className: "border-b border-border/30",
+      children: jsx("div", {
+        className: "container mx-auto max-w-7xl px-6 py-3 lg:px-16",
+        children: jsxs("nav", {
+          className: "flex items-center gap-2 text-sm",
+          children: [jsx(Link, {
+            to: "/help-center",
+            className: "text-muted-foreground transition-colors hover:text-foreground",
+            children: "Help Center"
+          }), jsx("svg", {
+            className: "h-3.5 w-3.5 text-muted-foreground/40",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: jsx("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M9 5l7 7-7 7"
+            })
+          }), jsx("span", {
+            className: "font-medium text-foreground",
+            children: category.title
+          })]
+        })
       })
     }), jsxs("main", {
-      className: "container mx-auto px-16 py-8",
-      children: [jsx("div", {
-        className: "mb-8",
-        children: jsxs("div", {
-          className: "flex items-start space-x-4",
-          children: [jsx("div", {
-            className: "text-primary",
-            children: renderIcon(category.iconType)
+      className: "container mx-auto max-w-7xl px-6 py-10 lg:px-16",
+      children: [jsxs("div", {
+        className: "mb-10 flex items-start gap-5",
+        children: [jsx("div", {
+          className: "flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-cyan-500/10 to-blue-500/10 text-cyan-500",
+          children: renderIcon(category.iconType)
+        }), jsxs("div", {
+          children: [jsx("h1", {
+            className: "text-3xl font-extrabold tracking-tight text-foreground lg:text-4xl",
+            children: category.title
+          }), jsx("p", {
+            className: "mt-2 text-base text-muted-foreground",
+            children: category.description
           }), jsxs("div", {
-            children: [jsx("h1", {
-              className: "text-4xl font-bold text-foreground mb-2",
-              children: category.title
-            }), jsx("p", {
-              className: "text-lg text-muted-foreground mb-4",
-              children: category.description
-            }), jsx("div", {
-              className: "flex items-center space-x-4 text-sm text-muted-foreground",
-              children: jsxs("div", {
-                className: "flex items-center",
-                children: [jsx("div", {
-                  className: "mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-muted text-xs text-foreground",
-                  children: "J"
-                }), jsxs("span", {
-                  children: ["By Beena \u2022 ", category.articles.length, " articles"]
-                })]
-              })
+            className: "mt-3 flex items-center gap-3",
+            children: [jsxs("div", {
+              className: "inline-flex items-center gap-1.5 rounded-full border border-border/60 bg-muted/50 px-3 py-1 text-[12px] font-medium text-muted-foreground",
+              children: [jsx("svg", {
+                className: "h-3.5 w-3.5",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: jsx("path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 1.5,
+                  d: "M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"
+                })
+              }), category.articles.length, " articles"]
+            }), jsxs("div", {
+              className: "inline-flex items-center gap-1.5 rounded-full border border-border/60 bg-muted/50 px-3 py-1 text-[12px] font-medium text-muted-foreground",
+              children: [jsx("svg", {
+                className: "h-3.5 w-3.5",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: jsx("path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 1.5,
+                  d: "M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"
+                })
+              }), "Updated recently"]
             })]
           })]
-        })
+        })]
       }), jsx("div", {
-        className: "space-y-4",
-        children: category.articles.map(article => jsxs(Link, {
+        className: "space-y-3",
+        children: category.articles.map((article, idx) => jsxs(Link, {
           to: `/help-center/${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'),
-          children: [jsxs("div", {
-            className: "flex-1",
+          className: "group flex items-center gap-4 rounded-2xl border border-border/60 bg-card p-5 transition-all duration-300 hover:-translate-y-0.5 hover:border-cyan-500/30 hover:shadow-lg hover:shadow-cyan-500/[0.04]",
+          children: [jsx("div", {
+            className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-muted text-[12px] font-bold text-muted-foreground",
+            children: String(idx + 1).padStart(2, '0')
+          }), jsxs("div", {
+            className: "min-w-0 flex-1",
             children: [jsx("h3", {
-              className: "text-lg font-medium text-foreground group-hover:text-primary transition-colors",
+              className: "text-[15px] font-semibold text-foreground transition-colors group-hover:text-cyan-500",
               children: article.title
             }), jsx("p", {
-              className: "mt-1 text-sm text-muted-foreground",
+              className: "mt-0.5 truncate text-[13px] text-muted-foreground",
               children: article.description
             })]
-          }), jsx("div", {
-            className: "ml-4 text-muted-foreground group-hover:text-primary transition-colors",
-            children: jsx("svg", {
-              className: "h-5 w-5",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: jsx("path", {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M9 5l7 7-7 7"
-              })
+          }), jsx("svg", {
+            className: "h-4 w-4 shrink-0 text-muted-foreground/40 transition-all duration-300 group-hover:translate-x-0.5 group-hover:text-cyan-500",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: jsx("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M9 5l7 7-7 7"
             })
           })]
         }, article.id))
+      }), jsx("div", {
+        className: "mt-10 text-center",
+        children: jsxs(Link, {
+          to: "/help-center",
+          className: "inline-flex items-center gap-2 text-sm font-medium text-muted-foreground transition-colors hover:text-foreground",
+          children: [jsx("svg", {
+            className: "h-4 w-4",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: jsx("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M10 19l-7-7m0 0l7-7m-7 7h18"
+            })
+          }), "Back to all categories"]
+        })
       })]
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/pages/CategoryCollection/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"iUAOM,MAAA,sBAAsB,GAAa,MAAK;AAC1C,EAAA,MAAA;AAEA,IAAA;AAEA,GAAA,GAAA,SAAgB,EAAA;AACZ,EAAA,MAAA,QAAY,GAAA,UAAmB,GAAA,mBAAG,CAAA,UAAA,CAAA,GAAA,IAAA;AAC9B,EAAA,MAAA,UAAM,eAAgB;gBACf,IAAA,eAAc,EAAA;YACxB,aAAA,GAAA,eAAA,CAAA,QAAA,CAAA;AACD,MAAA,OAAAA,iBAAY,EAAA;AAChB,QAAE,KAAA,EAAA,EAAA;QAEE,MAAS,EAAA;AACT,OAAA,CAAA;;IAYJ,OAAO,IACE;AAsEb,GAAE;AAEF,EAAA,IAAA,CAAA,QAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/pages/CategoryCollection/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"2RAMM,MAAA,sBAAsB,GAAa,MAAK;AAC1C,EAAA,MAAA;AACA,IAAA;AAEA,GAAA,GAAA,SAAgB,EAAA;AACZ,EAAA,MAAA,QAAY,GAAA,UAAmB,GAAA,mBAAG,CAAA,UAAA,CAAA,GAAA,IAAA;AAC9B,EAAA,MAAA,UAAM,eAAgB;gBACf,IAAA,eAAc,EAAA;YACxB,aAAA,GAAA,eAAA,CAAA,QAAA,CAAA;AACD,MAAA,OAAAA,iBAAY,EAAA;AAChB,QAAE,KAAA,EAAA,EAAA;QAEE,MAAS,EAAA;QACT;;IA0CJ,OAAO;AAsHX,GAAE;AAEF,EAAA,IAAA,CAAA,QAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/GetStarted/components/ExampleCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/ExampleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6BlD,CAAC"}
+{"version":3,"file":"ExampleCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/ExampleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuBlD,CAAC"}

package/lib/pages/GetStarted/components/GetStartedHero.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GetStartedHero.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/GetStartedHero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwBxD,CAAC"}
+{"version":3,"file":"GetStartedHero.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/GetStartedHero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,mBAAmB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgBxD,CAAC"}

package/lib/pages/GetStarted/components/InfoSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/InfoSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0BlD,CAAC"}
+{"version":3,"file":"InfoSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/InfoSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AACD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgBlD,CAAC"}

package/lib/pages/GetStarted/components/TipCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TipCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/TipCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmB1C,CAAC"}
+{"version":3,"file":"TipCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/TipCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,YAAY;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAiB1C,CAAC"}

package/lib/pages/GetStarted/components/UseCase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseCase.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/UseCase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAc1C,CAAC;AAEF,UAAU,gBAAgB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAMlD,CAAC"}
+{"version":3,"file":"UseCase.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/UseCase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,YAAY;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AACD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAQ1C,CAAC;AAEF,UAAU,gBAAgB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AACD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAElD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/GetStarted/index.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,cAAc,+CA4dnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/GetStarted/index.tsx"],"names":[],"mappings":"AAuFA,QAAA,MAAM,cAAc,+CAiVnB,CAAC;AAEF,eAAe,cAAc,CAAC"}