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

package/lib/components/Icons.js

@@ -0,0 +1,186 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {GrStripe}from'@react-icons/all-files/gr/GrStripe.js';import {FaShopify}from'@react-icons/all-files/fa/FaShopify.js';import {SiNotion}from'@react-icons/all-files/si/SiNotion.js';import {IoLogoVercel}from'@react-icons/all-files/io5/IoLogoVercel.js';import {CgLinear}from'@react-icons/all-files/cg/CgLinear.js';import {FaFigma}from'@react-icons/all-files/fa/FaFigma.js';import {FaStar}from'@react-icons/all-files/fa/FaStar.js';import {FaArrowRight}from'@react-icons/all-files/fa/FaArrowRight.js';import {FaArrowLeft}from'@react-icons/all-files/fa/FaArrowLeft.js';import'@react-icons/all-files/fa/FaArrowUp.js';import'@react-icons/all-files/fa/FaArrowDown.js';import {MdKeyboardArrowRight}from'@react-icons/all-files/md/MdKeyboardArrowRight.js';import'@react-icons/all-files/md/MdKeyboardArrowLeft.js';import'@react-icons/all-files/md/MdKeyboardArrowUp.js';import'@react-icons/all-files/md/MdKeyboardArrowDown.js';import {MdInfo}from'@react-icons/all-files/md/MdInfo.js';import {MdWork}from'@react-icons/all-files/md/MdWork.js';import {MdContactMail}from'@react-icons/all-files/md/MdContactMail.js';import {MdLock}from'@react-icons/all-files/md/MdLock.js';import {MdDescription}from'@react-icons/all-files/md/MdDescription.js';import {MdNewReleases}from'@react-icons/all-files/md/MdNewReleases.js';import {MdGroup}from'@react-icons/all-files/md/MdGroup.js';import {MdCheckCircle}from'@react-icons/all-files/md/MdCheckCircle.js';import {MdCheck}from'@react-icons/all-files/md/MdCheck.js';import {MdMenu}from'@react-icons/all-files/md/MdMenu.js';import {MdClose}from'@react-icons/all-files/md/MdClose.js';import {MdBrightness5}from'@react-icons/all-files/md/MdBrightness5.js';import {MdBrightness2}from'@react-icons/all-files/md/MdBrightness2.js';import {MdChevronRight}from'@react-icons/all-files/md/MdChevronRight.js';import {MdArrowBack}from'@react-icons/all-files/md/MdArrowBack.js';import {MdSearch}from'@react-icons/all-files/md/MdSearch.js';import {MdSchedule}from'@react-icons/all-files/md/MdSchedule.js';import {MdMoodBad}from'@react-icons/all-files/md/MdMoodBad.js';import {MdViewList}from'@react-icons/all-files/md/MdViewList.js';import {MdForum}from'@react-icons/all-files/md/MdForum.js';import {MdMail}from'@react-icons/all-files/md/MdMail.js';import {FaGithub}from'@react-icons/all-files/fa/FaGithub.js';import {FaTwitter}from'@react-icons/all-files/fa/FaTwitter.js';import {FaLinkedin}from'@react-icons/all-files/fa/FaLinkedin.js';import {FaYoutube}from'@react-icons/all-files/fa/FaYoutube.js';import {FiSearch}from'@react-icons/all-files/fi/FiSearch.js';import {HiOutlineSparkles}from'@react-icons/all-files/hi/HiOutlineSparkles.js';const Icons = {
+  GettingStarted: props => jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...props,
+    children: [jsx("path", {
+      d: "M12 2L2 7l10 5 10-5-10-5z"
+    }), jsx("path", {
+      d: "M2 17l10 5 10-5"
+    }), jsx("path", {
+      d: "M2 12l10 5 10-5"
+    })]
+  }),
+  AccountManagement: props => jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...props,
+    children: [jsx("path", {
+      d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"
+    }), jsx("circle", {
+      cx: "12",
+      cy: "7",
+      r: "4"
+    })]
+  }),
+  Billing: props => jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...props,
+    children: [jsx("rect", {
+      x: "2",
+      y: "4",
+      width: "20",
+      height: "16",
+      rx: "2"
+    }), jsx("line", {
+      x1: "2",
+      y1: "10",
+      x2: "22",
+      y2: "10"
+    })]
+  }),
+  ProductFeatures: props => jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...props,
+    children: jsx("path", {
+      d: "M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"
+    })
+  }),
+  Troubleshooting: props => jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...props,
+    children: [jsx("circle", {
+      cx: "12",
+      cy: "12",
+      r: "10"
+    }), jsx("path", {
+      d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"
+    }), jsx("line", {
+      x1: "12",
+      y1: "17",
+      x2: "12.01",
+      y2: "17"
+    })]
+  }),
+  Api: props => jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...props,
+    children: [jsx("polyline", {
+      points: "16 18 22 12 16 6"
+    }), jsx("polyline", {
+      points: "8 6 2 12 8 18"
+    })]
+  }),
+  Security: props => jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...props,
+    children: jsx("path", {
+      d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"
+    })
+  }),
+  Feedback: props => jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...props,
+    children: jsx("path", {
+      d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"
+    })
+  }),
+  Contact: props => jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...props,
+    children: [jsx("path", {
+      d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"
+    }), jsx("polyline", {
+      points: "22,6 12,13 2,6"
+    })]
+  }),
+  StripeIcon: GrStripe,
+  ShopifyIcon: FaShopify,
+  NotionIcon: SiNotion,
+  VercelIcon: IoLogoVercel,
+  LinearIcon: CgLinear,
+  FigmaIcon: FaFigma,
+  StarIcon: FaStar,
+  ArrowRightIcon: FaArrowRight,
+  ArrowLeftIcon: FaArrowLeft,
+  KeyboardArrowRightIcon: MdKeyboardArrowRight,
+  MdInfoIcon: MdInfo,
+  MdWorkIcon: MdWork,
+  MdContactMailIcon: MdContactMail,
+  MdLockIcon: MdLock,
+  MdDescriptionIcon: MdDescription,
+  MdNewReleasesIcon: MdNewReleases,
+  MdGroupIcon: MdGroup,
+  MdCheckCircleIcon: MdCheckCircle,
+  MdCheckIcon: MdCheck,
+  MdMenuIcon: MdMenu,
+  MdCloseIcon: MdClose,
+  MdBrightness5Icon: MdBrightness5,
+  MdBrightness2Icon: MdBrightness2,
+  MdChevronRightIcon: MdChevronRight,
+  MdArrowBackIcon: MdArrowBack,
+  MdSearchIcon: MdSearch,
+  MdScheduleIcon: MdSchedule,
+  MdMoodBadIcon: MdMoodBad,
+  MdViewListIcon: MdViewList,
+  MdForumIcon: MdForum,
+  MdMailIcon: MdMail,
+  FaGithubIcon: FaGithub,
+  FaTwitterIcon: FaTwitter,
+  FaLinkedinIcon: FaLinkedin,
+  FaYoutubeIcon: FaYoutube,
+  FiSearchIcon: FiSearch,
+  HiOutlineSparklesIcon: HiOutlineSparkles
+};export{Icons};//# sourceMappingURL=Icons.js.map

package/lib/components/Icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.js","sources":["../../src/components/Icons.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"ooFA4Ca,MAAA,KAAK,GAAG;gBACH,EAAA,KAAG,IAAsCA,IACnD,CACI,KAAA,EAAA;IAcR,KAAiB,EAAA,4BAET;AAaR,IAAA,OAAO,EAAE,WAA0C;IAenD,IAAe,EAAA,MAAA;AAcf,IAAA,MAAA,EAAA,cAAkB;IAgBlB,WAA0C,EAAE,KAEpC;IAaR,aAA+C,EAAA,OAC3C;IAaJ,cAA+C,EAAA;IAc/C,GAAO,KAAA;IAeP,QAAU,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA;MACC,CAAA,EAAA;KACD,CAAA,EAAAA,GAAA,CAAA,MAAA,EAAA;MACA,CAAA,EAAA;KACA,CAAA,EAAAA,GAAA,CAAA,MAAA,EAAA;MACD,CAAA,EAAA;KACD,CAAA;IACR;mBACa,EAAA,KAAA,IAAAD,IAAA,CAAA,KAAA,EAAA;IACb,KAAW,EAAA,4BAAA;IACX,OAAa,EAAA,WAAA;IACb,IAAsB,EAAA,MAAA;IACtB,MAAqB,EAAA,cAAA;IACrB,WAAmB,EAAA,KAAA;IACnB,aAAqB,EAAA,OAAA;IACrB,cAAU,EAAA,OAAA;IACV,GAAU,KAAA;IACV,QAAiB,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA;MACP,CAAA,EAAA;KACO,CAAA,EAAAA,GAAA,CAAA,QAAA,EAAA;MACA,EAAA,EAAA,IAAA;MACN,EAAA,EAAA,GAAA;MACM,CAAA,EAAA;KACN,CAAA;IACX;SACW,EAAA,KAAA,IAAAD,IAAA,CAAA,KAAA,EAAA;IACX,KAAiB,EAAA,4BAAA;IACjB,OAAiB,EAAA,WAAA;IACjB,IAAkB,EAAA,MAAA;IAClB,MAAe,EAAA,cAAA;IACf,WAAY,EAAA,KAAA;IACZ,aAAc,EAAA,OAAA;IACd,cAAa,EAAA,OAAA;IACb,GAAc,KAAA;IACd,QAAW,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA;MACD,CAAA,EAAA,GAAA;MACE,CAAA,EAAA,GAAA;MACC,KAAA,EAAA,IAAA;MACC,MAAA,EAAA,IAAA;MACD,EAAA,EAAA;KACD,CAAA,EAAAA,GAAA,CAAA,MAAA,EAAA;MACS,EAAA,EAAA,GAAA;MACvB,EAAA,EAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Logo.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-import { ILogoProps } from '@admin-layout/tailwind-design-pro/lib/components/typings.js';
-export declare const Logo: React.FC<ILogoProps>;
+export declare const Logo: React.FC<any>;
 //# sourceMappingURL=Logo.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../src/components/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAC;AAEzF,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAoIrC,CAAC"}
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../src/components/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAsI9B,CAAC"}

package/lib/components/Logo.js

@@ -1,17 +1,14 @@
 import {jsxs,jsx}from'react/jsx-runtime';const Logo = props => {
-  const {
-    settings,
-    logo,
-    scrolled,
-    location
-  } = props;
-  const fill = !scrolled ? '#fff' : settings?.navTheme === 'dark' ? '#fff' : 'black';
+  // Use CSS theme variable so the fill automatically adapts to light/dark mode.
+  // The header bg is always transparent (showing bg-background) before scroll,
+  // so hardcoded white is never correct on light theme.
+  const fill = 'hsl(var(--foreground))';
   return jsxs("svg", {
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     x: "0px",
     y: "0px",
-    viewBox: "0 0 700 250",
+    viewBox: "60 0 700 250",
     width: "100%",
     height: "60",
     children: [jsx("style", {

package/lib/components/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sources":["../../src/components/Logo.tsx"],"sourcesContent":[null],"names":[],"mappings":"yCAGa,MAAA,IAAI,GAAyB,KAAC,IAAS;QAC1C;IACN,QAAM;AAEN,IAAA,IAAA;;;;;;;;;;;;;;UA0BgB,EAAA;AAsGpB,MAAE,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Logo.js","sources":["../../src/components/Logo.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"yCAIa,MAAA,IAAI,GAAkB,KAAC,IAAS;;;;QAInC,IAAA,GAAO,wBAAA;AAEb,EAAA,OAAAA,IACI,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;AA+HR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/PageHero.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface PageHeroProps {
+    title: string;
+    description?: string;
+    icon: React.ReactNode;
+}
+export declare const PageHero: React.FC<PageHeroProps>;
+export {};
+//# sourceMappingURL=PageHero.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageHero.d.ts","sourceRoot":"","sources":["../../src/components/PageHero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,aAAa;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkC5C,CAAC"}

package/lib/components/PageHero.js

@@ -0,0 +1,47 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {Link}from'@remix-run/react';import {Icons}from'./Icons.js';const PageHero = ({
+  title,
+  description,
+  icon
+}) => {
+  return jsxs("div", {
+    className: "relative overflow-hidden w-full",
+    children: [jsx("div", {
+      className: "absolute inset-0 bg-[#060b18]",
+      children: jsx("div", {
+        className: "absolute inset-0 opacity-[0.03]",
+        children: jsx("div", {
+          className: "h-full w-full",
+          style: {
+            backgroundImage: 'radial-gradient(rgba(255,255,255,0.8) 1px, transparent 1px)',
+            backgroundSize: '24px 24px'
+          }
+        })
+      })
+    }), jsxs("div", {
+      className: "relative z-10 mx-auto flex min-h-[280px] max-w-7xl flex-col items-center justify-center px-6 py-16 text-center lg:px-16",
+      children: [jsx("div", {
+        className: "mb-4 flex h-14 w-14 items-center justify-center rounded-2xl bg-white/5 text-cyan-400 ring-1 ring-white/10",
+        children: icon
+      }), jsx("h1", {
+        className: "mb-3 text-3xl font-extrabold tracking-tight text-white sm:text-4xl",
+        children: title
+      }), description && jsx("p", {
+        className: "mx-auto max-w-xl text-base text-white/50 lg:text-lg",
+        children: description
+      }), jsxs(Link, {
+        to: "/landing",
+        className: "mt-6 inline-flex items-center gap-2 text-sm font-medium text-white/60 transition-colors hover:text-white",
+        children: [jsx(Icons.ArrowLeftIcon, {
+          className: "h-4 w-4"
+        }), "Back to Home"]
+      })]
+    }), jsxs("div", {
+      className: "relative z-10",
+      children: [jsx("div", {
+        className: "h-px bg-gradient-to-r from-transparent via-cyan-500/20 to-transparent"
+      }), jsx("div", {
+        className: "h-12 bg-gradient-to-b from-[#060b18] to-background"
+      })]
+    })]
+  });
+};export{PageHero};//# sourceMappingURL=PageHero.js.map

package/lib/components/PageHero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHero.js","sources":["../../src/components/PageHero.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"4GAUO,MAAM,QAAQ,GAA4B,CAAC;OACvC;AAOiB,EAAA,WAAA;AACA,EAAA;AACH,CAAA,KAAA;AAwBzB,EAAE,OAAAA,IAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/SearchBar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SearchbarProps {
+    onSearch?: (query: string) => void;
+    initialSearchQuery?: string;
+}
+export declare const SearchBar: React.FC<SearchbarProps>;
+export {};
+//# sourceMappingURL=SearchBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../src/components/SearchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,UAAU,cAAc;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;AACD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqR9C,CAAC"}

package/lib/components/SearchBar.js

@@ -0,0 +1,262 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {createPortal}from'react-dom';import {useNavigate}from'@remix-run/react';import {getCategoryByIdSync,searchArticles}from'../utils/markdownLoader.js';import {Icons}from'./Icons.js';const SearchBar = props => {
+  const navigate = useNavigate();
+  const [searchQuery, setSearchQuery] = useState('');
+  const [searchResults, setSearchResults] = useState([]);
+  const [showDropdown, setShowDropdown] = useState(false);
+  const [selectedIndex, setSelectedIndex] = useState(-1);
+  const [isFocused, setIsFocused] = useState(false);
+  const [dropdownPosition, setDropdownPosition] = useState({
+    top: 0,
+    left: 0,
+    width: 0
+  });
+  const searchContainerRef = useRef(null);
+  const inputRef = useRef(null);
+  const updateDropdownPosition = useRef(() => {
+    if (searchContainerRef.current) {
+      const rect = searchContainerRef.current.getBoundingClientRect();
+      setDropdownPosition({
+        top: rect.bottom + window.scrollY + 6,
+        left: rect.left + window.scrollX,
+        width: rect.width
+      });
+    }
+  });
+  useEffect(() => {
+    if (searchQuery.trim().length > 0) {
+      const performSearch = async () => {
+        const results = await searchArticles(searchQuery);
+        setSearchResults(results.slice(0, 6));
+        setShowDropdown(true);
+        setSelectedIndex(-1);
+      };
+      performSearch();
+    } else {
+      setSearchResults([]);
+      setShowDropdown(false);
+    }
+  }, [searchQuery]);
+  useEffect(() => {
+    if (showDropdown) {
+      updateDropdownPosition.current();
+      const handleScroll = () => updateDropdownPosition.current();
+      const handleResize = () => updateDropdownPosition.current();
+      window.addEventListener('scroll', handleScroll, true);
+      window.addEventListener('resize', handleResize);
+      return () => {
+        window.removeEventListener('scroll', handleScroll, true);
+        window.removeEventListener('resize', handleResize);
+      };
+    }
+  }, [showDropdown]);
+  useEffect(() => {
+    const handleClickOutside = event => {
+      const target = event.target;
+      if (searchContainerRef.current && !searchContainerRef.current.contains(target)) {
+        const dropdown = document.querySelector('[data-search-dropdown]');
+        if (!dropdown || !dropdown.contains(target)) {
+          setShowDropdown(false);
+        }
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => document.removeEventListener('mousedown', handleClickOutside);
+  }, []);
+  const handleSearch = e => {
+    e.preventDefault();
+    if (searchResults.length > 0) {
+      const target = selectedIndex >= 0 ? searchResults[selectedIndex] : searchResults[0];
+      navigate(`/help-center/${target.categoryId}/${target.slug}`);
+      setShowDropdown(false);
+    }
+  };
+  const handleInputChange = e => {
+    setSearchQuery(e.target.value);
+  };
+  const handleInputFocus = () => {
+    setIsFocused(true);
+    if (searchResults.length > 0) setShowDropdown(true);
+  };
+  const handleInputBlur = () => {
+    setIsFocused(false);
+  };
+  const handleKeyDown = e => {
+    if (!showDropdown || searchResults.length === 0) return;
+    if (e.key === 'ArrowDown') {
+      e.preventDefault();
+      setSelectedIndex(prev => prev < searchResults.length - 1 ? prev + 1 : 0);
+    } else if (e.key === 'ArrowUp') {
+      e.preventDefault();
+      setSelectedIndex(prev => prev > 0 ? prev - 1 : searchResults.length - 1);
+    } else if (e.key === 'Escape') {
+      setShowDropdown(false);
+    }
+  };
+  const handleResultClick = (article, e) => {
+    if (e) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+    if (!article?.categoryId || !article?.slug) return;
+    setShowDropdown(false);
+    setSearchQuery('');
+    navigate(`/help-center/${article.categoryId}/${article.slug}`);
+  };
+  const popularTerms = [{
+    label: 'AI Employees',
+    icon: '\u{1F916}'
+  }, {
+    label: 'Integrations',
+    icon: '\u{1F517}'
+  }, {
+    label: 'Security',
+    icon: '\u{1F6E1}'
+  }, {
+    label: 'Getting started',
+    icon: '\u{1F680}'
+  }];
+  return jsxs("div", {
+    children: [jsx("form", {
+      onSubmit: handleSearch,
+      className: "relative w-full max-w-2xl mx-auto",
+      style: {
+        zIndex: 50
+      },
+      children: jsxs("div", {
+        ref: searchContainerRef,
+        className: "relative w-full group",
+        children: [jsx("div", {
+          className: "absolute -inset-[2px] rounded-[18px] transition-opacity duration-500",
+          style: {
+            background: isFocused ? 'linear-gradient(135deg, rgba(6,182,212,0.3), rgba(139,92,246,0.3), rgba(236,72,153,0.2))' : 'transparent',
+            filter: 'blur(8px)',
+            opacity: isFocused ? 1 : 0
+          }
+        }), jsxs("div", {
+          className: `relative flex w-full rounded-2xl bg-white/[0.07] backdrop-blur-xl border shadow-2xl shadow-black/30 transition-all duration-300 ${isFocused ? 'border-white/[0.18] bg-white/[0.10]' : 'border-white/[0.08]'}`,
+          children: [jsxs("div", {
+            className: "relative flex-1",
+            children: [jsx("div", {
+              className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-5 z-10",
+              children: jsx(Icons.MdSearchIcon, {
+                className: 'h-5 w-5 transition-colors duration-300 ' + (isFocused ? 'text-cyan-400' : 'text-white/30')
+              })
+            }), jsx("input", {
+              ref: inputRef,
+              type: "text",
+              className: "h-[56px] w-full bg-transparent py-5 pl-14 pr-4 text-[15px] text-white placeholder-white/25 outline-none relative z-10",
+              placeholder: "Search articles, guides, and tutorials...",
+              value: searchQuery,
+              onChange: handleInputChange,
+              onFocus: handleInputFocus,
+              onBlur: handleInputBlur,
+              onKeyDown: handleKeyDown
+            })]
+          }), jsx("button", {
+            type: "submit",
+            className: "flex items-center justify-center rounded-r-2xl bg-gradient-to-r from-cyan-500 to-blue-600 px-7 text-sm font-semibold text-white transition-all hover:from-cyan-400 hover:to-blue-500 hover:shadow-lg hover:shadow-cyan-500/20 relative z-10",
+            children: "Search"
+          })]
+        })]
+      })
+    }), jsxs("div", {
+      className: "mt-5 flex flex-wrap items-center justify-center gap-2",
+      children: [jsx("span", {
+        className: "text-[12px] text-white/25 mr-1",
+        children: "Popular:"
+      }), popularTerms.map(term => jsxs("button", {
+        onClick: () => {
+          setSearchQuery(term.label);
+          setShowDropdown(true);
+        },
+        className: "inline-flex items-center gap-1.5 rounded-full border border-white/[0.06] bg-white/[0.03] px-3 py-1.5 text-[12px] text-white/40 transition-all duration-300 hover:bg-white/[0.08] hover:text-white/60 hover:border-white/[0.12]",
+        children: [jsx("span", {
+          className: "text-[11px]",
+          children: term.icon
+        }), term.label]
+      }, term.label))]
+    }), showDropdown && typeof document !== 'undefined' && createPortal(jsx(Fragment, {
+      children: searchResults.length > 0 ? jsxs("div", {
+        "data-search-dropdown": true,
+        className: "fixed rounded-2xl bg-white/95 backdrop-blur-xl shadow-2xl shadow-black/20 border border-gray-200/60 max-h-[420px] overflow-y-auto z-[9999]",
+        style: {
+          top: `${dropdownPosition.top}px`,
+          left: `${dropdownPosition.left}px`,
+          width: `${dropdownPosition.width}px`
+        },
+        onClick: e => e.stopPropagation(),
+        children: [jsx("div", {
+          className: "p-2",
+          children: searchResults.map((article, index) => {
+            const category = getCategoryByIdSync(article.categoryId);
+            return jsxs("div", {
+              onClick: e => {
+                e.preventDefault();
+                e.stopPropagation();
+                handleResultClick(article, e);
+              },
+              className: `flex items-start gap-3 rounded-xl px-3 py-2.5 transition-all duration-150 cursor-pointer ${selectedIndex === index ? 'bg-gradient-to-r from-cyan-50 to-blue-50 shadow-sm' : 'hover:bg-gray-50/80'}`,
+              role: "button",
+              tabIndex: 0,
+              onKeyDown: e => {
+                if (e.key === 'Enter' || e.key === ' ') {
+                  e.preventDefault();
+                  handleResultClick(article);
+                }
+              },
+              children: [jsx("div", {
+                className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-gradient-to-br from-gray-50 to-gray-100 text-gray-400 ring-1 ring-gray-200/60",
+                children: jsx(Icons.MdDescriptionIcon, {
+                  className: "h-3.5 w-3.5"
+                })
+              }), jsxs("div", {
+                className: "min-w-0 flex-1",
+                children: [jsx("div", {
+                  className: "text-[13px] font-semibold text-gray-900 truncate",
+                  children: article.title
+                }), article.description && jsx("div", {
+                  className: "mt-0.5 text-[12px] text-gray-500 line-clamp-1",
+                  children: article.description
+                }), category && jsx("div", {
+                  className: "mt-1.5 inline-flex items-center rounded-md bg-blue-50/80 px-1.5 py-0.5 text-[10px] font-medium text-blue-600 ring-1 ring-blue-100",
+                  children: category.title
+                })]
+              }), jsx(Icons.MdChevronRightIcon, {
+                className: "mt-1 h-3.5 w-3.5 shrink-0 text-gray-300"
+              })]
+            }, article.id);
+          })
+        }), jsx("div", {
+          className: "border-t border-gray-100/80 px-3 py-2 text-center",
+          children: jsx("span", {
+            className: "text-[11px] text-gray-400",
+            children: "Enter to select \u00B7 \u2191\u2193 navigate \u00B7 Esc to close"
+          })
+        })]
+      }) : searchQuery.trim().length > 0 ? jsx("div", {
+        className: "fixed rounded-2xl bg-white/95 backdrop-blur-xl shadow-2xl border border-gray-200/60 z-[9999]",
+        style: {
+          top: `${dropdownPosition.top}px`,
+          left: `${dropdownPosition.left}px`,
+          width: `${dropdownPosition.width}px`
+        },
+        onClick: e => e.stopPropagation(),
+        children: jsxs("div", {
+          className: "px-4 py-8 text-center",
+          children: [jsx("div", {
+            className: "mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded-full bg-gray-50",
+            children: jsx(Icons.MdSearchIcon, {
+              className: "h-5 w-5 text-gray-400"
+            })
+          }), jsx("p", {
+            className: "text-sm font-medium text-gray-700",
+            children: "No results found"
+          }), jsx("p", {
+            className: "mt-1 text-xs text-gray-400",
+            children: "Try different keywords or browse categories below"
+          })]
+        })
+      }) : null
+    }), document.body)]
+  });
+};export{SearchBar};//# sourceMappingURL=SearchBar.js.map

package/lib/components/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","sources":["../../src/components/SearchBar.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/lib/components/SidebarSearch.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SidebarSearchProps {
+    className?: string;
+    placeholder?: string;
+}
+export declare const SidebarSearch: React.FC<SidebarSearchProps>;
+export {};
+//# sourceMappingURL=SidebarSearch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarSearch.d.ts","sourceRoot":"","sources":["../../src/components/SidebarSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,UAAU,kBAAkB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0HtD,CAAC"}