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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/pages/GetStarted/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"0GAGM,MAAA,cAAc,GAAG,MAAK;SACnBA,IACA,CAAA,KAAA,EAAA;AA0dT,IAAE,SAAA,EAAA,4BAAA;AAEF,IAAA,QAAA,EAAA,CAAeC,aAAc,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/pages/GetStarted/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"6EAGA,MAAM,KAAK,GAAG,CAAA;AACV,EAAA,GAAA,EAAA,IAAA;AACI,EAAA,KAAA,EAAA,qBAAS;AACT,EAAA,IAAA,EAAA,0FAA4B;AAC5B,EAAA,KAAA,EAAA,2BAAgG;AAChG,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACH,EAAA,GAAA,EAAA,IAAA;AACD,EAAA,KAAA,EAAA,uBAAA;AACI,EAAA,IAAA,EAAA,uFAAS;AACT,EAAA,KAAA,EAAA,+BAA8B;AAC9B,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACA,EAAA,GAAA,EAAA,IAAA;AACH,EAAA,KAAA,EAAA,qBAAA;AACD,EAAA,IAAA,EAAA,8FAAA;AACI,EAAA,KAAA,EAAA,2BAAS;AACT,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACA,EAAA,GAAA,EAAA,IAAA;AACA,EAAA,KAAA,EAAA,kBAAU;AACb,EAAA,IAAA,EAAA,+FAAA;AACD,EAAA,KAAA,EAAA,8BAAA;AACI,EAAA,IAAA,EAAA;AACA,CAAA,CAAA;AACA,MAAA,SAAqG,GAAA,CAAA;AACrG,EAAA,KAAA,EAAA,6BAAqC;AACrC,EAAA,IAAA,EAAA,iJAAU;AACb,EAAA,KAAA,EAAA,CAAA,4CAAA,EAAA,6CAAA,CAAA;EACH,QAAA,EAAA,mCAAA;AAEF,EAAA,2CAAkB;AACd,EAAA,SAAA,EAAA;AACI,CAAA,EAAA;AACA,EAAA,KAAA,EAAA,2BAAuJ;AACvJ,EAAA,IAAA,EAAA,qJAAoG;AACpG,EAAA,KAAA,EAAA,CAAA,2BAA6C,EAAA,uBAAA,CAAA;AAC7C,EAAA,QAAA,EAAA,qCAA2C;AAC3C,EAAA,MAAA,EAAA,qCAA0B;AAC7B,EAAA,SAAA,EAAA;AACD,CAAA,EAAA;AACI,EAAA,KAAA,EAAA,yBAAkC;AAClC,EAAA,IAAA,EAAA,qIAA2J;AAC3J,EAAA,KAAA,EAAA,CAAA,wEAA6D,CAAA;AAC7D,EAAA,QAAA,EAAA,oCAA+C;AAC/C,EAAA,MAAA,EAAA,oCAA6C;AAC7C,EAAA,SAAA,EAAA;AACH,CAAA,EAAA;AACD,EAAA,KAAA,EAAA,4BAAA;AACI,EAAA,IAAA,EAAA,wIAAgC;AAChC,EAAA,KAAA,EAAA,CAAA,oCAA2I,EAAA,6BAAA,CAAA;AAC3I,EAAA,QAAA,EAAA,oCAAiD;AACjD,EAAA,MAAA,EAAA,oCAA8C;AAC9C,EAAA,SAAA,EAAA;AACA,CAAA,CAAA;AACH,MAAA,IAAA,GAAA,CAAA;AACD,EAAA,KAAA,EAAA,0BAAA;AACI,EAAA,IAAA,EAAA,6HAAmC;AACnC,EAAA,QAAA,EAAI;AACJ,CAAA,EAAA;AACA,EAAA,KAAA,EAAA,6BAA8C;AAC9C,EAAA,IAAA,EAAA,kHAA4C;AAC5C,EAAA,QAAA,EAAA;AACH,CAAA,EAAA;EACH,KAAA,EAAA,qBAAA;AAEF,EAAA,IAAM,mHAAO;AACT,EAAA,QAAA,EAAA;AACI,CAAA,CAAA;AACA,MAAA,cAAmI,GAAA,MAAA;AACnI,EAAA,OAAAA,IAAA,CAAA,KAAqC,EAAA;AACxC,IAAA,SAAA,EAAA,4BAAA;AACD,IAAA,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA;AACI,MAAA,SAAO,EAA6B,iCAAA;AACpC,MAAA,QAAM,EAAkH,CAAAA,IAAA,CAAA,KAAA,EAAA;AACxH,QAAA,WAAyC,+BAAA;AAC5C,QAAA,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA;AACD,UAAA,SAAA,EAAA,kBAAA;AACI,UAAA,QAA4B,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;AAC5B,YAAI,SAAmH,EAAA,wFAAA;AACvH,YAAA,OAAqC;AACxC,cAAA,UAAA,EAAA,mDAAA;cACH,SAAA,EAAA;AAEF;WACW,CACH,EAAKA,GAAA,CAAA,KAAA,EAAA;AAQmB,YAAA,SAAA,EAAA,yFAA+D;AAC/D,YAAA,KAAA,EAAA;AACH,cAAA,UAAA,EAAA,mDAGkG;AAE/F,cAAA,SAAA,EAAA;AACA;AACH,WAAA,CAAA,EAAAA,GAAA,CAAA,KAAA,EAAA;AAKG,YAAA,SAAA,EAAA,uFAA+D;AAC/D,YAAA,KAAA,EAAA;6EAKmC;AAEvC,cAAA,SAAA,EAAA;AACA;AACH,WAAA,CAAA;AAMD,SAAA,CAAA,EAAAA,GAAA,CAAA,KAAA,EAAA;;;;;;;AAOP,OAAA,CAAA,EAAAA,GAAA,CAAA,OAAA,EAAA;AACI,QAAA,uBAGL,EAAA;AASgB,UAAA,MAAA,EAAA;AACA;AACA;;AAmRhC;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/HelpCenter/components/HelpCategoryCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelpCategoryCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/HelpCategoryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC;CACpB;AAED,UAAU,qBAAqB;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAyDD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmI5D,CAAC"}
+{"version":3,"file":"HelpCategoryCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/HelpCategoryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC;CACpB;AAED,UAAU,qBAAqB;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAqGD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmJ5D,CAAC"}

package/lib/pages/HelpCenter/components/HelpCategoryCard.js

@@ -1,55 +1,80 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {cn}from'../../../utils/index.js';import {HelpCenterIcons}from'./Icons.js';// Map category IDs to gradient accent colors
-const CATEGORY_COLORS = {
+import {jsxs,jsx}from'react/jsx-runtime';import {cn}from'../../../utils/index.js';import {HelpCenterIcons}from'./Icons.js';const CATEGORY_COLORS = {
   'platform-features': {
-    gradient: 'from-teal-500/10 to-emerald-500/5',
-    iconBg: 'bg-teal-600',
-    badge: 'text-teal-700 bg-teal-50 dark:text-teal-400 dark:bg-teal-950'
+    accent: 'from-teal-500 to-emerald-500',
+    iconBg: 'bg-teal-500/10',
+    iconRing: 'ring-teal-500/20',
+    hoverBorder: 'hover:border-teal-500/40',
+    glowColor: 'rgba(20,184,166,0.08)'
   },
   'ai-employees': {
-    gradient: 'from-violet-500/10 to-purple-500/5',
-    iconBg: 'bg-violet-600',
-    badge: 'text-violet-700 bg-violet-50 dark:text-violet-400 dark:bg-violet-950'
+    accent: 'from-violet-500 to-purple-500',
+    iconBg: 'bg-violet-500/10',
+    iconRing: 'ring-violet-500/20',
+    hoverBorder: 'hover:border-violet-500/40',
+    glowColor: 'rgba(139,92,246,0.08)',
+    badge: 'Most Popular',
+    badgeColor: 'bg-violet-500/10 text-violet-600 ring-violet-500/20'
   },
   'solutions-engineering': {
-    gradient: 'from-blue-500/10 to-cyan-500/5',
-    iconBg: 'bg-blue-600',
-    badge: 'text-blue-700 bg-blue-50 dark:text-blue-400 dark:bg-blue-950'
+    accent: 'from-blue-500 to-cyan-500',
+    iconBg: 'bg-blue-500/10',
+    iconRing: 'ring-blue-500/20',
+    hoverBorder: 'hover:border-blue-500/40',
+    glowColor: 'rgba(59,130,246,0.08)'
   },
   'solutions-sales': {
-    gradient: 'from-amber-500/10 to-orange-500/5',
-    iconBg: 'bg-amber-600',
-    badge: 'text-amber-700 bg-amber-50 dark:text-amber-400 dark:bg-amber-950'
+    accent: 'from-amber-500 to-orange-500',
+    iconBg: 'bg-amber-500/10',
+    iconRing: 'ring-amber-500/20',
+    hoverBorder: 'hover:border-amber-500/40',
+    glowColor: 'rgba(245,158,11,0.08)'
   },
   'solutions-marketing': {
-    gradient: 'from-pink-500/10 to-rose-500/5',
-    iconBg: 'bg-pink-600',
-    badge: 'text-pink-700 bg-pink-50 dark:text-pink-400 dark:bg-pink-950'
+    accent: 'from-pink-500 to-rose-500',
+    iconBg: 'bg-pink-500/10',
+    iconRing: 'ring-pink-500/20',
+    hoverBorder: 'hover:border-pink-500/40',
+    glowColor: 'rgba(236,72,153,0.08)'
   },
   integrations: {
-    gradient: 'from-indigo-500/10 to-blue-500/5',
-    iconBg: 'bg-indigo-600',
-    badge: 'text-indigo-700 bg-indigo-50 dark:text-indigo-400 dark:bg-indigo-950'
+    accent: 'from-indigo-500 to-blue-500',
+    iconBg: 'bg-indigo-500/10',
+    iconRing: 'ring-indigo-500/20',
+    hoverBorder: 'hover:border-indigo-500/40',
+    glowColor: 'rgba(99,102,241,0.08)',
+    badge: 'New',
+    badgeColor: 'bg-emerald-500/10 text-emerald-600 ring-emerald-500/20'
   },
   'security-compliance': {
-    gradient: 'from-emerald-500/10 to-green-500/5',
-    iconBg: 'bg-emerald-600',
-    badge: 'text-emerald-700 bg-emerald-50 dark:text-emerald-400 dark:bg-emerald-950'
+    accent: 'from-emerald-500 to-green-500',
+    iconBg: 'bg-emerald-500/10',
+    iconRing: 'ring-emerald-500/20',
+    hoverBorder: 'hover:border-emerald-500/40',
+    glowColor: 'rgba(16,185,129,0.08)'
   },
   openclaw: {
-    gradient: 'from-orange-500/10 to-yellow-500/5',
-    iconBg: 'bg-orange-600',
-    badge: 'text-orange-700 bg-orange-50 dark:text-orange-400 dark:bg-orange-950'
+    accent: 'from-orange-500 to-yellow-500',
+    iconBg: 'bg-orange-500/10',
+    iconRing: 'ring-orange-500/20',
+    hoverBorder: 'hover:border-orange-500/40',
+    glowColor: 'rgba(249,115,22,0.08)',
+    badge: 'Open Source',
+    badgeColor: 'bg-orange-500/10 text-orange-600 ring-orange-500/20'
   },
   'use-cases': {
-    gradient: 'from-cyan-500/10 to-sky-500/5',
-    iconBg: 'bg-cyan-600',
-    badge: 'text-cyan-700 bg-cyan-50 dark:text-cyan-400 dark:bg-cyan-950'
+    accent: 'from-cyan-500 to-sky-500',
+    iconBg: 'bg-cyan-500/10',
+    iconRing: 'ring-cyan-500/20',
+    hoverBorder: 'hover:border-cyan-500/40',
+    glowColor: 'rgba(6,182,212,0.08)'
   }
 };
 const DEFAULT_COLOR = {
-  gradient: 'from-primary/5 to-primary/0',
-  iconBg: 'bg-primary',
-  badge: 'text-primary bg-primary/10'
+  accent: 'from-primary to-primary',
+  iconBg: 'bg-primary/10',
+  iconRing: 'ring-primary/20',
+  hoverBorder: 'hover:border-primary/30',
+  glowColor: 'rgba(128,128,128,0.06)'
 };
 const HelpCategoryCard = ({
   category,
@@ -57,103 +82,106 @@ const HelpCategoryCard = ({
   onClick,
   featured = false
 }) => {
-  const handleClick = () => {
-    if (onClick) {
-      onClick(category.id);
-    }
-  };
+  const handleClick = () => onClick?.(category.id);
   const colors = CATEGORY_COLORS[category.id] || DEFAULT_COLOR;
   const articleCount = category.articles?.length || 0;
-  const renderIcon = iconType => {
+  const renderIcon = (iconType, size = 'w-5 h-5') => {
     if (iconType in HelpCenterIcons) {
-      const IconComponent = HelpCenterIcons[iconType];
-      return jsx(IconComponent, {
-        className: "w-5 h-5 text-white"
+      const Ic = HelpCenterIcons[iconType];
+      return jsx(Ic, {
+        className: `${size} text-current`
       });
     }
     return jsx("svg", {
-      className: "w-5 h-5 text-white",
+      className: `${size} text-current`,
       fill: "none",
       stroke: "currentColor",
       viewBox: "0 0 24 24",
       children: jsx("path", {
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        strokeWidth: 2,
+        strokeWidth: 1.5,
         d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
       })
     });
   };
   if (featured) {
     return jsxs("div", {
-      className: cn('group relative cursor-pointer overflow-hidden rounded-xl border border-border bg-card transition-all duration-200', 'hover:border-primary/40 hover:shadow-lg hover:shadow-primary/5 hover:-translate-y-0.5', className),
+      className: cn('group relative cursor-pointer overflow-hidden rounded-2xl border border-border/50 bg-card transition-all duration-300', colors.hoverBorder, 'hover:shadow-xl hover:-translate-y-1', className),
+      style: {
+        '--glow-color': colors.glowColor
+      },
       onClick: handleClick,
       children: [jsx("div", {
-        className: cn('absolute inset-0 bg-gradient-to-br opacity-0 transition-opacity duration-200 group-hover:opacity-100', colors.gradient)
+        className: cn('h-[3px] w-full bg-gradient-to-r', colors.accent)
+      }), jsx("div", {
+        className: "pointer-events-none absolute inset-0 opacity-0 transition-opacity duration-500 group-hover:opacity-100",
+        style: {
+          background: `radial-gradient(ellipse at top, var(--glow-color), transparent 70%)`
+        }
       }), jsxs("div", {
-        className: "relative z-10 p-6",
+        className: "relative p-6",
         children: [jsxs("div", {
-          className: "flex items-start gap-4",
+          className: "flex items-start justify-between gap-3",
           children: [jsx("div", {
-            className: cn('flex h-10 w-10 shrink-0 items-center justify-center rounded-lg shadow-sm', colors.iconBg),
+            className: cn('flex h-11 w-11 shrink-0 items-center justify-center rounded-xl ring-1 transition-transform duration-300 group-hover:scale-110', colors.iconBg, colors.iconRing),
             children: renderIcon(category.iconType)
           }), jsxs("div", {
-            className: "min-w-0 flex-1",
-            children: [jsx("h3", {
-              className: "text-base font-semibold text-foreground group-hover:text-primary transition-colors truncate",
-              children: category.title
-            }), jsx("p", {
-              className: "mt-1 text-sm text-muted-foreground line-clamp-2 leading-relaxed",
-              children: category.description
+            className: "flex items-center gap-2",
+            children: [colors.badge && jsx("span", {
+              className: cn('inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider ring-1', colors.badgeColor),
+              children: colors.badge
+            }), articleCount > 0 && jsx("span", {
+              className: "inline-flex items-center rounded-full bg-muted/80 px-2.5 py-0.5 text-[11px] font-semibold text-muted-foreground",
+              children: articleCount
             })]
           })]
+        }), jsx("h3", {
+          className: "mt-4 text-[15px] font-bold text-foreground group-hover:text-primary transition-colors duration-200",
+          children: category.title
+        }), jsx("p", {
+          className: "mt-1.5 text-[13px] leading-relaxed text-muted-foreground line-clamp-2",
+          children: category.description
         }), jsxs("div", {
-          className: "mt-4 flex items-center justify-between",
-          children: [jsxs("span", {
-            className: cn('inline-flex items-center rounded-md px-2 py-0.5 text-xs font-medium', colors.badge),
-            children: [articleCount, " ", articleCount === 1 ? 'article' : 'articles']
-          }), jsxs("div", {
-            className: "flex items-center gap-1 text-muted-foreground opacity-0 transition-all duration-200 group-hover:opacity-100 group-hover:text-primary",
-            children: [jsx("span", {
-              className: "text-xs font-medium",
-              children: "Explore"
-            }), jsx("svg", {
-              className: "h-3.5 w-3.5 transition-transform duration-200 group-hover:translate-x-0.5",
-              fill: "none",
-              stroke: "currentColor",
-              viewBox: "0 0 24 24",
-              children: jsx("path", {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M9 5l7 7-7 7"
-              })
-            })]
+          className: "mt-5 flex items-center gap-1.5 text-[13px] font-semibold text-muted-foreground/60 transition-all duration-300 group-hover:text-primary group-hover:gap-3",
+          children: [jsx("span", {
+            children: "Explore"
+          }), jsx("svg", {
+            className: "h-3.5 w-3.5 transition-transform duration-300 group-hover:translate-x-1",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: jsx("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2.5,
+              d: "M17 8l4 4m0 0l-4 4m4-4H3"
+            })
           })]
         })]
       })]
     });
   }
-  // Compact card for non-featured categories
+  // Compact card
   return jsx("div", {
-    className: cn('group relative cursor-pointer rounded-lg border border-border bg-card px-4 py-3.5 transition-all duration-200', 'hover:border-primary/30 hover:bg-accent/50 hover:shadow-sm', className),
+    className: cn('group relative cursor-pointer rounded-xl border border-border/30 bg-card/40 px-4 py-3.5 transition-all duration-200', 'hover:border-border/80 hover:bg-card hover:shadow-md hover:-translate-y-0.5', className),
     onClick: handleClick,
     children: jsxs("div", {
       className: "flex items-center gap-3",
       children: [jsx("div", {
-        className: cn('flex h-8 w-8 shrink-0 items-center justify-center rounded-md', colors.iconBg),
-        children: renderIcon(category.iconType)
+        className: cn('flex h-9 w-9 shrink-0 items-center justify-center rounded-lg ring-1 transition-transform duration-200 group-hover:scale-105', colors.iconBg, colors.iconRing),
+        children: renderIcon(category.iconType, 'w-4 h-4')
       }), jsxs("div", {
         className: "min-w-0 flex-1",
         children: [jsx("h3", {
-          className: "text-sm font-medium text-foreground group-hover:text-primary transition-colors truncate",
+          className: "text-sm font-semibold text-foreground group-hover:text-primary transition-colors truncate",
           children: category.title
         }), articleCount > 0 && jsxs("p", {
-          className: "text-xs text-muted-foreground mt-0.5",
+          className: "text-[11px] text-muted-foreground mt-0.5",
           children: [articleCount, " ", articleCount === 1 ? 'article' : 'articles']
         })]
       }), jsx("svg", {
-        className: "h-4 w-4 shrink-0 text-muted-foreground/50 transition-all duration-200 group-hover:text-primary group-hover:translate-x-0.5",
+        className: "h-4 w-4 shrink-0 text-muted-foreground/20 transition-all duration-200 group-hover:text-primary group-hover:translate-x-0.5",
         fill: "none",
         stroke: "currentColor",
         viewBox: "0 0 24 24",

package/lib/pages/HelpCenter/components/HelpCategoryCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpCategoryCard.js","sources":["../../../../src/pages/HelpCenter/components/HelpCategoryCard.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"2HA0BA;AACA,MAAM,eAAe,GAAwE;AACzF,EAAA,mBAAA,EAAmB;AACf,IAAA,QAAA,EAAA,mCAA6C;AAC7C,IAAA,MAAA,EAAA,aAAqB;AACrB,IAAA,KAAA,EAAA;AACH,GAAA;AACD,EAAA,cAAA,EAAc;AACV,IAAA,QAAA,EAAA,oCAA8C;AAC9C,IAAA,MAAA,EAAA,eAAuB;AACvB,IAAA,KAAA,EAAA;AACH,GAAA;AACD,EAAA,uBAAA,EAAuB;AACnB,IAAA,QAAA,EAAA,gCAA0C;AAC1C,IAAA,MAAA,EAAA,aAAqB;AACrB,IAAA,KAAA,EAAA;AACH,GAAA;AACD,EAAA,iBAAA,EAAiB;AACb,IAAA,QAAA,EAAA,mCAA6C;AAC7C,IAAA,MAAA,EAAA,cAAsB;AACtB,IAAA,KAAA,EAAA;AACH,GAAA;AACD,EAAA,qBAAA,EAAqB;AACjB,IAAA,QAAA,EAAA,gCAA0C;AAC1C,IAAA,MAAA,EAAA,aAAqB;AACrB,IAAA,KAAA,EAAA;AACH,GAAA;AACD,EAAA,YAAA,EAAY;AACR,IAAA,QAAA,EAAA,kCAA4C;AAC5C,IAAA,MAAA,EAAA,eAAuB;AACvB,IAAA,KAAA,EAAA;AACH,GAAA;AACD,EAAA,qBAAA,EAAqB;AACjB,IAAA,QAAA,EAAA,oCAA8C;AAC9C,IAAA,MAAA,EAAA,gBAAwB;AACxB,IAAA,KAAA,EAAA;AACH,GAAA;AACD,EAAA,QAAA,EAAQ;AACJ,IAAA,QAAA,EAAA,oCAA8C;AAC9C,IAAA,MAAA,EAAA,eAAuB;AACvB,IAAA,KAAA,EAAA;AACH,GAAA;AACD,EAAA,WAAA,EAAW;AACP,IAAA,QAAA,EAAA,+BAAyC;AACzC,IAAA,MAAA,EAAA,aAAqB;AACrB,IAAA,KAAA,EAAA;AACH;CACJ;AAED,MAAM,aAAa,GAAG;AAClB,EAAA,QAAA,EAAQ,6BAA+B;AACvC,EAAA,MAAA,EAAM,YAAc;AACpB,EAAA,KAAA,EAAK;CACR;AAEY,MAAA,gBAAgB,GAAoC,CAAC;UAMxD;WACE;AACA,EAAA,OAAA;UACH,GAAA;AACL,CAAA,KAAE;QAEI,WAAS,GAAA,MAAA;IACf,IAAM,OAAA,EAAA;AAEN,MAAA,OAAgB,CAAA,QAAA,CAAG,EAAC,CAAA;AAChB;AACI,GAAA;AACA,EAAA,MAAA,MAAA,GAAA,eAAqB,CAAA,QAAC,qBAAU;QACpC,YAAC,GAAA,QAAA,CAAA,QAAA,EAAA,MAAA,IAAA,CAAA;AACD,EAAA,MAAA,UACS,GAAA,QAAA,IAAA;AASb,IAAA,IAAE,QAAA,IAAA,eAAA,EAAA;MAEE,MAAA,aAAW,GAAA,eAAA,CAAA,QAAA,CAAA;AACX,MAAA,OAAAA,GAEQ,CAAA,aAAA,EAAA;QA2DX,SAAA,EAAA;OAE0C,CAAA;;AAmC/C,IAAE,OAAAA,GAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HelpCategoryCard.js","sources":["../../../../src/pages/HelpCenter/components/HelpCategoryCard.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}

package/lib/pages/HelpCenter/components/Icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,eAAe;wBACJ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;iBAkBpC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;sBAkBxB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;0BAgBzB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;yBAiB9B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;wBAiB9B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;qBAiBhC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;uBAiB3B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;qBAiB/B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;oBAiB9B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;qBAgB5B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;6BAgBrB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;iBAgBzC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;yBAkBrB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;gCAmBtB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;yBAoBpC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;4BAiB1B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;wBAiBjC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;8BAkBvB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;yBAmBlC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;kCAoBpB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;4BAkBnC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;gCAgBzB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;0BAgBnC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;gCAkBvB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;sBAiBvC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;sBAiB7B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;2BAiBxB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;CAgBvD,CAAC"}
+{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,eAAe;wBACJ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;iBAkBpC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;sBAgBxB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;0BAkBzB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;yBAiB9B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;wBAmB9B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;qBAkBhC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;uBAiB3B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;qBAqB/B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;oBAkB9B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;qBAkB5B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;6BAmBrB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;iBAgBzC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;yBAkBrB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;gCAmBtB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;yBAkBpC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;4BAkB1B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;wBAgBjC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;8BAkBvB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;yBAmBlC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;kCAoBpB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;4BAiBnC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;gCAgBzB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;0BAgBnC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;gCAqBvB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;sBAiBvC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;sBAiB7B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;2BAiBxB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;CAoBvD,CAAC"}