@djangocfg/ui-nextjs 2.1.103 → 2.1.104

package/dist/index.mjs

@@ -1,3962 +0,0 @@
-import * as components_star from '@djangocfg/ui-core/components';
-import { TooltipProvider, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, Button, Input, Separator, Tooltip, TooltipTrigger, TooltipContent, Skeleton, buttonVariants, Card, CardHeader, Badge, CardTitle, CardDescription, CardContent, ButtonLink, CopyButton, Sticky } from '@djangocfg/ui-core/components';
-import { ChevronRight, Check, Circle, PanelLeft, MoreHorizontal, ChevronLeft, Mail, Sparkles, ArrowRight, Sun, Moon, Wand2 } from 'lucide-react';
-import Link5 from 'next/link';
-import * as React6 from 'react';
-import React6__default, { useState, useRef, useEffect, useMemo, useCallback } from 'react';
-import { cn } from '@djangocfg/ui-core/lib';
-import { Slot } from '@radix-ui/react-slot';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { usePathname, useRouter } from 'next/navigation';
-import * as hooks_star from '@djangocfg/ui-core/hooks';
-import { useIsMobile } from '@djangocfg/ui-core/hooks';
-import { useHotkeysContext, isHotkeyPressed, HotkeysProvider, useHotkeys } from 'react-hotkeys-hook';
-export { HotkeysProvider, isHotkeyPressed, useHotkeysContext } from 'react-hotkeys-hook';
-import { cva } from 'class-variance-authority';
-import moment2 from 'moment';
-import Image from 'next/image';
-import { VideoPlayer } from '@djangocfg/ui-tools';
-import { ThemeProvider as ThemeProvider$1, useTheme } from 'next-themes';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  AnimatedBackground: () => AnimatedBackground,
-  ArticleCard: () => ArticleCard,
-  ArticleList: () => ArticleList,
-  Breadcrumb: () => Breadcrumb,
-  BreadcrumbEllipsis: () => BreadcrumbEllipsis,
-  BreadcrumbItem: () => BreadcrumbItem,
-  BreadcrumbLink: () => BreadcrumbLink,
-  BreadcrumbList: () => BreadcrumbList,
-  BreadcrumbNavigation: () => BreadcrumbNavigation,
-  BreadcrumbPage: () => BreadcrumbPage,
-  BreadcrumbSeparator: () => BreadcrumbSeparator,
-  CTASection: () => CTASection,
-  DropdownMenu: () => DropdownMenu,
-  DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
-  DropdownMenuContent: () => DropdownMenuContent,
-  DropdownMenuGroup: () => DropdownMenuGroup,
-  DropdownMenuItem: () => DropdownMenuItem,
-  DropdownMenuLabel: () => DropdownMenuLabel,
-  DropdownMenuRadioGroup: () => DropdownMenuRadioGroup,
-  DropdownMenuRadioItem: () => DropdownMenuRadioItem,
-  DropdownMenuSeparator: () => DropdownMenuSeparator,
-  DropdownMenuShortcut: () => DropdownMenuShortcut,
-  DropdownMenuSub: () => DropdownMenuSub,
-  DropdownMenuSubContent: () => DropdownMenuSubContent,
-  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
-  DropdownMenuTrigger: () => DropdownMenuTrigger,
-  FeatureSection: () => FeatureSection,
-  ForceTheme: () => ForceTheme,
-  Hero: () => Hero,
-  HotkeysProvider: () => HotkeysProvider,
-  MouseFollower: () => MouseFollower,
-  NewsletterSection: () => NewsletterSection,
-  Pagination: () => Pagination,
-  PaginationContent: () => PaginationContent,
-  PaginationEllipsis: () => PaginationEllipsis,
-  PaginationItem: () => PaginationItem,
-  PaginationLink: () => PaginationLink,
-  PaginationNext: () => PaginationNext,
-  PaginationPrevious: () => PaginationPrevious,
-  SSRPagination: () => SSRPagination,
-  Sidebar: () => Sidebar,
-  SidebarContent: () => SidebarContent,
-  SidebarFooter: () => SidebarFooter,
-  SidebarGroup: () => SidebarGroup,
-  SidebarGroupAction: () => SidebarGroupAction,
-  SidebarGroupContent: () => SidebarGroupContent,
-  SidebarGroupLabel: () => SidebarGroupLabel,
-  SidebarHeader: () => SidebarHeader,
-  SidebarInput: () => SidebarInput,
-  SidebarInset: () => SidebarInset,
-  SidebarMenu: () => SidebarMenu,
-  SidebarMenuAction: () => SidebarMenuAction,
-  SidebarMenuBadge: () => SidebarMenuBadge,
-  SidebarMenuButton: () => SidebarMenuButton,
-  SidebarMenuItem: () => SidebarMenuItem,
-  SidebarMenuSkeleton: () => SidebarMenuSkeleton,
-  SidebarMenuSub: () => SidebarMenuSub,
-  SidebarMenuSubButton: () => SidebarMenuSubButton,
-  SidebarMenuSubItem: () => SidebarMenuSubItem,
-  SidebarProvider: () => SidebarProvider,
-  SidebarRail: () => SidebarRail,
-  SidebarSeparator: () => SidebarSeparator,
-  SidebarTrigger: () => SidebarTrigger,
-  SplitHero: () => SplitHero,
-  SplitHeroContent: () => SplitHeroContent,
-  SplitHeroMedia: () => SplitHeroMedia,
-  StaticPagination: () => StaticPagination,
-  StatsSection: () => StatsSection,
-  SuperHero: () => SuperHero,
-  TestimonialSection: () => TestimonialSection,
-  ThemeProvider: () => ThemeProvider,
-  ThemeToggle: () => ThemeToggle,
-  isHotkeyPressed: () => isHotkeyPressed,
-  useBrowserDetect: () => useBrowserDetect,
-  useCfgRouter: () => useCfgRouter,
-  useDRFPagination: () => useDRFPagination,
-  useDRFPaginationInfo: () => useDRFPaginationInfo,
-  useDeviceDetect: () => useDeviceDetect,
-  useHotkey: () => useHotkey,
-  useHotkeysContext: () => useHotkeysContext,
-  useQueryParams: () => useQueryParams,
-  useResolvedTheme: () => useResolvedTheme,
-  useSidebar: () => useSidebar,
-  useThemeContext: () => useThemeContext
-});
-
-// src/components/index.ts
-var components_exports = {};
-__export(components_exports, {
-  Breadcrumb: () => Breadcrumb,
-  BreadcrumbEllipsis: () => BreadcrumbEllipsis,
-  BreadcrumbItem: () => BreadcrumbItem,
-  BreadcrumbLink: () => BreadcrumbLink,
-  BreadcrumbList: () => BreadcrumbList,
-  BreadcrumbNavigation: () => BreadcrumbNavigation,
-  BreadcrumbPage: () => BreadcrumbPage,
-  BreadcrumbSeparator: () => BreadcrumbSeparator,
-  DropdownMenu: () => DropdownMenu,
-  DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
-  DropdownMenuContent: () => DropdownMenuContent,
-  DropdownMenuGroup: () => DropdownMenuGroup,
-  DropdownMenuItem: () => DropdownMenuItem,
-  DropdownMenuLabel: () => DropdownMenuLabel,
-  DropdownMenuRadioGroup: () => DropdownMenuRadioGroup,
-  DropdownMenuRadioItem: () => DropdownMenuRadioItem,
-  DropdownMenuSeparator: () => DropdownMenuSeparator,
-  DropdownMenuShortcut: () => DropdownMenuShortcut,
-  DropdownMenuSub: () => DropdownMenuSub,
-  DropdownMenuSubContent: () => DropdownMenuSubContent,
-  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
-  DropdownMenuTrigger: () => DropdownMenuTrigger,
-  Pagination: () => Pagination,
-  PaginationContent: () => PaginationContent,
-  PaginationEllipsis: () => PaginationEllipsis,
-  PaginationItem: () => PaginationItem,
-  PaginationLink: () => PaginationLink,
-  PaginationNext: () => PaginationNext,
-  PaginationPrevious: () => PaginationPrevious,
-  SSRPagination: () => SSRPagination,
-  Sidebar: () => Sidebar,
-  SidebarContent: () => SidebarContent,
-  SidebarFooter: () => SidebarFooter,
-  SidebarGroup: () => SidebarGroup,
-  SidebarGroupAction: () => SidebarGroupAction,
-  SidebarGroupContent: () => SidebarGroupContent,
-  SidebarGroupLabel: () => SidebarGroupLabel,
-  SidebarHeader: () => SidebarHeader,
-  SidebarInput: () => SidebarInput,
-  SidebarInset: () => SidebarInset,
-  SidebarMenu: () => SidebarMenu,
-  SidebarMenuAction: () => SidebarMenuAction,
-  SidebarMenuBadge: () => SidebarMenuBadge,
-  SidebarMenuButton: () => SidebarMenuButton,
-  SidebarMenuItem: () => SidebarMenuItem,
-  SidebarMenuSkeleton: () => SidebarMenuSkeleton,
-  SidebarMenuSub: () => SidebarMenuSub,
-  SidebarMenuSubButton: () => SidebarMenuSubButton,
-  SidebarMenuSubItem: () => SidebarMenuSubItem,
-  SidebarProvider: () => SidebarProvider,
-  SidebarRail: () => SidebarRail,
-  SidebarSeparator: () => SidebarSeparator,
-  SidebarTrigger: () => SidebarTrigger,
-  StaticPagination: () => StaticPagination,
-  useDRFPagination: () => useDRFPagination,
-  useDRFPaginationInfo: () => useDRFPaginationInfo,
-  useSidebar: () => useSidebar
-});
-__reExport(components_exports, components_star);
-var Breadcrumb = React6.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
-Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "ol",
-  {
-    ref,
-    className: cn(
-      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
-      className
-    ),
-    ...props
-  }
-));
-BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "li",
-  {
-    ref,
-    className: cn("inline-flex items-center gap-1.5", className),
-    ...props
-  }
-));
-BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React6.forwardRef(({ asChild, className, href, children, ...props }, ref) => {
-  const Comp = asChild ? Slot : "a";
-  if (href) {
-    return /* @__PURE__ */ jsx(
-      Link5,
-      {
-        href,
-        className: cn("transition-colors hover:text-foreground", className),
-        ref,
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ref,
-      className: cn("transition-colors hover:text-foreground", className),
-      ...props,
-      children
-    }
-  );
-});
-BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    ref,
-    role: "link",
-    "aria-disabled": "true",
-    "aria-current": "page",
-    className: cn("font-normal text-foreground", className),
-    ...props
-  }
-));
-BreadcrumbPage.displayName = "BreadcrumbPage";
-var BreadcrumbSeparator = /* @__PURE__ */ __name(({
-  children,
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "li",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className),
-    ...props,
-    children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
-  }
-), "BreadcrumbSeparator");
-BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxs(
-  "span",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: cn("flex h-9 w-9 items-center justify-center", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
-    ]
-  }
-), "BreadcrumbEllipsis");
-BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
-var BreadcrumbNavigation = /* @__PURE__ */ __name(({
-  items,
-  separator,
-  maxItems = 5,
-  className,
-  useNextLink = true
-}) => {
-  if (!items || items.length === 0) {
-    return null;
-  }
-  const shouldCollapse = items.length > maxItems;
-  let displayItems = items;
-  if (shouldCollapse && items.length > 0) {
-    if (items.length > 0) {
-      const firstItem = items[0];
-      const lastItems = items.slice(-(maxItems - 2)).filter(Boolean);
-      displayItems = [firstItem, ...lastItems];
-    }
-  }
-  const renderBreadcrumbItem = /* @__PURE__ */ __name((item, index, isLast) => {
-    const isCurrentPage = item.isCurrentPage || isLast || !item.href;
-    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-      item.icon && /* @__PURE__ */ jsx("span", { className: "mr-1", children: item.icon }),
-      item.label
-    ] });
-    if (isCurrentPage) {
-      return /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: content }) }, `${item.label}-${index}`);
-    }
-    return /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: useNextLink, children: useNextLink ? /* @__PURE__ */ jsx(Link5, { href: item.href, children: content }) : /* @__PURE__ */ jsx("a", { href: item.href, children: content }) }) }, `${item.label}-${index}`);
-  }, "renderBreadcrumbItem");
-  return /* @__PURE__ */ jsx(Breadcrumb, { className, children: /* @__PURE__ */ jsx(BreadcrumbList, { children: displayItems.map((item, index) => {
-    const isLast = index === displayItems.length - 1;
-    const isFirst = index === 0;
-    if (shouldCollapse && isFirst && displayItems.length > 2) {
-      return /* @__PURE__ */ jsxs(React6__default.Fragment, { children: [
-        renderBreadcrumbItem(item, index, isLast),
-        /* @__PURE__ */ jsx(BreadcrumbSeparator, { children: separator }),
-        /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbEllipsis, {}) }),
-        !isLast && /* @__PURE__ */ jsx(BreadcrumbSeparator, { children: separator })
-      ] }, `fragment-${index}`);
-    }
-    return /* @__PURE__ */ jsxs(React6__default.Fragment, { children: [
-      renderBreadcrumbItem(item, index, isLast),
-      !isLast && /* @__PURE__ */ jsx(BreadcrumbSeparator, { children: separator })
-    ] }, `fragment-${index}`);
-  }) }) });
-}, "BreadcrumbNavigation");
-BreadcrumbNavigation.displayName = "BreadcrumbNavigation";
-var DropdownMenu = DropdownMenuPrimitive.Root;
-var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuGroup = DropdownMenuPrimitive.Group;
-var DropdownMenuSub = DropdownMenuPrimitive.Sub;
-var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  DropdownMenuPrimitive.SubTrigger,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      inset && "pl-8",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto" })
-    ]
-  }
-));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.SubContent,
-  {
-    ref,
-    className: cn(
-      "z-600 min-w-32 overflow-hidden rounded-sm border bg-popover backdrop-blur-xl p-1 text-popover-foreground shadow-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-600 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-32 overflow-y-auto overflow-x-hidden rounded-sm border bg-popover backdrop-blur-xl p-1 text-popover-foreground shadow-sm",
-      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-) }));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React6.forwardRef(({ className, inset, href, children, ...props }, ref) => {
-  const classes = cn(
-    "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
-    inset && "pl-8",
-    className
-  );
-  if (href) {
-    return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(Link5, { href, className: classes, children }) });
-  }
-  return /* @__PURE__ */ jsx(
-    DropdownMenuPrimitive.Item,
-    {
-      ref,
-      className: classes,
-      ...props,
-      children
-    }
-  );
-});
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
-  DropdownMenuPrimitive.CheckboxItem,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    checked,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  DropdownMenuPrimitive.RadioItem,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
-      children
-    ]
-  }
-));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.Label,
-  {
-    ref,
-    className: cn(
-      "px-2 py-1.5 text-sm font-semibold",
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DropdownMenuPrimitive.Separator,
-  {
-    ref,
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuShortcut = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
-      ...props
-    }
-  );
-}, "DropdownMenuShortcut");
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-var Pagination = /* @__PURE__ */ __name(({ className, ...props }) => /* @__PURE__ */ jsx(
-  "nav",
-  {
-    role: "navigation",
-    "aria-label": "pagination",
-    className: cn("mx-auto flex w-full justify-center", className),
-    ...props
-  }
-), "Pagination");
-Pagination.displayName = "Pagination";
-var PaginationContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "ul",
-  {
-    ref,
-    className: cn("flex flex-row items-center gap-1", className),
-    ...props
-  }
-));
-PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
-PaginationItem.displayName = "PaginationItem";
-var PaginationLink = /* @__PURE__ */ __name(({
-  className,
-  isActive,
-  size = "icon",
-  href,
-  children,
-  ...props
-}) => {
-  const classes = cn(
-    buttonVariants({
-      variant: isActive ? "outline" : "ghost",
-      size
-    }),
-    className
-  );
-  if (href) {
-    return /* @__PURE__ */ jsx(
-      Link5,
-      {
-        href,
-        "aria-current": isActive ? "page" : void 0,
-        className: classes,
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "a",
-    {
-      "aria-current": isActive ? "page" : void 0,
-      className: classes,
-      ...props,
-      children
-    }
-  );
-}, "PaginationLink");
-PaginationLink.displayName = "PaginationLink";
-var PaginationPrevious = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxs(
-  PaginationLink,
-  {
-    "aria-label": "Go to previous page",
-    size: "default",
-    className: cn("gap-1 pl-2.5", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx("span", { children: "Previous" })
-    ]
-  }
-), "PaginationPrevious");
-PaginationPrevious.displayName = "PaginationPrevious";
-var PaginationNext = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxs(
-  PaginationLink,
-  {
-    "aria-label": "Go to next page",
-    size: "default",
-    className: cn("gap-1 pr-2.5", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { children: "Next" }),
-      /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
-    ]
-  }
-), "PaginationNext");
-PaginationNext.displayName = "PaginationNext";
-var PaginationEllipsis = /* @__PURE__ */ __name(({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxs(
-  "span",
-  {
-    "aria-hidden": true,
-    className: cn("flex h-9 w-9 items-center justify-center", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
-    ]
-  }
-), "PaginationEllipsis");
-PaginationEllipsis.displayName = "PaginationEllipsis";
-
-// src/hooks/index.ts
-var hooks_exports = {};
-__export(hooks_exports, {
-  HotkeysProvider: () => HotkeysProvider,
-  isHotkeyPressed: () => isHotkeyPressed,
-  useBrowserDetect: () => useBrowserDetect,
-  useCfgRouter: () => useCfgRouter,
-  useDeviceDetect: () => useDeviceDetect,
-  useHotkey: () => useHotkey,
-  useHotkeysContext: () => useHotkeysContext,
-  useQueryParams: () => useQueryParams,
-  useResolvedTheme: () => useResolvedTheme
-});
-__reExport(hooks_exports, hooks_star);
-var useResolvedTheme = /* @__PURE__ */ __name(() => {
-  const [theme, setTheme] = useState("light");
-  useEffect(() => {
-    const checkTheme = /* @__PURE__ */ __name(() => {
-      if (document.documentElement.classList.contains("dark")) {
-        return "dark";
-      }
-      if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
-        return "dark";
-      }
-      return "light";
-    }, "checkTheme");
-    setTheme(checkTheme());
-    const observer = new MutationObserver(() => {
-      setTheme(checkTheme());
-    });
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ["class"]
-    });
-    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-    const handleMediaChange = /* @__PURE__ */ __name(() => {
-      setTheme(checkTheme());
-    }, "handleMediaChange");
-    mediaQuery.addEventListener("change", handleMediaChange);
-    return () => {
-      observer.disconnect();
-      mediaQuery.removeEventListener("change", handleMediaChange);
-    };
-  }, []);
-  return theme;
-}, "useResolvedTheme");
-function useQueryParams() {
-  const pathname = usePathname();
-  const [queryParams, setQueryParams] = useState(() => {
-    if (typeof window === "undefined") {
-      return new URLSearchParams();
-    }
-    return new URLSearchParams(window.location.search);
-  });
-  const lastSearchRef = useRef("");
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const updateQueryParams = /* @__PURE__ */ __name(() => {
-      const currentSearch = window.location.search;
-      if (currentSearch !== lastSearchRef.current) {
-        lastSearchRef.current = currentSearch;
-        setQueryParams(new URLSearchParams(currentSearch));
-      }
-    }, "updateQueryParams");
-    updateQueryParams();
-    window.addEventListener("popstate", updateQueryParams);
-    const intervalId = setInterval(updateQueryParams, 100);
-    return () => {
-      window.removeEventListener("popstate", updateQueryParams);
-      clearInterval(intervalId);
-    };
-  }, [pathname]);
-  return queryParams;
-}
-__name(useQueryParams, "useQueryParams");
-function getBasePath() {
-  if (typeof process === "undefined") {
-    return "";
-  }
-  return process.env.NEXT_PUBLIC_BASE_PATH || "";
-}
-__name(getBasePath, "getBasePath");
-function withBasePath(path, basePath) {
-  if (!basePath) {
-    return path;
-  }
-  const normalizedPath = path.startsWith("/") ? path : `/${path}`;
-  const normalizedBasePath = basePath.replace(/\/$/, "");
-  return `${normalizedBasePath}${normalizedPath}`;
-}
-__name(withBasePath, "withBasePath");
-function useCfgRouter() {
-  const router = useRouter();
-  const basePath = useMemo(() => getBasePath(), []);
-  useMemo(() => {
-    return typeof process !== "undefined" && process.env.NEXT_PUBLIC_STATIC_BUILD === "true";
-  }, []);
-  const push = useCallback((href, options) => {
-    if (basePath) {
-      window.location.href = withBasePath(href, basePath);
-    } else {
-      router.push(href, options);
-    }
-  }, [router, basePath]);
-  const replace = useCallback((href, options) => {
-    if (basePath) {
-      window.location.replace(withBasePath(href, basePath));
-    } else {
-      router.replace(href, options);
-    }
-  }, [router, basePath]);
-  const hardPush = useCallback((href) => {
-    window.location.href = withBasePath(href, basePath);
-  }, [basePath]);
-  const hardReplace = useCallback((href) => {
-    window.location.replace(withBasePath(href, basePath));
-  }, [basePath]);
-  const prefetch = useCallback((href) => {
-    router.prefetch(href);
-  }, [router]);
-  const back = useCallback(() => {
-    router.back();
-  }, [router]);
-  const forward = useCallback(() => {
-    router.forward();
-  }, [router]);
-  const refresh = useCallback(() => {
-    router.refresh();
-  }, [router]);
-  return {
-    push,
-    replace,
-    hardPush,
-    hardReplace,
-    prefetch,
-    back,
-    forward,
-    refresh
-  };
-}
-__name(useCfgRouter, "useCfgRouter");
-function useHotkey(keys, callback, options = {}) {
-  const {
-    enabled = true,
-    preventDefault = false,
-    enableOnFormTags = false,
-    enableOnContentEditable = false,
-    description: _description,
-    ...restOptions
-  } = options;
-  return useHotkeys(
-    keys,
-    (event, handler) => {
-      if (preventDefault) {
-        event.preventDefault();
-      }
-      callback(event, handler);
-    },
-    {
-      enabled,
-      enableOnFormTags,
-      enableOnContentEditable,
-      ...restOptions
-    }
-  );
-}
-__name(useHotkey, "useHotkey");
-var defaultSelectors = {
-  isMobile: false,
-  isTablet: false,
-  isDesktop: false,
-  isBrowser: false,
-  isMobileOnly: false,
-  isSmartTV: false,
-  isConsole: false,
-  isWearable: false,
-  isEmbedded: false,
-  isAndroid: false,
-  isIOS: false,
-  isWindows: false,
-  isMacOs: false,
-  isWinPhone: false,
-  isChrome: false,
-  isFirefox: false,
-  isSafari: false,
-  isOpera: false,
-  isIE: false,
-  isEdge: false,
-  isEdgeChromium: false,
-  isLegacyEdge: false,
-  isChromium: false,
-  isMobileSafari: false,
-  isYandex: false,
-  isMIUI: false,
-  isSamsungBrowser: false,
-  isElectron: false,
-  osVersion: "unknown",
-  osName: "unknown",
-  fullBrowserVersion: "unknown",
-  browserVersion: "unknown",
-  browserName: "unknown",
-  mobileVendor: "unknown",
-  mobileModel: "unknown",
-  engineName: "unknown",
-  engineVersion: "unknown",
-  getUA: "",
-  deviceType: "unknown",
-  isIOS13: false,
-  isIPad13: false,
-  isIPhone13: false,
-  isIPod13: false
-};
-var defaultDeviceData = {
-  deviceType: "unknown",
-  osName: "unknown",
-  osVersion: "unknown",
-  browserName: "unknown",
-  browserVersion: "unknown",
-  fullBrowserVersion: "unknown",
-  mobileVendor: "unknown",
-  mobileModel: "unknown",
-  engineName: "unknown",
-  engineVersion: "unknown",
-  getUA: ""
-};
-var defaultOrientation = {
-  isPortrait: false,
-  isLandscape: false,
-  orientation: "portrait"
-};
-function useDeviceDetect(userAgent) {
-  const [deviceInfo, setDeviceInfo] = useState({
-    selectors: defaultSelectors,
-    deviceData: defaultDeviceData,
-    orientation: defaultOrientation
-  });
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    import('react-device-detect').then((deviceDetect) => {
-      const ua = userAgent || (typeof window !== "undefined" ? window.navigator.userAgent : "");
-      if (!ua) {
-        console.warn("No user agent available");
-        return;
-      }
-      const parsed = deviceDetect.parseUserAgent(ua);
-      if (!parsed) {
-        console.warn("Failed to parse user agent");
-        return;
-      }
-      const selectors2 = deviceDetect.getSelectorsByUserAgent(ua) || defaultSelectors;
-      const deviceData2 = {
-        deviceType: parsed.device?.type || "unknown",
-        osName: parsed.os?.name || "unknown",
-        osVersion: parsed.os?.version || "unknown",
-        browserName: parsed.browser?.name || "unknown",
-        browserVersion: parsed.browser?.version || "unknown",
-        fullBrowserVersion: parsed.browser?.version || "unknown",
-        mobileVendor: parsed.device?.vendor || "unknown",
-        mobileModel: parsed.device?.model || "unknown",
-        engineName: parsed.engine?.name || "unknown",
-        engineVersion: parsed.engine?.version || "unknown",
-        getUA: parsed.ua || ua
-      };
-      let orientation2 = defaultOrientation;
-      try {
-        if (typeof window !== "undefined") {
-          const isPortrait = window.innerHeight > window.innerWidth;
-          orientation2 = {
-            isPortrait,
-            isLandscape: !isPortrait,
-            orientation: isPortrait ? "portrait" : "landscape"
-          };
-        }
-      } catch (error) {
-        console.warn("Failed to get orientation:", error);
-      }
-      setDeviceInfo({ selectors: selectors2, deviceData: deviceData2, orientation: orientation2 });
-    }).catch((error) => {
-      console.warn("Failed to load device detection:", error);
-    });
-  }, [userAgent]);
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const handleResize = /* @__PURE__ */ __name(() => {
-      const isPortrait = window.innerHeight > window.innerWidth;
-      setDeviceInfo((prev) => ({
-        ...prev,
-        orientation: {
-          isPortrait,
-          isLandscape: !isPortrait,
-          orientation: isPortrait ? "portrait" : "landscape"
-        }
-      }));
-    }, "handleResize");
-    window.addEventListener("resize", handleResize);
-    window.addEventListener("orientationchange", handleResize);
-    return () => {
-      window.removeEventListener("resize", handleResize);
-      window.removeEventListener("orientationchange", handleResize);
-    };
-  }, []);
-  const { selectors, deviceData, orientation } = deviceInfo;
-  return useMemo(() => {
-    return {
-      // Device type selectors
-      isMobile: selectors.isMobile ?? false,
-      isTablet: selectors.isTablet ?? false,
-      isDesktop: selectors.isDesktop ?? false,
-      isBrowser: selectors.isBrowser ?? false,
-      isMobileOnly: selectors.isMobileOnly ?? false,
-      isSmartTV: selectors.isSmartTV ?? false,
-      isConsole: selectors.isConsole ?? false,
-      isWearable: selectors.isWearable ?? false,
-      isEmbedded: selectors.isEmbedded ?? false,
-      // OS selectors
-      isAndroid: selectors.isAndroid ?? false,
-      isIOS: selectors.isIOS ?? false,
-      isWindows: selectors.isWindows ?? false,
-      isMacOs: selectors.isMacOs ?? false,
-      isWinPhone: selectors.isWinPhone ?? false,
-      // Browser selectors
-      isChrome: selectors.isChrome ?? false,
-      isFirefox: selectors.isFirefox ?? false,
-      isSafari: selectors.isSafari ?? false,
-      isOpera: selectors.isOpera ?? false,
-      isIE: selectors.isIE ?? false,
-      isEdge: selectors.isEdge ?? false,
-      isEdgeChromium: selectors.isEdgeChromium ?? false,
-      isLegacyEdge: selectors.isLegacyEdge ?? false,
-      isChromium: selectors.isChromium ?? false,
-      isMobileSafari: selectors.isMobileSafari ?? false,
-      isYandex: selectors.isYandex ?? false,
-      isMIUI: selectors.isMIUI ?? false,
-      isSamsungBrowser: selectors.isSamsungBrowser ?? false,
-      isElectron: selectors.isElectron ?? false,
-      // iOS version selectors
-      isIOS13: selectors.isIOS13 ?? false,
-      isIPad13: selectors.isIPad13 ?? false,
-      isIPhone13: selectors.isIPhone13 ?? false,
-      isIPod13: selectors.isIPod13 ?? false,
-      // Device information
-      deviceType: deviceData.deviceType ?? "unknown",
-      osName: deviceData.osName ?? "unknown",
-      osVersion: deviceData.osVersion ?? "unknown",
-      browserName: deviceData.browserName ?? "unknown",
-      browserVersion: deviceData.browserVersion ?? "unknown",
-      fullBrowserVersion: deviceData.fullBrowserVersion ?? "unknown",
-      mobileVendor: deviceData.mobileVendor ?? "unknown",
-      mobileModel: deviceData.mobileModel ?? "unknown",
-      engineName: deviceData.engineName ?? "unknown",
-      engineVersion: deviceData.engineVersion ?? "unknown",
-      getUA: deviceData.getUA ?? "",
-      // Orientation
-      isPortrait: orientation.isPortrait,
-      isLandscape: orientation.isLandscape,
-      orientation: orientation.orientation,
-      // Raw data (for advanced usage)
-      selectors,
-      deviceData
-    };
-  }, [selectors, deviceData, orientation]);
-}
-__name(useDeviceDetect, "useDeviceDetect");
-function useBrowserDetect() {
-  return useMemo(() => {
-    if (typeof window === "undefined") {
-      return {
-        isChrome: false,
-        isChromium: false,
-        isSafari: false,
-        isFirefox: false,
-        isEdge: false,
-        isOpera: false,
-        isBrave: false,
-        isArc: false,
-        isVivaldi: false,
-        isYandex: false,
-        isSamsungBrowser: false,
-        isUCBrowser: false,
-        isComet: false,
-        isOperaMini: false,
-        isIE: false,
-        isFacebookInApp: false,
-        isInstagramInApp: false,
-        isTikTokInApp: false,
-        isSnapchatInApp: false,
-        isWeChatInApp: false,
-        isThreadsInApp: false,
-        isLinkedInInApp: false,
-        isTwitterInApp: false,
-        isInAppBrowser: false,
-        isWebView: false,
-        browserName: "unknown",
-        isWebKit: false,
-        isBlink: false,
-        isGecko: false,
-        supportsPushNotifications: false,
-        isIOSBrowser: false,
-        userAgent: ""
-      };
-    }
-    const ua = window.navigator.userAgent.toLowerCase();
-    const isEdge = ua.includes("edg/") || ua.includes("edge/");
-    const isBrave = !!window.navigator.brave;
-    const isArc = ua.includes("arc/");
-    const isVivaldi = ua.includes("vivaldi");
-    const isYandex = ua.includes("yabrowser");
-    const isSamsungBrowser = ua.includes("samsungbrowser");
-    const isUCBrowser = ua.includes("ucbrowser") || ua.includes("uc browser");
-    const isComet = ua.includes("comet") || ua.includes("perplexity");
-    const isOperaMini = ua.includes("opera mini") || ua.includes("opios");
-    const isIE = ua.includes("msie") || ua.includes("trident/");
-    const isFacebookInApp = ua.includes("fban") || ua.includes("fbav") || ua.includes("fb_iab");
-    const isInstagramInApp = ua.includes("instagram");
-    const isTikTokInApp = ua.includes("tiktok") || ua.includes("bytedancewebview") || ua.includes("bytelocale");
-    const isSnapchatInApp = ua.includes("snapchat");
-    const isWeChatInApp = ua.includes("micromessenger");
-    const isThreadsInApp = ua.includes("barcelona");
-    const isLinkedInInApp = ua.includes("linkedinapp");
-    const isTwitterInApp = ua.includes("twitter");
-    const isPinterestInApp = ua.includes("pinterest");
-    const isTelegramInApp = ua.includes("telegram");
-    const isLineInApp = ua.includes("line/");
-    const isKakaoInApp = ua.includes("kakaotalk");
-    const isWebView = ua.includes("wv)") || // Android WebView marker
-    ua.includes("webview") || ua.includes("; wv") || ua.includes("iphone") && !ua.includes("safari") || // iOS WebView (no Safari)
-    ua.includes("ipad") && !ua.includes("safari");
-    const isInAppBrowser = isFacebookInApp || isInstagramInApp || isTikTokInApp || isSnapchatInApp || isWeChatInApp || isThreadsInApp || isLinkedInInApp || isTwitterInApp || isPinterestInApp || isTelegramInApp || isLineInApp || isKakaoInApp;
-    const isIOSBrowser = ua.includes("iphone") || ua.includes("ipad") || ua.includes("ipod");
-    const isOpera = (ua.includes("opr/") || ua.includes("opera")) && !isOperaMini;
-    const isChrome = ua.includes("chrome") && !isEdge && !isOpera && !isYandex && !isSamsungBrowser && !isVivaldi && !isArc && !isBrave && !isComet;
-    const isFirefox = ua.includes("firefox") && !ua.includes("seamonkey");
-    const hasSafariUA = ua.includes("safari");
-    const hasChrome = ua.includes("chrome") || ua.includes("crios");
-    const hasVersion = ua.includes("version/");
-    const isSafari = hasSafariUA && !hasChrome && hasVersion;
-    const isChromium = hasChrome || isEdge || isOpera || isYandex || isSamsungBrowser || isVivaldi || isArc || isBrave || isUCBrowser || isComet;
-    const isWebKit = !isChromium && isSafari;
-    const isBlink = isChromium;
-    const isGecko = isFirefox;
-    let browserName = "unknown";
-    if (isFacebookInApp) browserName = "Facebook In-App";
-    else if (isInstagramInApp) browserName = "Instagram In-App";
-    else if (isTikTokInApp) browserName = "TikTok In-App";
-    else if (isSnapchatInApp) browserName = "Snapchat In-App";
-    else if (isWeChatInApp) browserName = "WeChat In-App";
-    else if (isThreadsInApp) browserName = "Threads In-App";
-    else if (isLinkedInInApp) browserName = "LinkedIn In-App";
-    else if (isTwitterInApp) browserName = "Twitter In-App";
-    else if (isPinterestInApp) browserName = "Pinterest In-App";
-    else if (isTelegramInApp) browserName = "Telegram In-App";
-    else if (isLineInApp) browserName = "Line In-App";
-    else if (isKakaoInApp) browserName = "KakaoTalk In-App";
-    else if (isComet) browserName = "Comet";
-    else if (isOperaMini) browserName = "Opera Mini";
-    else if (isIE) browserName = "Internet Explorer";
-    else if (isBrave) browserName = "Brave";
-    else if (isArc) browserName = "Arc";
-    else if (isVivaldi) browserName = "Vivaldi";
-    else if (isYandex) browserName = "Yandex";
-    else if (isSamsungBrowser) browserName = "Samsung Internet";
-    else if (isUCBrowser) browserName = "UC Browser";
-    else if (isEdge) browserName = "Edge";
-    else if (isOpera) browserName = "Opera";
-    else if (isChrome) browserName = "Chrome";
-    else if (isSafari) browserName = "Safari";
-    else if (isFirefox) browserName = "Firefox";
-    else if (isWebView) browserName = "WebView";
-    const browserBlocksPush = isOperaMini || isIE || isUCBrowser || isFacebookInApp || isInstagramInApp || isTikTokInApp || isSnapchatInApp || isWeChatInApp || isThreadsInApp || isPinterestInApp || isTelegramInApp || isLineInApp || isKakaoInApp || isWebView;
-    const twitterLinkedInAndroid = (isTwitterInApp || isLinkedInInApp) && !isIOSBrowser;
-    const supportsPushNotifications = !browserBlocksPush || twitterLinkedInAndroid;
-    return {
-      isChrome,
-      isChromium,
-      isSafari,
-      isFirefox,
-      isEdge,
-      isOpera,
-      isBrave,
-      isArc,
-      isVivaldi,
-      isYandex,
-      isSamsungBrowser,
-      isUCBrowser,
-      isComet,
-      isOperaMini,
-      isIE,
-      isFacebookInApp,
-      isInstagramInApp,
-      isTikTokInApp,
-      isSnapchatInApp,
-      isWeChatInApp,
-      isThreadsInApp,
-      isLinkedInInApp,
-      isTwitterInApp,
-      isInAppBrowser,
-      isWebView,
-      browserName,
-      isWebKit,
-      isBlink,
-      isGecko,
-      supportsPushNotifications,
-      isIOSBrowser,
-      userAgent: window.navigator.userAgent
-    };
-  }, []);
-}
-__name(useBrowserDetect, "useBrowserDetect");
-var SSRPagination = /* @__PURE__ */ __name(({
-  currentPage,
-  totalPages,
-  totalItems,
-  itemsPerPage,
-  hasNextPage,
-  hasPreviousPage,
-  className,
-  showInfo = true,
-  maxVisiblePages = 7,
-  baseUrl,
-  pathname: propPathname,
-  preserveQuery = true
-}) => {
-  const queryParams = useQueryParams();
-  const pathname = usePathname();
-  const isMobile = useIsMobile();
-  const getCurrentPageFromUrl = /* @__PURE__ */ __name(() => {
-    const pageParam = queryParams.get("page");
-    if (pageParam) {
-      const pageNum = parseInt(pageParam, 10);
-      return isNaN(pageNum) ? 1 : pageNum;
-    }
-    return 1;
-  }, "getCurrentPageFromUrl");
-  const actualCurrentPage = getCurrentPageFromUrl() || currentPage;
-  const actualHasPreviousPage = actualCurrentPage > 1;
-  const smartTotalPages = Math.max(
-    totalPages,
-    actualCurrentPage + (hasNextPage ? 5 : 0)
-  );
-  const getPageUrl = /* @__PURE__ */ __name((page) => {
-    if (baseUrl) {
-      return `${baseUrl}?page=${page}`;
-    }
-    const newSearchParams = preserveQuery ? new URLSearchParams(queryParams.toString()) : new URLSearchParams();
-    newSearchParams.set("page", page.toString());
-    if (page === 1) {
-      newSearchParams.delete("page");
-    }
-    const queryString = newSearchParams.toString();
-    const basePath = propPathname || pathname || "";
-    return queryString ? `${basePath}?${queryString}` : basePath;
-  }, "getPageUrl");
-  const getVisiblePages = /* @__PURE__ */ __name(() => {
-    const mobileMaxVisible = 3;
-    const effectiveMaxVisible = isMobile ? mobileMaxVisible : maxVisiblePages;
-    if (smartTotalPages <= effectiveMaxVisible) {
-      return Array.from({ length: smartTotalPages }, (_, i) => i + 1);
-    }
-    const pages = [];
-    const halfVisible = Math.floor(effectiveMaxVisible / 2);
-    if (isMobile) {
-      if (actualCurrentPage > 1) {
-        pages.push(actualCurrentPage - 1);
-      }
-      pages.push(actualCurrentPage);
-      if (actualCurrentPage < smartTotalPages) {
-        pages.push(actualCurrentPage + 1);
-      }
-    } else {
-      pages.push(1);
-      let start = Math.max(2, actualCurrentPage - halfVisible);
-      let end = Math.min(smartTotalPages - 1, actualCurrentPage + halfVisible);
-      if (actualCurrentPage <= halfVisible + 1) {
-        end = Math.min(smartTotalPages - 1, effectiveMaxVisible - 1);
-      } else if (actualCurrentPage >= smartTotalPages - halfVisible) {
-        start = Math.max(2, smartTotalPages - effectiveMaxVisible + 2);
-      }
-      if (start > 2) {
-        pages.push("ellipsis");
-      }
-      for (let i = start; i <= end; i++) {
-        pages.push(i);
-      }
-      if (end < smartTotalPages - 1) {
-        pages.push("ellipsis");
-      }
-      if (smartTotalPages > 1) {
-        pages.push(smartTotalPages);
-      }
-    }
-    return pages;
-  }, "getVisiblePages");
-  if (smartTotalPages <= 1) {
-    return null;
-  }
-  const visiblePages = getVisiblePages();
-  const startItem = (actualCurrentPage - 1) * itemsPerPage + 1;
-  const endItem = Math.min(actualCurrentPage * itemsPerPage, totalItems);
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", className), children: [
-    showInfo && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground text-center", children: isMobile ? `Page ${actualCurrentPage} of ${smartTotalPages}` : `Showing ${startItem.toLocaleString()} to ${endItem.toLocaleString()} of ${totalItems.toLocaleString()} results` }),
-    /* @__PURE__ */ jsx(Pagination, { children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
-      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
-        PaginationPrevious,
-        {
-          href: actualHasPreviousPage ? getPageUrl(actualCurrentPage - 1) : void 0,
-          className: !actualHasPreviousPage ? "pointer-events-none opacity-50" : void 0
-        }
-      ) }),
-      visiblePages.map((page, index) => /* @__PURE__ */ jsx(PaginationItem, { children: page === "ellipsis" ? /* @__PURE__ */ jsx(PaginationEllipsis, {}) : /* @__PURE__ */ jsx(
-        PaginationLink,
-        {
-          href: getPageUrl(page),
-          isActive: page === actualCurrentPage,
-          children: page
-        }
-      ) }, index)),
-      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
-        PaginationNext,
-        {
-          href: hasNextPage ? getPageUrl(actualCurrentPage + 1) : void 0,
-          className: !hasNextPage ? "pointer-events-none opacity-50" : void 0
-        }
-      ) })
-    ] }) })
-  ] });
-}, "SSRPagination");
-SSRPagination.displayName = "SSRPagination";
-var StaticPagination = /* @__PURE__ */ __name(({
-  data,
-  onPageChange,
-  className,
-  showInfo = true,
-  maxVisiblePages = 7
-}) => {
-  const isMobile = useIsMobile();
-  if (!data || !("count" in data) || !("page" in data) || !("pages" in data)) {
-    return null;
-  }
-  const {
-    count: totalItems,
-    page: currentPage,
-    pages: totalPages,
-    page_size: itemsPerPage,
-    has_next: hasNextPage,
-    has_previous: hasPreviousPage
-  } = data;
-  if (totalPages <= 1) {
-    return null;
-  }
-  const getVisiblePages = /* @__PURE__ */ __name(() => {
-    const mobileMaxVisible = 3;
-    const effectiveMaxVisible = isMobile ? mobileMaxVisible : maxVisiblePages;
-    if (totalPages <= effectiveMaxVisible) {
-      return Array.from({ length: totalPages }, (_, i) => i + 1);
-    }
-    const pages = [];
-    const halfVisible = Math.floor(effectiveMaxVisible / 2);
-    if (isMobile) {
-      if (currentPage > 1) {
-        pages.push(currentPage - 1);
-      }
-      pages.push(currentPage);
-      if (currentPage < totalPages) {
-        pages.push(currentPage + 1);
-      }
-    } else {
-      pages.push(1);
-      let start = Math.max(2, currentPage - halfVisible);
-      let end = Math.min(totalPages - 1, currentPage + halfVisible);
-      if (currentPage <= halfVisible + 1) {
-        end = Math.min(totalPages - 1, effectiveMaxVisible - 1);
-      } else if (currentPage >= totalPages - halfVisible) {
-        start = Math.max(2, totalPages - effectiveMaxVisible + 2);
-      }
-      if (start > 2) {
-        pages.push("ellipsis");
-      }
-      for (let i = start; i <= end; i++) {
-        pages.push(i);
-      }
-      if (end < totalPages - 1) {
-        pages.push("ellipsis");
-      }
-      if (totalPages > 1) {
-        pages.push(totalPages);
-      }
-    }
-    return pages;
-  }, "getVisiblePages");
-  const visiblePages = getVisiblePages();
-  const startItem = (currentPage - 1) * itemsPerPage + 1;
-  const endItem = Math.min(currentPage * itemsPerPage, totalItems);
-  const handlePageClick = /* @__PURE__ */ __name((page) => {
-    if (page !== currentPage && page >= 1 && page <= totalPages) {
-      onPageChange(page);
-    }
-  }, "handlePageClick");
-  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", className), children: [
-    showInfo && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground text-center", children: isMobile ? `Page ${currentPage} of ${totalPages}` : `Showing ${startItem.toLocaleString()} to ${endItem.toLocaleString()} of ${totalItems.toLocaleString()} results` }),
-    /* @__PURE__ */ jsx(Pagination, { children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
-      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsxs(
-        Button,
-        {
-          variant: "ghost",
-          size: "default",
-          onClick: () => handlePageClick(currentPage - 1),
-          disabled: !hasPreviousPage,
-          className: cn(
-            "gap-1 pl-2.5",
-            !hasPreviousPage && "pointer-events-none opacity-50"
-          ),
-          "aria-label": "Go to previous page",
-          children: [
-            /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx("span", { children: "Previous" })
-          ]
-        }
-      ) }),
-      visiblePages.map((page, index) => /* @__PURE__ */ jsx(PaginationItem, { children: page === "ellipsis" ? /* @__PURE__ */ jsx(PaginationEllipsis, {}) : /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: page === currentPage ? "outline" : "ghost",
-          size: "icon",
-          onClick: () => handlePageClick(page),
-          "aria-current": page === currentPage ? "page" : void 0,
-          className: cn(
-            page === currentPage && "pointer-events-none"
-          ),
-          children: page
-        }
-      ) }, index)),
-      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsxs(
-        Button,
-        {
-          variant: "ghost",
-          size: "default",
-          onClick: () => handlePageClick(currentPage + 1),
-          disabled: !hasNextPage,
-          className: cn(
-            "gap-1 pr-2.5",
-            !hasNextPage && "pointer-events-none opacity-50"
-          ),
-          "aria-label": "Go to next page",
-          children: [
-            /* @__PURE__ */ jsx("span", { children: "Next" }),
-            /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
-          ]
-        }
-      ) })
-    ] }) })
-  ] });
-}, "StaticPagination");
-StaticPagination.displayName = "StaticPagination";
-function useDRFPagination(initialPage = 1, initialPageSize = 10) {
-  const [page, setPage] = React6__default.useState(initialPage);
-  const [pageSize, setPageSize] = React6__default.useState(initialPageSize);
-  const handlePageSizeChange = React6__default.useCallback((newPageSize) => {
-    setPageSize(newPageSize);
-    setPage(1);
-  }, []);
-  const params = React6__default.useMemo(() => ({
-    page,
-    page_size: pageSize
-  }), [page, pageSize]);
-  return {
-    page,
-    pageSize,
-    setPage,
-    setPageSize: handlePageSizeChange,
-    params,
-    reset: /* @__PURE__ */ __name(() => {
-      setPage(initialPage);
-      setPageSize(initialPageSize);
-    }, "reset")
-  };
-}
-__name(useDRFPagination, "useDRFPagination");
-function useDRFPaginationInfo(data) {
-  return React6__default.useMemo(() => {
-    if (!data || !("count" in data) || !("page" in data)) {
-      return null;
-    }
-    return {
-      totalItems: data.count,
-      currentPage: data.page,
-      totalPages: data.pages,
-      itemsPerPage: data.page_size,
-      hasNext: data.has_next,
-      hasPrevious: data.has_previous,
-      nextPage: data.next_page,
-      previousPage: data.previous_page,
-      results: data.results || [],
-      resultsCount: data.results?.length || 0
-    };
-  }, [data]);
-}
-__name(useDRFPaginationInfo, "useDRFPaginationInfo");
-var SIDEBAR_COOKIE_NAME = "sidebar_state";
-var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
-var SIDEBAR_WIDTH = "16rem";
-var SIDEBAR_WIDTH_MOBILE = "min(80vw, 320px)";
-var SIDEBAR_WIDTH_ICON = "3rem";
-var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React6.createContext(null);
-function useSidebar() {
-  const context = React6.useContext(SidebarContext);
-  if (!context) {
-    throw new Error("useSidebar must be used within a SidebarProvider.");
-  }
-  return context;
-}
-__name(useSidebar, "useSidebar");
-var SidebarProvider = React6.forwardRef(
-  ({
-    defaultOpen = true,
-    open: openProp,
-    onOpenChange: setOpenProp,
-    className,
-    style,
-    children,
-    ...props
-  }, ref) => {
-    const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React6.useState(false);
-    const [_open, _setOpen] = React6.useState(defaultOpen);
-    const open = openProp ?? _open;
-    const setOpen = React6.useCallback(
-      (value) => {
-        const openState = typeof value === "function" ? value(open) : value;
-        if (setOpenProp) {
-          setOpenProp(openState);
-        } else {
-          _setOpen(openState);
-        }
-        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
-      },
-      [setOpenProp, open]
-    );
-    const toggleSidebar = React6.useCallback(() => {
-      return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
-    }, [isMobile, setOpen, setOpenMobile]);
-    React6.useEffect(() => {
-      const handleKeyDown = /* @__PURE__ */ __name((event) => {
-        if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
-          event.preventDefault();
-          toggleSidebar();
-        }
-      }, "handleKeyDown");
-      window.addEventListener("keydown", handleKeyDown);
-      return () => window.removeEventListener("keydown", handleKeyDown);
-    }, [toggleSidebar]);
-    const state = open ? "expanded" : "collapsed";
-    const contextValue = React6.useMemo(
-      () => ({
-        state,
-        open,
-        setOpen,
-        isMobile,
-        openMobile,
-        setOpenMobile,
-        toggleSidebar
-      }),
-      [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
-    );
-    return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          "--sidebar-width": SIDEBAR_WIDTH,
-          "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
-          ...style
-        },
-        className: cn(
-          "group/sidebar-wrapper flex min-h-svh w-full has-[&_[data-variant=inset]]:bg-sidebar",
-          className
-        ),
-        ref,
-        ...props,
-        children
-      }
-    ) }) });
-  }
-);
-SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React6.forwardRef(
-  ({
-    side = "left",
-    variant = "sidebar",
-    collapsible = "offcanvas",
-    className,
-    children,
-    ...props
-  }, ref) => {
-    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
-    if (collapsible === "none") {
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground",
-            className
-          ),
-          ref,
-          ...props,
-          children
-        }
-      );
-    }
-    if (isMobile) {
-      return /* @__PURE__ */ jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs(
-        SheetContent,
-        {
-          "data-sidebar": "sidebar",
-          "data-mobile": "true",
-          className: "!w-[--sidebar-width] p-0 text-sidebar-foreground [&>button]:hidden",
-          style: {
-            "--sidebar-width": SIDEBAR_WIDTH_MOBILE,
-            backgroundColor: "hsl(var(--sidebar-background))"
-          },
-          side,
-          children: [
-            /* @__PURE__ */ jsxs(SheetHeader, { className: "sr-only", children: [
-              /* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }),
-              /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "flex h-full w-full flex-col", style: { backgroundColor: "hsl(var(--sidebar-background))" }, children })
-          ]
-        }
-      ) });
-    }
-    const getGapWidth = /* @__PURE__ */ __name(() => {
-      if (state === "collapsed") {
-        if (collapsible === "offcanvas") return "0";
-        if (collapsible === "icon") {
-          return variant === "floating" || variant === "inset" ? "calc(var(--sidebar-width-icon) + 1rem)" : "var(--sidebar-width-icon)";
-        }
-      }
-      return "var(--sidebar-width)";
-    }, "getGapWidth");
-    const getFixedWidth = /* @__PURE__ */ __name(() => {
-      if (state === "collapsed" && collapsible === "icon") {
-        return variant === "floating" || variant === "inset" ? "calc(var(--sidebar-width-icon) + 1rem + 2px)" : "var(--sidebar-width-icon)";
-      }
-      return "var(--sidebar-width)";
-    }, "getFixedWidth");
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: "group peer hidden text-sidebar-foreground md:block",
-        "data-state": state,
-        "data-collapsible": collapsible,
-        "data-variant": variant,
-        "data-side": side,
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "relative h-full bg-transparent transition-[width] duration-200 ease-linear",
-                side === "right" && "rotate-180"
-              ),
-              style: {
-                width: getGapWidth()
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "fixed inset-y-0 z-10 hidden h-svh transition-[left,right,width] duration-200 ease-linear md:flex",
-                side === "left" ? state === "collapsed" && collapsible === "offcanvas" ? "left-[calc(var(--sidebar-width)*-1)]" : "left-0" : state === "collapsed" && collapsible === "offcanvas" ? "right-[calc(var(--sidebar-width)*-1)]" : "right-0",
-                // Adjust the padding for floating and inset variants.
-                variant === "floating" || variant === "inset" ? "p-2" : cn(
-                  side === "left" && "border-r",
-                  side === "right" && "border-l"
-                ),
-                className
-              ),
-              style: {
-                width: getFixedWidth()
-              },
-              ...props,
-              children: /* @__PURE__ */ jsx(
-                "div",
-                {
-                  "data-sidebar": "sidebar",
-                  className: cn(
-                    "flex h-full w-full flex-col bg-sidebar",
-                    variant === "floating" && "rounded-lg border border-sidebar-border shadow"
-                  ),
-                  children
-                }
-              )
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React6.forwardRef(({ className, onClick, ...props }, ref) => {
-  const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      ref,
-      "data-sidebar": "trigger",
-      variant: "ghost",
-      size: "icon",
-      className: cn("h-7 w-7", className),
-      onClick: (event) => {
-        onClick?.(event);
-        toggleSidebar();
-      },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(PanelLeft, {}),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle Sidebar" })
-      ]
-    }
-  );
-});
-SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React6.forwardRef(({ className, ...props }, ref) => {
-  const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      ref,
-      "data-sidebar": "rail",
-      "aria-label": "Toggle Sidebar",
-      tabIndex: -1,
-      onClick: toggleSidebar,
-      title: "Toggle Sidebar",
-      className: cn(
-        "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
-        "group-data-[side=left]:cursor-w-resize group-data-[side=right]:cursor-e-resize",
-        "group-data-[side=left]:group-data-[state=collapsed]:cursor-e-resize group-data-[side=right]:group-data-[state=collapsed]:cursor-w-resize",
-        "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
-        "group-data-[side=left]:group-data-[collapsible=offcanvas]:-right-2",
-        "group-data-[side=right]:group-data-[collapsible=offcanvas]:-left-2",
-        className
-      ),
-      ...props
-    }
-  );
-});
-SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React6.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    "main",
-    {
-      ref,
-      className: cn(
-        "relative flex w-full flex-1 flex-col bg-background",
-        "md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
-        className
-      ),
-      ...props
-    }
-  );
-});
-SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React6.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    Input,
-    {
-      ref,
-      "data-sidebar": "input",
-      className: cn(
-        "h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
-        className
-      ),
-      ...props
-    }
-  );
-});
-SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React6.forwardRef(({ className, style, ...props }, ref) => {
-  const { state } = useSidebar();
-  const headerStyle = state === "collapsed" ? {
-    paddingLeft: "0",
-    paddingRight: "0",
-    paddingTop: "0.5rem",
-    paddingBottom: "0.5rem",
-    transition: "padding 200ms ease-in-out",
-    ...style
-  } : {
-    transition: "padding 200ms ease-in-out",
-    ...style
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-sidebar": "header",
-      className: cn("flex flex-col gap-2 p-2", className),
-      style: headerStyle,
-      ...props
-    }
-  );
-});
-SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React6.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-sidebar": "footer",
-      className: cn("flex flex-col gap-2 p-2", className),
-      ...props
-    }
-  );
-});
-SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React6.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    Separator,
-    {
-      ref,
-      "data-sidebar": "separator",
-      className: cn("mx-2 w-auto bg-sidebar-border", className),
-      ...props
-    }
-  );
-});
-SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React6.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-sidebar": "content",
-      className: cn(
-        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[state=collapsed]:group-data-[collapsible=icon]:overflow-hidden",
-        className
-      ),
-      ...props
-    }
-  );
-});
-SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React6.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-sidebar": "group",
-      className: cn("relative flex w-full min-w-0 flex-col p-2", className),
-      ...props
-    }
-  );
-});
-SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React6.forwardRef(({ className, asChild = false, ...props }, ref) => {
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ref,
-      "data-sidebar": "group-label",
-      className: cn(
-        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-semibold text-muted-foreground uppercase tracking-wider outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-        "group-data-[state=collapsed]:group-data-[collapsible=icon]:-mt-8 group-data-[state=collapsed]:group-data-[collapsible=icon]:opacity-0",
-        className
-      ),
-      ...props
-    }
-  );
-});
-SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React6.forwardRef(({ className, asChild = false, ...props }, ref) => {
-  const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ref,
-      "data-sidebar": "group-action",
-      className: cn(
-        "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-        // Increases the hit area of the button on mobile.
-        "after:absolute after:-inset-2 after:md:hidden",
-        "group-data-[state=collapsed]:group-data-[collapsible=icon]:hidden",
-        className
-      ),
-      ...props
-    }
-  );
-});
-SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    "data-sidebar": "group-content",
-    className: cn("w-full text-sm", className),
-    ...props
-  }
-));
-SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "ul",
-  {
-    ref,
-    "data-sidebar": "menu",
-    className: cn("flex w-full min-w-0 flex-col gap-1", className),
-    ...props
-  }
-));
-SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "li",
-  {
-    ref,
-    "data-sidebar": "menu-item",
-    className: cn("group/menu-item relative", className),
-    ...props
-  }
-));
-SidebarMenuItem.displayName = "SidebarMenuItem";
-var sidebarMenuButtonVariants = cva(
-  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[&_[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground [&>svg]:opacity-70 data-[active=true]:[&>svg]:text-sidebar-accent-foreground data-[active=true]:[&>svg]:opacity-100 hover:[&>svg]:text-sidebar-accent-foreground hover:[&>svg]:opacity-100",
-  {
-    variants: {
-      variant: {
-        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-        outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
-      },
-      size: {
-        default: "h-8 text-sm",
-        sm: "h-7 text-xs",
-        lg: "h-12 text-sm group-data-[state=collapsed]:group-data-[collapsible=icon]:!p-0"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var SidebarMenuButton = React6.forwardRef(
-  ({
-    asChild = false,
-    isActive = false,
-    variant = "default",
-    size = "default",
-    tooltip,
-    className,
-    style,
-    href,
-    children,
-    ...props
-  }, ref) => {
-    const { isMobile, state } = useSidebar();
-    const buttonContent = React6.useMemo(() => {
-      if (href) {
-        return /* @__PURE__ */ jsx(
-          Link5,
-          {
-            href,
-            className: cn(sidebarMenuButtonVariants({ variant, size }), className),
-            style,
-            "data-sidebar": "menu-button",
-            "data-size": size,
-            "data-active": isActive,
-            children
-          }
-        );
-      }
-      const Comp = asChild ? Slot : "button";
-      return /* @__PURE__ */ jsx(
-        Comp,
-        {
-          ref,
-          "data-sidebar": "menu-button",
-          "data-size": size,
-          "data-active": isActive,
-          className: cn(sidebarMenuButtonVariants({ variant, size }), className),
-          style,
-          ...props,
-          children
-        }
-      );
-    }, [href, asChild, ref, variant, size, className, style, isActive, children, props]);
-    if (!tooltip) {
-      return buttonContent;
-    }
-    if (typeof tooltip === "string") {
-      tooltip = {
-        children: tooltip
-      };
-    }
-    return /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: buttonContent }),
-      /* @__PURE__ */ jsx(
-        TooltipContent,
-        {
-          side: "right",
-          align: "center",
-          hidden: state !== "collapsed" || isMobile,
-          ...tooltip
-        }
-      )
-    ] });
-  }
-);
-SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React6.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
-  const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ref,
-      "data-sidebar": "menu-action",
-      className: cn(
-        "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
-        // Increases the hit area of the button on mobile.
-        "after:absolute after:-inset-2 after:md:hidden",
-        "peer-data-[size=sm]/menu-button:top-1",
-        "peer-data-[size=default]/menu-button:top-1.5",
-        "peer-data-[size=lg]/menu-button:top-2.5",
-        "group-data-[state=collapsed]:group-data-[collapsible=icon]:hidden",
-        showOnHover && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0",
-        className
-      ),
-      ...props
-    }
-  );
-});
-SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    "data-sidebar": "menu-badge",
-    className: cn(
-      "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground",
-      "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
-      "peer-data-[size=sm]/menu-button:top-1",
-      "peer-data-[size=default]/menu-button:top-1.5",
-      "peer-data-[size=lg]/menu-button:top-2.5",
-      "group-data-[state=collapsed]:group-data-[collapsible=icon]:hidden",
-      className
-    ),
-    ...props
-  }
-));
-SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React6.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React6.useMemo(() => {
-    return `${Math.floor(Math.random() * 40) + 50}%`;
-  }, []);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      "data-sidebar": "menu-skeleton",
-      className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
-      ...props,
-      children: [
-        showIcon && /* @__PURE__ */ jsx(
-          Skeleton,
-          {
-            className: "size-4 rounded-md",
-            "data-sidebar": "menu-skeleton-icon"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Skeleton,
-          {
-            className: "h-4 max-w-[--skeleton-width] flex-1",
-            "data-sidebar": "menu-skeleton-text",
-            style: {
-              "--skeleton-width": width
-            }
-          }
-        )
-      ]
-    }
-  );
-});
-SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "ul",
-  {
-    ref,
-    "data-sidebar": "menu-sub",
-    className: cn(
-      "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
-      "group-data-[state=collapsed]:group-data-[collapsible=icon]:hidden",
-      className
-    ),
-    ...props
-  }
-));
-SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React6.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, ...props }));
-SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React6.forwardRef(({ asChild = false, size = "md", isActive, className, href, children, ...props }, ref) => {
-  const Comp = asChild ? Slot : "a";
-  const buttonClasses = cn(
-    "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground [&>svg]:opacity-70 data-[active=true]:[&>svg]:text-sidebar-accent-foreground data-[active=true]:[&>svg]:opacity-100 hover:[&>svg]:text-sidebar-accent-foreground hover:[&>svg]:opacity-100",
-    "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
-    size === "sm" && "text-xs",
-    size === "md" && "text-sm",
-    "group-data-[state=collapsed]:group-data-[collapsible=icon]:hidden",
-    className
-  );
-  if (href) {
-    return /* @__PURE__ */ jsx(
-      Link5,
-      {
-        href,
-        className: buttonClasses,
-        "data-sidebar": "menu-sub-button",
-        "data-size": size,
-        "data-active": isActive,
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ref,
-      "data-sidebar": "menu-sub-button",
-      "data-size": size,
-      "data-active": isActive,
-      className: buttonClasses,
-      ...props,
-      children
-    }
-  );
-});
-SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
-
-// src/index.ts
-__reExport(index_exports, components_exports);
-__reExport(index_exports, hooks_exports);
-var typeConfig = {
-  security: { label: "Security", variant: "destructive", icon: "\u{1F6E1}\uFE0F" },
-  release: { label: "Release", variant: "default", icon: "\u{1F4E6}" },
-  announcement: { label: "Announcement", variant: "secondary", icon: "\u{1F4E2}" },
-  feature: { label: "Feature", variant: "outline", icon: "\u2728" }
-};
-var ArticleCard = /* @__PURE__ */ __name(({
-  title,
-  description,
-  date,
-  type,
-  href,
-  author,
-  tags,
-  featured = false,
-  className
-}) => {
-  const config = typeConfig[type];
-  const formattedDate = moment2(date).format("MMMM D, YYYY");
-  return /* @__PURE__ */ jsxs(Card, { className: cn(
-    "group relative overflow-hidden transition-all duration-200 hover:shadow-lg",
-    featured && "border-primary/50 bg-primary/5",
-    className
-  ), children: [
-    /* @__PURE__ */ jsxs(CardHeader, { className: "pb-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 mb-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-lg", children: config.icon }),
-          /* @__PURE__ */ jsx(Badge, { variant: config.variant, children: config.label })
-        ] }),
-        /* @__PURE__ */ jsx("time", { className: "text-sm text-muted-foreground", children: formattedDate })
-      ] }),
-      /* @__PURE__ */ jsx(CardTitle, { className: "text-xl group-hover:text-primary transition-colors line-clamp-2", children: /* @__PURE__ */ jsx("a", { href, className: "hover:underline", children: title }) }),
-      description && /* @__PURE__ */ jsx(CardDescription, { className: "line-clamp-2 mt-2", children: description })
-    ] }),
-    /* @__PURE__ */ jsx(CardContent, { className: "pt-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        author && /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
-          "by ",
-          author
-        ] }),
-        tags && tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: tags.slice(0, 2).map((tag) => /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs", children: tag }, tag)) })
-      ] }),
-      /* @__PURE__ */ jsx(ButtonLink, { href, variant: "ghost", size: "sm", children: "Read more \u2192" })
-    ] }) })
-  ] });
-}, "ArticleCard");
-var ArticleList = /* @__PURE__ */ __name(({
-  articles,
-  title,
-  description,
-  showFeatured = true,
-  columns = 2,
-  className
-}) => {
-  const { featuredArticles, regularArticles } = useMemo(() => {
-    const sorted = [...articles].sort(
-      (a, b) => moment2(b.date).valueOf() - moment2(a.date).valueOf()
-    );
-    return {
-      featuredArticles: showFeatured ? sorted.filter((a) => a.featured) : [],
-      regularArticles: showFeatured ? sorted.filter((a) => !a.featured) : sorted
-    };
-  }, [articles, showFeatured]);
-  const gridCols = {
-    1: "grid-cols-1",
-    2: "grid-cols-1 md:grid-cols-2",
-    3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
-  };
-  return /* @__PURE__ */ jsxs("section", { className: cn("py-8", className), children: [
-    (title || description) && /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
-      title && /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold tracking-tight", children: title }),
-      description && /* @__PURE__ */ jsx("p", { className: "mt-2 text-lg text-muted-foreground", children: description })
-    ] }),
-    featuredArticles.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold uppercase tracking-wider text-muted-foreground mb-4", children: "Featured" }),
-      /* @__PURE__ */ jsx("div", { className: "grid gap-4", children: featuredArticles.map((article, index) => /* @__PURE__ */ jsx(ArticleCard, { ...article, featured: true }, index)) })
-    ] }),
-    regularArticles.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("grid gap-4", gridCols[columns]), children: regularArticles.map((article, index) => /* @__PURE__ */ jsx(ArticleCard, { ...article }, index)) }),
-    articles.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-center py-12 text-muted-foreground", children: "No articles yet. Check back soon!" })
-  ] });
-}, "ArticleList");
-var CTASection = /* @__PURE__ */ __name(({
-  title,
-  subtitle,
-  primaryCTA,
-  secondaryCTA,
-  background = "default",
-  className,
-  children
-}) => {
-  const backgroundClasses = {
-    default: "bg-background",
-    muted: "bg-muted/30",
-    primary: "bg-primary/5",
-    gradient: "bg-gradient-to-b from-background via-primary/5 to-background"
-  };
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: cn(
-        "relative py-16 sm:py-20 md:py-24 lg:py-32",
-        backgroundClasses[background],
-        className
-      ),
-      children: [
-        background === "gradient" && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 -z-10 overflow-hidden pointer-events-none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full max-w-4xl aspect-square bg-primary/10 rounded-full blur-3xl" }) }),
-        /* @__PURE__ */ jsx("div", { className: "container max-w-4xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "text-center space-y-6 sm:space-y-8", children: [
-          /* @__PURE__ */ jsx("h2", { className: "text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight", children: title }),
-          subtitle && /* @__PURE__ */ jsx("p", { className: "text-base sm:text-lg md:text-xl text-muted-foreground max-w-2xl mx-auto leading-relaxed", children: subtitle }),
-          (primaryCTA || secondaryCTA) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row gap-3 sm:gap-4 justify-center items-center pt-4", children: [
-            primaryCTA && (primaryCTA.onClick ? /* @__PURE__ */ jsx(
-              Button,
-              {
-                onClick: primaryCTA.onClick,
-                variant: primaryCTA.variant || "default",
-                size: primaryCTA.size || "lg",
-                className: "w-full sm:w-auto",
-                children: primaryCTA.label
-              }
-            ) : /* @__PURE__ */ jsx(
-              Button,
-              {
-                asChild: true,
-                variant: primaryCTA.variant || "default",
-                size: primaryCTA.size || "lg",
-                className: "w-full sm:w-auto",
-                children: /* @__PURE__ */ jsx(Link5, { href: primaryCTA.href || "#", children: primaryCTA.label })
-              }
-            )),
-            secondaryCTA && (secondaryCTA.onClick ? /* @__PURE__ */ jsx(
-              Button,
-              {
-                onClick: secondaryCTA.onClick,
-                variant: secondaryCTA.variant || "outline",
-                size: secondaryCTA.size || "lg",
-                className: "w-full sm:w-auto",
-                children: secondaryCTA.label
-              }
-            ) : /* @__PURE__ */ jsx(
-              Button,
-              {
-                asChild: true,
-                variant: secondaryCTA.variant || "outline",
-                size: secondaryCTA.size || "lg",
-                className: "w-full sm:w-auto",
-                children: /* @__PURE__ */ jsx(Link5, { href: secondaryCTA.href || "#", children: secondaryCTA.label })
-              }
-            ))
-          ] }),
-          children && /* @__PURE__ */ jsx("div", { className: "pt-8 sm:pt-12", children })
-        ] }) })
-      ]
-    }
-  );
-}, "CTASection");
-var FeatureSection = /* @__PURE__ */ __name(({
-  title,
-  subtitle,
-  features,
-  columns = 3,
-  className,
-  background = "dark",
-  variant = "default"
-}) => {
-  const getGridClasses = /* @__PURE__ */ __name(() => {
-    if (variant === "compact") {
-      switch (columns) {
-        case 2:
-          return "grid-cols-2";
-        case 3:
-          return "grid-cols-2 md:grid-cols-3";
-        case 4:
-          return "grid-cols-2 md:grid-cols-4";
-        case 6:
-          return "grid-cols-2 md:grid-cols-3 lg:grid-cols-6";
-        default:
-          return "grid-cols-2 md:grid-cols-3";
-      }
-    }
-    switch (columns) {
-      case 1:
-        return "grid-cols-1 max-w-2xl mx-auto";
-      case 2:
-        return "grid-cols-1 sm:grid-cols-2";
-      case 3:
-        return "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3";
-      case 4:
-        return "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4";
-      case 6:
-        return "grid-cols-2 sm:grid-cols-3 lg:grid-cols-6";
-      default:
-        return "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3";
-    }
-  }, "getGridClasses");
-  const getBackgroundClasses = /* @__PURE__ */ __name(() => {
-    switch (background) {
-      case "dark":
-        return "bg-muted/30";
-      case "card":
-        return "bg-card";
-      case "gradient":
-        return "bg-gradient-to-b from-background to-muted/20";
-      case "none":
-        return "";
-      default:
-        return "bg-background";
-    }
-  }, "getBackgroundClasses");
-  if (variant === "compact") {
-    return /* @__PURE__ */ jsx("section", { className: cn("py-12 md:py-16", getBackgroundClasses(), className), children: /* @__PURE__ */ jsxs("div", { className: "container max-w-5xl mx-auto px-4", children: [
-      (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "text-center mb-8", children: [
-        title && /* @__PURE__ */ jsx("h2", { className: "text-xl sm:text-2xl font-bold text-foreground mb-2", children: title }),
-        subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground max-w-2xl mx-auto", children: subtitle })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: cn("grid gap-4", getGridClasses()), children: features.map((feature, index) => /* @__PURE__ */ jsxs("div", { className: "text-center p-4", children: [
-        feature.icon && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "w-10 h-10 mx-auto mb-3 rounded-lg flex items-center justify-center",
-              feature.gradient || "bg-primary/10 text-primary"
-            ),
-            children: /* @__PURE__ */ jsx("div", { className: "[&>svg]:w-5 [&>svg]:h-5", children: feature.icon })
-          }
-        ),
-        /* @__PURE__ */ jsx("h3", { className: "font-medium text-sm mb-1", children: feature.title }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: feature.description })
-      ] }, index)) })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsx("section", { className: cn("py-12 sm:py-16 lg:py-24", getBackgroundClasses(), className), children: /* @__PURE__ */ jsxs("div", { className: "w-full px-4 sm:px-6 lg:px-8", children: [
-    (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "text-center mb-12 sm:mb-16", children: [
-      title && /* @__PURE__ */ jsx("h2", { className: "text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-foreground mb-4 sm:mb-6", children: title }),
-      subtitle && /* @__PURE__ */ jsx("p", { className: "text-base sm:text-lg md:text-xl text-muted-foreground max-w-3xl mx-auto px-2", children: subtitle })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: cn("grid gap-6 sm:gap-8", getGridClasses()), children: features.map((feature, index) => /* @__PURE__ */ jsxs(
-      Card,
-      {
-        className: "h-full hover:shadow-lg transition-all duration-300 backdrop-blur-sm border-border/50 hover:border-primary/30 group",
-        children: [
-          /* @__PURE__ */ jsxs(CardHeader, { className: "pb-4", children: [
-            feature.icon && /* @__PURE__ */ jsx("div", { className: cn(
-              "w-12 h-12 sm:w-16 sm:h-16 rounded-lg flex items-center justify-center mb-4 sm:mb-6 group-hover:scale-110 transition-all duration-300",
-              feature.gradient || "bg-primary/10 text-primary group-hover:bg-primary/20"
-            ), children: /* @__PURE__ */ jsx("div", { className: "text-xl sm:text-2xl", children: feature.icon }) }),
-            /* @__PURE__ */ jsx(CardTitle, { className: "text-lg sm:text-xl text-foreground group-hover:text-primary transition-colors duration-300", children: feature.title })
-          ] }),
-          /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(CardDescription, { className: "text-sm sm:text-base text-muted-foreground leading-relaxed", children: feature.description }) })
-        ]
-      },
-      index
-    )) })
-  ] }) });
-}, "FeatureSection");
-var Hero = /* @__PURE__ */ __name(({
-  title,
-  subtitle,
-  description,
-  primaryAction,
-  secondaryAction,
-  background = "dark",
-  className,
-  children
-}) => {
-  const backgroundClasses = {
-    gradient: "bg-gradient-to-b from-primary/10 to-background",
-    solid: "bg-primary text-primary-foreground",
-    image: "bg-cover bg-center bg-no-repeat text-white",
-    dark: "bg-background text-foreground"
-  };
-  return /* @__PURE__ */ jsx("section", { className: cn(
-    "relative py-16 sm:py-20 md:py-24 lg:py-32",
-    backgroundClasses[background],
-    className
-  ), children: /* @__PURE__ */ jsx("div", { className: "container max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "text-center max-w-4xl mx-auto", children: [
-    subtitle && /* @__PURE__ */ jsx("p", { className: "text-base sm:text-lg md:text-xl mb-4 sm:mb-6 text-muted-foreground font-medium", children: subtitle }),
-    /* @__PURE__ */ jsx("h1", { className: "text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold mb-6 sm:mb-8 leading-tight", children: title }),
-    description && /* @__PURE__ */ jsx("p", { className: "text-lg sm:text-xl md:text-2xl mb-8 sm:mb-10 md:mb-12 text-muted-foreground leading-relaxed max-w-3xl mx-auto", children: description }),
-    (primaryAction || secondaryAction) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row gap-3 sm:gap-4 justify-center", children: [
-      primaryAction && /* @__PURE__ */ jsx(
-        ButtonLink,
-        {
-          href: primaryAction.href,
-          variant: primaryAction.variant || "default",
-          size: "huge",
-          className: "w-full sm:w-auto",
-          children: primaryAction.label
-        }
-      ),
-      secondaryAction && /* @__PURE__ */ jsx(
-        ButtonLink,
-        {
-          href: secondaryAction.href,
-          variant: secondaryAction.variant || "outline",
-          size: "huge",
-          className: "w-full sm:w-auto",
-          children: secondaryAction.label
-        }
-      )
-    ] }),
-    children && /* @__PURE__ */ jsx("div", { className: "mt-12 sm:mt-14 md:mt-16 flex justify-center", children })
-  ] }) }) });
-}, "Hero");
-var NewsletterSection = /* @__PURE__ */ __name(({
-  title = "Stay Updated with Our Newsletter",
-  description = "Get the latest insights on AI, technology, and software development delivered to your inbox.",
-  placeholder = "Enter your email address",
-  buttonText = "Subscribe",
-  disclaimer = "No spam, unsubscribe at any time",
-  background = "muted",
-  className,
-  onSubmit
-}) => {
-  const [email, setEmail] = React6__default.useState("");
-  const handleSubmit = /* @__PURE__ */ __name((e) => {
-    e.preventDefault();
-    if (email && onSubmit) {
-      onSubmit(email);
-      setEmail("");
-    }
-  }, "handleSubmit");
-  const backgroundClasses = {
-    default: "bg-background",
-    muted: "bg-muted/50",
-    primary: "bg-primary/5",
-    gradient: "bg-gradient-to-b from-background via-primary/5 to-background"
-  };
-  return /* @__PURE__ */ jsxs("section", { className: cn(
-    "relative py-16 sm:py-20 md:py-24 lg:py-32",
-    backgroundClasses[background],
-    className
-  ), children: [
-    background === "gradient" && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 -z-10 overflow-hidden pointer-events-none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full max-w-4xl aspect-square bg-primary/10 rounded-full blur-3xl" }) }),
-    /* @__PURE__ */ jsx("div", { className: "container max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "text-center max-w-3xl mx-auto", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight mb-4 sm:mb-6", children: title }),
-      description && /* @__PURE__ */ jsx("p", { className: "text-base sm:text-lg md:text-xl text-muted-foreground leading-relaxed mb-8 sm:mb-10 md:mb-12", children: description }),
-      /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "max-w-md mx-auto", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row gap-3 sm:gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
-            /* @__PURE__ */ jsx(Mail, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none" }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                type: "email",
-                placeholder,
-                value: email,
-                onChange: (e) => setEmail(e.target.value),
-                className: "pl-10 h-12 w-full",
-                required: true,
-                "aria-label": "Email address"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "submit",
-              size: "lg",
-              className: "h-12 w-full sm:w-auto sm:min-w-[120px]",
-              children: buttonText
-            }
-          )
-        ] }),
-        disclaimer && /* @__PURE__ */ jsx("p", { className: "text-xs sm:text-sm text-muted-foreground mt-3 text-center", children: disclaimer })
-      ] })
-    ] }) })
-  ] });
-}, "NewsletterSection");
-var SplitHeroContent = /* @__PURE__ */ __name(({
-  badge,
-  title,
-  titleGradient,
-  subtitle,
-  features = [],
-  primaryAction,
-  secondaryAction,
-  align = "center",
-  className
-}) => {
-  const alignClasses = {
-    top: "justify-start",
-    center: "justify-center",
-    bottom: "justify-end"
-  };
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", alignClasses[align], className), children: [
-    badge && /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-2 px-3 py-1.5 bg-primary/10 text-primary rounded-full text-sm font-medium mb-4 w-fit border border-primary/20", children: [
-      badge.icon || /* @__PURE__ */ jsx(Sparkles, { className: "w-3.5 h-3.5" }),
-      badge.text
-    ] }),
-    /* @__PURE__ */ jsxs("h1", { className: "text-3xl sm:text-4xl lg:text-5xl font-bold text-foreground mb-4 leading-tight", children: [
-      title,
-      titleGradient && /* @__PURE__ */ jsxs(Fragment, { children: [
-        " ",
-        /* @__PURE__ */ jsx("span", { className: "bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent", children: titleGradient })
-      ] })
-    ] }),
-    subtitle && /* @__PURE__ */ jsx("p", { className: "text-lg text-muted-foreground mb-6 leading-relaxed", children: subtitle }),
-    features.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-3 mb-6", children: features.map((feature, index) => /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "flex items-center gap-2 text-sm text-muted-foreground",
-        children: [
-          feature.icon && /* @__PURE__ */ jsx("span", { className: "text-primary", children: feature.icon }),
-          /* @__PURE__ */ jsx("span", { children: feature.text })
-        ]
-      },
-      index
-    )) }),
-    (primaryAction || secondaryAction) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3", children: [
-      primaryAction && /* @__PURE__ */ jsxs(
-        ButtonLink,
-        {
-          href: primaryAction.href || "#",
-          onClick: primaryAction.onClick,
-          variant: primaryAction.variant || "default",
-          size: "lg",
-          className: "group",
-          children: [
-            primaryAction.label,
-            primaryAction.icon || /* @__PURE__ */ jsx(ArrowRight, { className: "w-4 h-4 group-hover:translate-x-1 transition-transform" })
-          ]
-        }
-      ),
-      secondaryAction && /* @__PURE__ */ jsxs(
-        ButtonLink,
-        {
-          href: secondaryAction.href || "#",
-          onClick: secondaryAction.onClick,
-          variant: secondaryAction.variant || "outline",
-          size: "lg",
-          children: [
-            secondaryAction.label,
-            secondaryAction.icon
-          ]
-        }
-      )
-    ] })
-  ] });
-}, "SplitHeroContent");
-var SplitHeroMedia = /* @__PURE__ */ __name(({
-  media,
-  className
-}) => {
-  const containerClass = cn(
-    "relative w-full rounded-xl overflow-hidden",
-    className
-  );
-  switch (media.type) {
-    case "image":
-      return /* @__PURE__ */ jsx("div", { className: containerClass, children: /* @__PURE__ */ jsx("div", { className: "relative aspect-[4/3] w-full", children: /* @__PURE__ */ jsx(
-        Image,
-        {
-          src: media.src,
-          alt: media.alt || "",
-          fill: true,
-          className: "object-cover",
-          sizes: "(max-width: 768px) 100vw, 50vw"
-        }
-      ) }) });
-    case "video":
-      return /* @__PURE__ */ jsx("div", { className: containerClass, children: /* @__PURE__ */ jsx(
-        VideoPlayer,
-        {
-          source: {
-            type: "url",
-            url: media.url,
-            title: media.title,
-            poster: media.poster
-          },
-          theme: "modern",
-          aspectRatio: 16 / 9,
-          autoPlay: media.autoplay,
-          muted: media.muted ?? media.autoplay
-        }
-      ) });
-    case "custom":
-      return /* @__PURE__ */ jsx("div", { className: containerClass, children: media.content });
-    default:
-      return null;
-  }
-}, "SplitHeroMedia");
-var MAX_WIDTH_CLASSES = {
-  sm: "max-w-3xl",
-  md: "max-w-4xl",
-  lg: "max-w-5xl",
-  xl: "max-w-6xl",
-  full: "max-w-7xl"
-};
-var BACKGROUND_CLASSES = {
-  none: "",
-  muted: "bg-muted/30",
-  gradient: "bg-gradient-to-br from-primary/5 via-background to-secondary/5"
-};
-var SplitHero = /* @__PURE__ */ __name(({
-  badge,
-  title,
-  titleGradient,
-  subtitle,
-  features,
-  primaryAction,
-  secondaryAction,
-  media,
-  layout = "text-left",
-  mobileOrder = "text-first",
-  align = "center",
-  maxWidth = "xl",
-  background = "none",
-  className
-}) => {
-  const isTextLeft = layout === "text-left";
-  const isMediaFirst = mobileOrder === "media-first";
-  return /* @__PURE__ */ jsx(
-    "section",
-    {
-      className: cn(
-        "py-12 md:py-16 lg:py-20",
-        BACKGROUND_CLASSES[background],
-        className
-      ),
-      children: /* @__PURE__ */ jsx("div", { className: cn("mx-auto px-4", MAX_WIDTH_CLASSES[maxWidth]), children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "grid gap-8 lg:gap-12 items-center",
-            media ? "lg:grid-cols-2" : "lg:grid-cols-1 max-w-3xl mx-auto"
-          ),
-          children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  // Desktop order based on layout
-                  isTextLeft ? "lg:order-1" : "lg:order-2",
-                  // Mobile order based on mobileOrder
-                  isMediaFirst ? "order-2" : "order-1"
-                ),
-                children: /* @__PURE__ */ jsx(
-                  SplitHeroContent,
-                  {
-                    badge,
-                    title,
-                    titleGradient,
-                    subtitle,
-                    features,
-                    primaryAction,
-                    secondaryAction,
-                    align
-                  }
-                )
-              }
-            ),
-            media && /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  // Desktop order based on layout
-                  isTextLeft ? "lg:order-2" : "lg:order-1",
-                  // Mobile order based on mobileOrder
-                  isMediaFirst ? "order-1" : "order-2"
-                ),
-                children: /* @__PURE__ */ jsx(SplitHeroMedia, { media })
-              }
-            )
-          ]
-        }
-      ) })
-    }
-  );
-}, "SplitHero");
-var StatsSection = /* @__PURE__ */ __name(({
-  title,
-  subtitle,
-  stats,
-  columns = 4,
-  className,
-  background = "dark"
-}) => {
-  const getGridClasses = /* @__PURE__ */ __name(() => {
-    switch (columns) {
-      case 2:
-        return "grid-cols-1 sm:grid-cols-2";
-      case 3:
-        return "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3";
-      case 4:
-        return "grid-cols-2 sm:grid-cols-2 lg:grid-cols-4";
-      default:
-        return "grid-cols-2 sm:grid-cols-2 lg:grid-cols-4";
-    }
-  }, "getGridClasses");
-  const getBackgroundClasses = /* @__PURE__ */ __name(() => {
-    switch (background) {
-      case "dark":
-        return "bg-background";
-      case "card":
-        return "gradient-card";
-      case "gradient":
-        return "gradient-subtle";
-      default:
-        return "bg-background";
-    }
-  }, "getBackgroundClasses");
-  return /* @__PURE__ */ jsx("section", { className: cn("py-12 sm:py-16 lg:py-24", getBackgroundClasses(), className), children: /* @__PURE__ */ jsxs("div", { className: "w-full px-4 sm:px-6 lg:px-8", children: [
-    /* @__PURE__ */ jsxs("div", { className: "text-center mb-12 sm:mb-16 animate-fade-in", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-foreground mb-4 sm:mb-6", children: title }),
-      subtitle && /* @__PURE__ */ jsx("p", { className: "text-base sm:text-lg md:text-xl text-muted-foreground max-w-3xl mx-auto px-2", children: subtitle })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: cn("grid gap-6 sm:gap-8", getGridClasses()), children: stats.map((stat, index) => /* @__PURE__ */ jsx(
-      Card,
-      {
-        className: "text-center hover:shadow-large transition-all duration-300 animate-scale-in backdrop-blur-sm border-border/50 hover:border-primary/30 group",
-        style: { animationDelay: `${index * 0.1}s` },
-        children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6 sm:p-8", children: [
-          stat.icon && /* @__PURE__ */ jsx("div", { className: "w-12 h-12 sm:w-16 sm:h-16 bg-primary/10 text-primary rounded-lg flex items-center justify-center mx-auto mb-4 sm:mb-6 group-hover:scale-110 group-hover:bg-primary/20 transition-all duration-300", children: /* @__PURE__ */ jsx("div", { className: "text-xl sm:text-2xl", children: stat.icon }) }),
-          /* @__PURE__ */ jsx("div", { className: "text-3xl sm:text-4xl lg:text-5xl font-bold text-foreground mb-2 sm:mb-3 group-hover:text-primary transition-colors duration-300", children: stat.number }),
-          /* @__PURE__ */ jsx("div", { className: "text-sm sm:text-base text-muted-foreground font-medium", children: stat.label }),
-          stat.description && /* @__PURE__ */ jsx("p", { className: "text-xs sm:text-sm text-muted-foreground mt-2", children: stat.description })
-        ] })
-      },
-      index
-    )) })
-  ] }) });
-}, "StatsSection");
-var variantMap = {
-  "gradient-mesh": "mesh-gradient",
-  "dot-matrix": "geometric-flow",
-  "grid-lines": "geometric-flow",
-  "aurora": "aurora-borealis",
-  "particles": "floating-orbs",
-  "waves": "liquid-gradient"
-};
-var AnimatedBackground = /* @__PURE__ */ __name(({
-  variant = "mesh-gradient",
-  className,
-  intensity = "medium",
-  colorScheme = "vibrant"
-}) => {
-  const resolvedVariant = variantMap[variant] || variant;
-  const intensityConfig = useMemo(() => ({
-    subtle: { opacity: 0.15, blur: "blur-3xl", scale: 0.8 },
-    medium: { opacity: 0.25, blur: "blur-2xl", scale: 1 },
-    strong: { opacity: 0.4, blur: "blur-xl", scale: 1.2 }
-  })[intensity], [intensity]);
-  const colors = useMemo(() => {
-    const palettes = {
-      vibrant: [
-        "hsl(var(--chart-1))",
-        // Blue
-        "hsl(var(--chart-2))",
-        // Green
-        "hsl(var(--chart-3))",
-        // Purple
-        "hsl(var(--chart-4))",
-        // Orange
-        "hsl(var(--chart-5))"
-        // Red
-      ],
-      monochrome: [
-        "hsl(var(--primary))",
-        "hsl(var(--primary) / 0.8)",
-        "hsl(var(--primary) / 0.6)"
-      ],
-      cool: [
-        "hsl(var(--chart-1))",
-        // Blue
-        "hsl(var(--chart-3))",
-        // Purple
-        "hsl(210 100% 50%)",
-        // Bright blue
-        "hsl(260 100% 60%)"
-        // Violet
-      ],
-      warm: [
-        "hsl(var(--chart-4))",
-        // Orange
-        "hsl(var(--chart-5))",
-        // Red
-        "hsl(35 100% 55%)",
-        // Gold
-        "hsl(350 100% 60%)"
-        // Rose
-      ]
-    };
-    return palettes[colorScheme];
-  }, [colorScheme]);
-  if (resolvedVariant === "none") {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn("absolute overflow-hidden pointer-events-none", className),
-      style: { inset: 0, width: "100%", height: "100%" },
-      children: [
-        resolvedVariant === "aurora-borealis" && /* @__PURE__ */ jsx(AuroraBorealis, { colors, intensity: intensityConfig }),
-        resolvedVariant === "mesh-gradient" && /* @__PURE__ */ jsx(MeshGradient, { colors, intensity: intensityConfig }),
-        resolvedVariant === "floating-orbs" && /* @__PURE__ */ jsx(FloatingOrbs, { colors, intensity: intensityConfig }),
-        resolvedVariant === "geometric-flow" && /* @__PURE__ */ jsx(GeometricFlow, { colors, intensity: intensityConfig }),
-        resolvedVariant === "liquid-gradient" && /* @__PURE__ */ jsx(LiquidGradient, { colors, intensity: intensityConfig }),
-        resolvedVariant === "spotlight" && /* @__PURE__ */ jsx(Spotlight, { colors, intensity: intensityConfig }),
-        /* @__PURE__ */ jsx(AnimationStyles, {})
-      ]
-    }
-  );
-}, "AnimatedBackground");
-var AuroraBorealis = /* @__PURE__ */ __name(({ colors, intensity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "absolute inset-0",
-      style: {
-        background: `linear-gradient(135deg, ${colors[0]} 0%, transparent 50%, ${colors[1]} 100%)`,
-        opacity: intensity.opacity * 0.3
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("absolute inset-0", intensity.blur),
-      style: {
-        background: `linear-gradient(110deg,
-          transparent 0%,
-          ${colors[0]} 20%,
-          ${colors[2] || colors[0]} 35%,
-          ${colors[1]} 50%,
-          ${colors[3] || colors[1]} 65%,
-          ${colors[0]} 80%,
-          transparent 100%
-        )`,
-        opacity: intensity.opacity,
-        animation: "aurora-shift 15s ease-in-out infinite",
-        transform: `translateY(-30%) scaleY(${intensity.scale})`
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("absolute inset-0", intensity.blur),
-      style: {
-        background: `linear-gradient(70deg,
-          transparent 0%,
-          ${colors[1]} 25%,
-          ${colors[2] || colors[0]} 50%,
-          ${colors[0]} 75%,
-          transparent 100%
-        )`,
-        opacity: intensity.opacity * 0.7,
-        animation: "aurora-shift 20s ease-in-out infinite reverse",
-        animationDelay: "-5s",
-        transform: `translateY(-20%) scaleY(${intensity.scale * 0.8})`
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "absolute inset-0",
-      style: {
-        background: `radial-gradient(ellipse 100% 50% at 50% 0%,
-          ${colors[2] || colors[0]} 0%,
-          transparent 70%
-        )`,
-        opacity: intensity.opacity * 0.4,
-        animation: "aurora-shimmer 8s ease-in-out infinite"
-      }
-    }
-  )
-] }), "AuroraBorealis");
-var MeshGradient = /* @__PURE__ */ __name(({ colors, intensity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("absolute rounded-full", intensity.blur),
-      style: {
-        width: "60%",
-        height: "60%",
-        top: "-10%",
-        right: "-10%",
-        background: `radial-gradient(circle, ${colors[0]} 0%, transparent 70%)`,
-        opacity: intensity.opacity,
-        animation: "mesh-float-1 25s ease-in-out infinite",
-        transform: `scale(${intensity.scale})`
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("absolute rounded-full", intensity.blur),
-      style: {
-        width: "50%",
-        height: "50%",
-        bottom: "-5%",
-        left: "-5%",
-        background: `radial-gradient(circle, ${colors[1]} 0%, transparent 70%)`,
-        opacity: intensity.opacity,
-        animation: "mesh-float-2 30s ease-in-out infinite",
-        transform: `scale(${intensity.scale})`
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("absolute rounded-full", intensity.blur),
-      style: {
-        width: "40%",
-        height: "40%",
-        top: "30%",
-        left: "25%",
-        background: `radial-gradient(circle, ${colors[2] || colors[0]} 0%, transparent 70%)`,
-        opacity: intensity.opacity * 0.8,
-        animation: "mesh-float-3 20s ease-in-out infinite",
-        transform: `scale(${intensity.scale})`
-      }
-    }
-  ),
-  colors[3] && /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("absolute rounded-full", intensity.blur),
-      style: {
-        width: "35%",
-        height: "35%",
-        bottom: "20%",
-        right: "15%",
-        background: `radial-gradient(circle, ${colors[3]} 0%, transparent 70%)`,
-        opacity: intensity.opacity * 0.6,
-        animation: "mesh-float-4 22s ease-in-out infinite",
-        transform: `scale(${intensity.scale})`
-      }
-    }
-  )
-] }), "MeshGradient");
-var FloatingOrbs = /* @__PURE__ */ __name(({ colors, intensity }) => {
-  const orbs = useMemo(() => {
-    return Array.from({ length: 12 }).map((_, i) => ({
-      id: i,
-      size: 60 + i % 4 * 40,
-      x: i * 23 % 100,
-      y: i * 31 % 100,
-      color: colors[i % colors.length],
-      duration: 15 + i % 5 * 5,
-      delay: i * 1.5
-    }));
-  }, [colors]);
-  return /* @__PURE__ */ jsx(Fragment, { children: orbs.map((orb) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("absolute rounded-full", intensity.blur),
-      style: {
-        width: `${orb.size * intensity.scale}px`,
-        height: `${orb.size * intensity.scale}px`,
-        left: `${orb.x}%`,
-        top: `${orb.y}%`,
-        background: `radial-gradient(circle at 30% 30%, ${orb.color}, transparent 70%)`,
-        opacity: intensity.opacity * (0.5 + orb.id % 3 * 0.2),
-        animation: `orb-float-${orb.id % 4 + 1} ${orb.duration}s ease-in-out infinite`,
-        animationDelay: `${orb.delay}s`
-      }
-    },
-    orb.id
-  )) });
-}, "FloatingOrbs");
-var GeometricFlow = /* @__PURE__ */ __name(({ colors, intensity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "absolute inset-0",
-      style: {
-        background: `linear-gradient(135deg,
-          ${colors[0]} 0%,
-          transparent 30%,
-          transparent 70%,
-          ${colors[1]} 100%
-        )`,
-        opacity: intensity.opacity * 0.3
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "absolute inset-0",
-      style: {
-        backgroundImage: `
-          linear-gradient(${colors[0]}20 1px, transparent 1px),
-          linear-gradient(90deg, ${colors[0]}20 1px, transparent 1px)
-        `,
-        backgroundSize: "60px 60px",
-        animation: "grid-drift 30s linear infinite",
-        opacity: intensity.opacity
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "absolute inset-0",
-      style: {
-        backgroundImage: `repeating-linear-gradient(
-          45deg,
-          transparent,
-          transparent 80px,
-          ${colors[2] || colors[0]}10 80px,
-          ${colors[2] || colors[0]}10 82px
-        )`,
-        animation: "diagonal-shift 20s linear infinite",
-        opacity: intensity.opacity
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("absolute rounded-full", intensity.blur),
-      style: {
-        width: "40%",
-        height: "40%",
-        top: "20%",
-        left: "50%",
-        transform: "translateX(-50%)",
-        background: `radial-gradient(circle, ${colors[0]} 0%, transparent 70%)`,
-        opacity: intensity.opacity * 0.5,
-        animation: "pulse-glow 8s ease-in-out infinite"
-      }
-    }
-  )
-] }), "GeometricFlow");
-var LiquidGradient = /* @__PURE__ */ __name(({ colors, intensity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "absolute inset-0",
-      style: {
-        background: `linear-gradient(180deg,
-          transparent 0%,
-          ${colors[0]}15 30%,
-          ${colors[1]}20 50%,
-          ${colors[2] || colors[0]}15 70%,
-          transparent 100%
-        )`,
-        opacity: intensity.opacity
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("absolute", intensity.blur),
-      style: {
-        width: "120%",
-        height: "50%",
-        bottom: "-10%",
-        left: "-10%",
-        background: `linear-gradient(90deg,
-          ${colors[0]} 0%,
-          ${colors[1]} 33%,
-          ${colors[2] || colors[0]} 66%,
-          ${colors[0]} 100%
-        )`,
-        opacity: intensity.opacity,
-        borderRadius: "50% 50% 0 0",
-        animation: "liquid-flow-1 12s ease-in-out infinite",
-        transform: `scaleY(${intensity.scale})`
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("absolute", intensity.blur),
-      style: {
-        width: "100%",
-        height: "40%",
-        bottom: "-5%",
-        left: "0",
-        background: `linear-gradient(90deg,
-          ${colors[1]} 0%,
-          ${colors[2] || colors[0]} 50%,
-          ${colors[3] || colors[1]} 100%
-        )`,
-        opacity: intensity.opacity * 0.8,
-        borderRadius: "60% 40% 0 0",
-        animation: "liquid-flow-2 15s ease-in-out infinite",
-        transform: `scaleY(${intensity.scale * 0.9})`
-      }
-    }
-  ),
-  Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "absolute rounded-full",
-      style: {
-        width: `${12 + i * 4}px`,
-        height: `${12 + i * 4}px`,
-        left: `${15 + i * 15}%`,
-        bottom: "10%",
-        background: `radial-gradient(circle at 30% 30%,
-            ${colors[i % colors.length]}80,
-            ${colors[i % colors.length]}20
-          )`,
-        border: `1px solid ${colors[i % colors.length]}40`,
-        opacity: intensity.opacity,
-        animation: `bubble-float ${8 + i * 2}s ease-in-out infinite`,
-        animationDelay: `${i * 2}s`
-      }
-    },
-    i
-  ))
-] }), "LiquidGradient");
-var Spotlight = /* @__PURE__ */ __name(({ colors, intensity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("absolute", intensity.blur),
-      style: {
-        width: "80%",
-        height: "80%",
-        top: "-20%",
-        left: "50%",
-        transform: "translateX(-50%)",
-        background: `conic-gradient(from 180deg at 50% 50%,
-          ${colors[0]} 0deg,
-          ${colors[1]} 60deg,
-          ${colors[2] || colors[0]} 120deg,
-          ${colors[3] || colors[1]} 180deg,
-          ${colors[0]} 240deg,
-          ${colors[1]} 300deg,
-          ${colors[0]} 360deg
-        )`,
-        opacity: intensity.opacity,
-        animation: "spotlight-rotate 30s linear infinite"
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "absolute inset-0",
-      style: {
-        background: `radial-gradient(circle at 50% 30%,
-          transparent 0%,
-          hsl(var(--background)) 70%
-        )`
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("absolute rounded-full", intensity.blur),
-      style: {
-        width: "50%",
-        height: "50%",
-        top: "10%",
-        left: "25%",
-        background: `radial-gradient(circle, ${colors[0]} 0%, transparent 70%)`,
-        opacity: intensity.opacity * 0.5,
-        animation: "pulse-glow 6s ease-in-out infinite"
-      }
-    }
-  )
-] }), "Spotlight");
-var AnimationStyles = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx("style", { children: `
-    @keyframes aurora-shift {
-      0%, 100% {
-        transform: translateX(-10%) translateY(-30%) scaleX(1.1);
-      }
-      50% {
-        transform: translateX(10%) translateY(-25%) scaleX(0.9);
-      }
-    }
-
-    @keyframes aurora-shimmer {
-      0%, 100% {
-        opacity: 0.2;
-        transform: scale(1);
-      }
-      50% {
-        opacity: 0.4;
-        transform: scale(1.05);
-      }
-    }
-
-    @keyframes mesh-float-1 {
-      0%, 100% { transform: translate(0, 0) scale(1); }
-      25% { transform: translate(-5%, 10%) scale(1.05); }
-      50% { transform: translate(5%, 5%) scale(0.95); }
-      75% { transform: translate(-3%, -5%) scale(1.02); }
-    }
-
-    @keyframes mesh-float-2 {
-      0%, 100% { transform: translate(0, 0) scale(1); }
-      33% { transform: translate(8%, -8%) scale(1.08); }
-      66% { transform: translate(-6%, 6%) scale(0.92); }
-    }
-
-    @keyframes mesh-float-3 {
-      0%, 100% { transform: translate(0, 0) scale(1); }
-      50% { transform: translate(10%, 10%) scale(1.1); }
-    }
-
-    @keyframes mesh-float-4 {
-      0%, 100% { transform: translate(0, 0) scale(1); }
-      25% { transform: translate(5%, -10%) scale(0.95); }
-      75% { transform: translate(-8%, 5%) scale(1.05); }
-    }
-
-    @keyframes orb-float-1 {
-      0%, 100% { transform: translate(0, 0); }
-      50% { transform: translate(30px, -40px); }
-    }
-
-    @keyframes orb-float-2 {
-      0%, 100% { transform: translate(0, 0); }
-      50% { transform: translate(-25px, 35px); }
-    }
-
-    @keyframes orb-float-3 {
-      0%, 100% { transform: translate(0, 0); }
-      33% { transform: translate(40px, 20px); }
-      66% { transform: translate(-20px, -30px); }
-    }
-
-    @keyframes orb-float-4 {
-      0%, 100% { transform: translate(0, 0); }
-      25% { transform: translate(-35px, -25px); }
-      75% { transform: translate(25px, 40px); }
-    }
-
-    @keyframes grid-drift {
-      0% { transform: translate(0, 0); }
-      100% { transform: translate(60px, 60px); }
-    }
-
-    @keyframes diagonal-shift {
-      0% { transform: translateX(0); }
-      100% { transform: translateX(160px); }
-    }
-
-    @keyframes pulse-glow {
-      0%, 100% { opacity: 0.3; transform: translateX(-50%) scale(1); }
-      50% { opacity: 0.6; transform: translateX(-50%) scale(1.1); }
-    }
-
-    @keyframes liquid-flow-1 {
-      0%, 100% {
-        transform: translateY(0) scaleX(1);
-        border-radius: 50% 50% 0 0;
-      }
-      25% {
-        transform: translateY(-30px) scaleX(1.05);
-        border-radius: 45% 55% 0 0;
-      }
-      50% {
-        transform: translateY(-50px) scaleX(0.95);
-        border-radius: 55% 45% 0 0;
-      }
-      75% {
-        transform: translateY(-25px) scaleX(1.02);
-        border-radius: 48% 52% 0 0;
-      }
-    }
-
-    @keyframes liquid-flow-2 {
-      0%, 100% {
-        transform: translateY(0) scaleX(1);
-        border-radius: 60% 40% 0 0;
-      }
-      33% {
-        transform: translateY(-40px) scaleX(1.08);
-        border-radius: 40% 60% 0 0;
-      }
-      66% {
-        transform: translateY(-60px) scaleX(0.92);
-        border-radius: 55% 45% 0 0;
-      }
-    }
-
-    @keyframes bubble-float {
-      0%, 100% {
-        transform: translateY(0) scale(1);
-        opacity: 0.6;
-      }
-      50% {
-        transform: translateY(-100px) scale(1.2);
-        opacity: 0.3;
-      }
-    }
-
-    @keyframes spotlight-rotate {
-      0% { transform: translateX(-50%) rotate(0deg); }
-      100% { transform: translateX(-50%) rotate(360deg); }
-    }
-  ` }), "AnimationStyles");
-var blurMap = {
-  sm: "blur-sm",
-  md: "blur-md",
-  lg: "blur-lg",
-  xl: "blur-xl",
-  "2xl": "blur-2xl",
-  "3xl": "blur-3xl"
-};
-var MouseFollower = /* @__PURE__ */ __name(({
-  variant = "glow",
-  size = 300,
-  color = "primary",
-  smoothness = 0.1,
-  opacity = 0.3,
-  blur = "2xl",
-  className,
-  showOnMobile = false,
-  disabled = false
-}) => {
-  const [mounted, setMounted] = useState(false);
-  const [isVisible, setIsVisible] = useState(false);
-  const [isMobile, setIsMobile] = useState(false);
-  const positionRef = useRef({ x: 0, y: 0 });
-  const targetRef = useRef({ x: 0, y: 0 });
-  const elementRef = useRef(null);
-  const rafRef = useRef(0);
-  const resolvedColor = useMemo(() => {
-    if (color === "primary") return "hsl(var(--primary))";
-    if (color === "secondary") return "hsl(var(--secondary))";
-    if (color === "accent") return "hsl(var(--accent))";
-    return color;
-  }, [color]);
-  useEffect(() => {
-    setMounted(true);
-    const checkMobile = /* @__PURE__ */ __name(() => {
-      setIsMobile("ontouchstart" in window || navigator.maxTouchPoints > 0);
-    }, "checkMobile");
-    checkMobile();
-    window.addEventListener("resize", checkMobile);
-    return () => window.removeEventListener("resize", checkMobile);
-  }, []);
-  const animate = useCallback(() => {
-    const dx = targetRef.current.x - positionRef.current.x;
-    const dy = targetRef.current.y - positionRef.current.y;
-    positionRef.current.x += dx * smoothness;
-    positionRef.current.y += dy * smoothness;
-    if (elementRef.current) {
-      elementRef.current.style.transform = `translate(${positionRef.current.x - size / 2}px, ${positionRef.current.y - size / 2}px)`;
-    }
-    rafRef.current = requestAnimationFrame(animate);
-  }, [smoothness, size]);
-  useEffect(() => {
-    if (disabled || !mounted) return;
-    if (isMobile && !showOnMobile) return;
-    const handleMouseMove = /* @__PURE__ */ __name((e) => {
-      targetRef.current = { x: e.clientX, y: e.clientY };
-      if (!isVisible) setIsVisible(true);
-    }, "handleMouseMove");
-    const handleMouseLeave = /* @__PURE__ */ __name(() => {
-      setIsVisible(false);
-    }, "handleMouseLeave");
-    const handleMouseEnter = /* @__PURE__ */ __name(() => {
-      setIsVisible(true);
-    }, "handleMouseEnter");
-    document.addEventListener("mousemove", handleMouseMove);
-    document.addEventListener("mouseleave", handleMouseLeave);
-    document.addEventListener("mouseenter", handleMouseEnter);
-    rafRef.current = requestAnimationFrame(animate);
-    return () => {
-      document.removeEventListener("mousemove", handleMouseMove);
-      document.removeEventListener("mouseleave", handleMouseLeave);
-      document.removeEventListener("mouseenter", handleMouseEnter);
-      cancelAnimationFrame(rafRef.current);
-    };
-  }, [disabled, mounted, isMobile, showOnMobile, animate, isVisible]);
-  if (!mounted || disabled) return null;
-  if (isMobile && !showOnMobile) return null;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "fixed inset-0 pointer-events-none overflow-hidden z-0",
-        className
-      ),
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          ref: elementRef,
-          className: cn(
-            "absolute top-0 left-0 transition-opacity duration-300",
-            isVisible ? "opacity-100" : "opacity-0"
-          ),
-          style: { width: size, height: size },
-          children: [
-            variant === "glow" && /* @__PURE__ */ jsx(
-              GlowEffect,
-              {
-                size,
-                color: resolvedColor,
-                opacity,
-                blur: blurMap[blur]
-              }
-            ),
-            variant === "spotlight" && /* @__PURE__ */ jsx(
-              SpotlightEffect,
-              {
-                size,
-                color: resolvedColor,
-                opacity,
-                blur: blurMap[blur]
-              }
-            ),
-            variant === "gradient-blob" && /* @__PURE__ */ jsx(
-              GradientBlobEffect,
-              {
-                size,
-                color: resolvedColor,
-                opacity,
-                blur: blurMap[blur]
-              }
-            ),
-            variant === "ring" && /* @__PURE__ */ jsx(
-              RingEffect,
-              {
-                size,
-                color: resolvedColor,
-                opacity
-              }
-            ),
-            variant === "trail" && /* @__PURE__ */ jsx(
-              TrailEffect,
-              {
-                size,
-                color: resolvedColor,
-                opacity,
-                blur: blurMap[blur]
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-}, "MouseFollower");
-var GlowEffect = /* @__PURE__ */ __name(({ size, color, opacity, blur }) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn("w-full h-full rounded-full", blur),
-    style: {
-      background: `radial-gradient(circle, ${color} 0%, transparent 70%)`,
-      opacity
-    }
-  }
-), "GlowEffect");
-var SpotlightEffect = /* @__PURE__ */ __name(({ size, color, opacity, blur }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("absolute inset-0", blur),
-      style: {
-        background: `conic-gradient(from 180deg at 50% 50%,
-          transparent 0deg,
-          ${color} 150deg,
-          ${color} 210deg,
-          transparent 360deg
-        )`,
-        opacity: opacity * 0.6
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("absolute rounded-full", blur),
-      style: {
-        width: "40%",
-        height: "40%",
-        top: "30%",
-        left: "30%",
-        background: `radial-gradient(circle, ${color} 0%, transparent 70%)`,
-        opacity
-      }
-    }
-  )
-] }), "SpotlightEffect");
-var GradientBlobEffect = /* @__PURE__ */ __name(({ size, color, opacity, blur }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("w-full h-full", blur),
-      style: {
-        background: `radial-gradient(ellipse 60% 40% at 50% 50%, ${color} 0%, transparent 70%)`,
-        opacity,
-        animation: "blob-morph 8s ease-in-out infinite"
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("absolute inset-0", blur),
-      style: {
-        background: `radial-gradient(ellipse 40% 60% at 50% 50%, ${color} 0%, transparent 60%)`,
-        opacity: opacity * 0.5,
-        animation: "blob-morph 8s ease-in-out infinite reverse",
-        animationDelay: "-4s"
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx("style", { children: `
-      @keyframes blob-morph {
-        0%, 100% { transform: scale(1) rotate(0deg); border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
-        25% { transform: scale(1.1) rotate(90deg); border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }
-        50% { transform: scale(0.9) rotate(180deg); border-radius: 50% 60% 30% 60% / 30% 60% 70% 40%; }
-        75% { transform: scale(1.05) rotate(270deg); border-radius: 60% 40% 50% 40% / 70% 30% 50% 60%; }
-      }
-    ` })
-] }), "GradientBlobEffect");
-var RingEffect = /* @__PURE__ */ __name(({ size, color, opacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "absolute inset-0 rounded-full",
-      style: {
-        border: `2px solid ${color}`,
-        opacity: opacity * 0.3
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "absolute rounded-full",
-      style: {
-        inset: "15%",
-        border: `2px solid ${color}`,
-        opacity: opacity * 0.5,
-        animation: "ring-pulse 2s ease-in-out infinite"
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "absolute rounded-full",
-      style: {
-        inset: "30%",
-        border: `2px solid ${color}`,
-        opacity: opacity * 0.7,
-        animation: "ring-pulse 2s ease-in-out infinite",
-        animationDelay: "-1s"
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "absolute rounded-full",
-      style: {
-        width: "8px",
-        height: "8px",
-        top: "50%",
-        left: "50%",
-        transform: "translate(-50%, -50%)",
-        background: color,
-        opacity
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx("style", { children: `
-      @keyframes ring-pulse {
-        0%, 100% { opacity: 0.3; transform: scale(1); }
-        50% { opacity: 0.7; transform: scale(1.05); }
-      }
-    ` })
-] }), "RingEffect");
-var TrailEffect = /* @__PURE__ */ __name(({ size, color, opacity, blur }) => /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn("absolute rounded-full", blur),
-    style: {
-      width: `${100 - i * 15}%`,
-      height: `${100 - i * 15}%`,
-      top: `${i * 7.5}%`,
-      left: `${i * 7.5}%`,
-      background: `radial-gradient(circle, ${color} 0%, transparent 70%)`,
-      opacity: opacity * (1 - i * 0.15),
-      transition: `transform ${0.1 + i * 0.05}s ease-out`
-    }
-  },
-  i
-)) }), "TrailEffect");
-function ThemeProvider({
-  children,
-  attribute = "class",
-  defaultTheme = "system",
-  enableSystem = true,
-  disableTransitionOnChange = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    ThemeProvider$1,
-    {
-      attribute,
-      defaultTheme,
-      enableSystem,
-      disableTransitionOnChange,
-      ...props,
-      children
-    }
-  );
-}
-__name(ThemeProvider, "ThemeProvider");
-function useThemeContext() {
-  const { theme, setTheme, resolvedTheme, systemTheme, themes } = useTheme();
-  const toggleTheme = /* @__PURE__ */ __name(() => {
-    const currentResolved = resolvedTheme || "light";
-    setTheme(currentResolved === "light" ? "dark" : "light");
-  }, "toggleTheme");
-  return {
-    theme,
-    setTheme,
-    resolvedTheme,
-    systemTheme,
-    themes,
-    toggleTheme
-  };
-}
-__name(useThemeContext, "useThemeContext");
-function ThemeToggle({ className, size = "auto" }) {
-  const { resolvedTheme, toggleTheme } = useThemeContext();
-  const [mounted, setMounted] = useState(false);
-  const isMobile = useIsMobile();
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-  const actualSize = size === "auto" ? isMobile ? "compact" : "default" : size;
-  const buttonSize = actualSize === "compact" ? "h-8 w-8" : "h-9 w-9";
-  const iconSize = actualSize === "compact" ? "h-3.5 w-3.5" : "h-4 w-4";
-  if (!mounted) {
-    return /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "ghost",
-        size: "icon",
-        className: cn(buttonSize, className),
-        disabled: true,
-        children: [
-          /* @__PURE__ */ jsx(Sun, { className: iconSize }),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle theme" })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant: "ghost",
-      size: "icon",
-      onClick: toggleTheme,
-      className: cn(buttonSize, className),
-      title: `Switch to ${resolvedTheme === "light" ? "dark" : "light"} theme`,
-      children: [
-        resolvedTheme === "light" ? /* @__PURE__ */ jsx(Sun, { className: iconSize }) : /* @__PURE__ */ jsx(Moon, { className: iconSize }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle theme" })
-      ]
-    }
-  );
-}
-__name(ThemeToggle, "ThemeToggle");
-var darkThemeVars = {
-  // Base HSL values
-  "--background": "0 0% 4%",
-  "--foreground": "0 0% 98%",
-  "--card": "0 0% 8%",
-  "--card-foreground": "0 0% 98%",
-  "--popover": "0 0% 12%",
-  "--popover-foreground": "0 0% 98%",
-  "--primary": "217 91% 60%",
-  "--primary-foreground": "0 0% 100%",
-  "--secondary": "0 0% 98%",
-  "--secondary-foreground": "0 0% 9%",
-  "--muted": "0 0% 10%",
-  "--muted-foreground": "0 0% 60%",
-  "--accent": "0 0% 15%",
-  "--accent-foreground": "0 0% 98%",
-  "--destructive": "0 84% 60%",
-  "--destructive-foreground": "0 0% 98%",
-  "--border": "0 0% 15%",
-  "--input": "0 0% 15%",
-  "--ring": "217 91% 60%",
-  // Tailwind color tokens (used by bg-*, text-*, etc)
-  "--color-background": "hsl(0 0% 4%)",
-  "--color-foreground": "hsl(0 0% 98%)",
-  "--color-card": "hsl(0 0% 8%)",
-  "--color-card-foreground": "hsl(0 0% 98%)",
-  "--color-primary": "hsl(217 91% 60%)",
-  "--color-primary-foreground": "hsl(0 0% 100%)",
-  "--color-secondary": "hsl(0 0% 98%)",
-  "--color-secondary-foreground": "hsl(0 0% 9%)",
-  "--color-muted": "hsl(0 0% 10%)",
-  "--color-muted-foreground": "hsl(0 0% 60%)",
-  "--color-accent": "hsl(0 0% 15%)",
-  "--color-accent-foreground": "hsl(0 0% 98%)",
-  "--color-destructive": "hsl(0 84% 60%)",
-  "--color-destructive-foreground": "hsl(0 0% 98%)",
-  "--color-border": "hsl(0 0% 15%)",
-  "--color-input": "hsl(0 0% 15%)",
-  "--color-ring": "hsl(217 91% 60%)"
-};
-var lightThemeVars = {
-  // Base HSL values
-  "--background": "0 0% 96%",
-  "--foreground": "0 0% 9%",
-  "--card": "0 0% 100%",
-  "--card-foreground": "0 0% 9%",
-  "--popover": "0 0% 100%",
-  "--popover-foreground": "0 0% 9%",
-  "--primary": "217 91% 60%",
-  "--primary-foreground": "0 0% 100%",
-  "--secondary": "0 0% 9%",
-  "--secondary-foreground": "0 0% 98%",
-  "--muted": "0 0% 96%",
-  "--muted-foreground": "0 0% 40%",
-  "--accent": "0 0% 92%",
-  "--accent-foreground": "0 0% 9%",
-  "--destructive": "0 84% 60%",
-  "--destructive-foreground": "0 0% 98%",
-  "--border": "0 0% 90%",
-  "--input": "0 0% 90%",
-  "--ring": "217 91% 60%",
-  // Tailwind color tokens (used by bg-*, text-*, etc)
-  "--color-background": "hsl(0 0% 96%)",
-  "--color-foreground": "hsl(0 0% 9%)",
-  "--color-card": "hsl(0 0% 100%)",
-  "--color-card-foreground": "hsl(0 0% 9%)",
-  "--color-primary": "hsl(217 91% 60%)",
-  "--color-primary-foreground": "hsl(0 0% 100%)",
-  "--color-secondary": "hsl(0 0% 9%)",
-  "--color-secondary-foreground": "hsl(0 0% 98%)",
-  "--color-muted": "hsl(0 0% 96%)",
-  "--color-muted-foreground": "hsl(0 0% 40%)",
-  "--color-accent": "hsl(0 0% 92%)",
-  "--color-accent-foreground": "hsl(0 0% 9%)",
-  "--color-destructive": "hsl(0 84% 60%)",
-  "--color-destructive-foreground": "hsl(0 0% 98%)",
-  "--color-border": "hsl(0 0% 90%)",
-  "--color-input": "hsl(0 0% 90%)",
-  "--color-ring": "hsl(217 91% 60%)"
-};
-function ForceTheme({ theme, children, className }) {
-  const themeVars = theme === "dark" ? darkThemeVars : lightThemeVars;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(theme, className),
-      style: themeVars,
-      children
-    }
-  );
-}
-__name(ForceTheme, "ForceTheme");
-var BACKGROUND_VARIANTS = [
-  "aurora-borealis",
-  "mesh-gradient",
-  "floating-orbs",
-  "geometric-flow",
-  "liquid-gradient",
-  "spotlight",
-  "none"
-];
-var VARIANT_LABELS = {
-  "aurora-borealis": "Aurora Borealis",
-  "mesh-gradient": "Mesh Gradient",
-  "floating-orbs": "Floating Orbs",
-  "geometric-flow": "Geometric Flow",
-  "liquid-gradient": "Liquid Gradient",
-  "spotlight": "Spotlight",
-  "none": "None",
-  // Legacy labels for backwards compatibility
-  "gradient-mesh": "Gradient Mesh",
-  "dot-matrix": "Dot Matrix",
-  "grid-lines": "Grid Lines",
-  "aurora": "Aurora",
-  "particles": "Particles",
-  "waves": "Waves"
-};
-var SuperHero = /* @__PURE__ */ __name(({
-  badge,
-  title,
-  titleGradient,
-  subtitle,
-  features = [],
-  primaryAction,
-  secondaryAction,
-  stats = [],
-  floatingElements,
-  backgroundVariant = "mesh-gradient",
-  backgroundIntensity = "medium",
-  showBackgroundSwitcher = false,
-  codeCommand,
-  codeCommands,
-  className
-}) => {
-  const [currentVariant, setCurrentVariant] = React6__default.useState(backgroundVariant);
-  const [isMenuOpen, setIsMenuOpen] = React6__default.useState(false);
-  const [heroTheme, setHeroTheme] = React6__default.useState("dark");
-  const commands = React6__default.useMemo(() => {
-    if (codeCommands && codeCommands.length > 0) return codeCommands;
-    if (codeCommand) return [codeCommand];
-    return [];
-  }, [codeCommand, codeCommands]);
-  const titleLines = React6__default.useMemo(() => title.split("\n"), [title]);
-  const cycleBackground = /* @__PURE__ */ __name(() => {
-    const currentIndex = BACKGROUND_VARIANTS.indexOf(currentVariant);
-    const nextIndex = (currentIndex + 1) % BACKGROUND_VARIANTS.length;
-    setCurrentVariant(BACKGROUND_VARIANTS[nextIndex]);
-  }, "cycleBackground");
-  return /* @__PURE__ */ jsx(ForceTheme, { theme: heroTheme, children: /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: cn(
-        "relative overflow-hidden bg-background text-foreground z-0 isolate",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 -z-10", children: /* @__PURE__ */ jsx(AnimatedBackground, { variant: currentVariant, intensity: backgroundIntensity }) }),
-        /* @__PURE__ */ jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 sm:py-24 lg:py-32 relative z-10", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-          badge && /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-2 px-4 py-2 bg-primary/10 text-primary rounded-full text-sm font-medium mb-6 border border-primary/20 hover:bg-primary/20 transition-all duration-300", children: [
-            badge.icon || /* @__PURE__ */ jsx(Sparkles, { className: "w-4 h-4" }),
-            badge.text
-          ] }),
-          /* @__PURE__ */ jsxs("h1", { className: "text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-bold text-foreground mb-6 leading-tight", children: [
-            titleLines.map((line, index) => /* @__PURE__ */ jsxs(React6__default.Fragment, { children: [
-              line,
-              index < titleLines.length - 1 && /* @__PURE__ */ jsx("br", {})
-            ] }, index)),
-            titleGradient && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx("br", {}),
-              /* @__PURE__ */ jsx("span", { className: "bg-gradient-to-r from-primary via-primary/80 to-secondary bg-clip-text text-transparent animate-pulse", children: titleGradient })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx("p", { className: "text-xl sm:text-2xl lg:text-3xl text-muted-foreground mb-8 max-w-4xl mx-auto leading-relaxed", children: subtitle }),
-          commands.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-2 mb-8", children: commands.map((cmd, index) => /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "inline-flex items-center gap-3 px-6 py-3 bg-background/50 backdrop-blur-md border border-primary/20 rounded-xl shadow-lg hover:border-primary/40 transition-colors group",
-              children: [
-                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-mono text-sm select-none", children: "$" }),
-                /* @__PURE__ */ jsx("code", { className: "font-mono text-lg text-primary font-semibold", children: cmd }),
-                /* @__PURE__ */ jsx(
-                  CopyButton,
-                  {
-                    value: cmd,
-                    variant: "ghost",
-                    className: "p-1.5 h-auto rounded-md bg-primary/10 text-primary hover:bg-primary hover:text-primary-foreground transition-colors",
-                    iconClassName: "w-4 h-4"
-                  }
-                )
-              ]
-            },
-            index
-          )) }),
-          features.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-6 mb-8", children: features.map((feature, index) => /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "flex items-center gap-2 text-sm text-muted-foreground bg-card/50 px-4 py-2 rounded-full border border-border/50 hover:border-primary/30 hover:bg-card transition-all duration-300",
-              children: [
-                feature.icon,
-                /* @__PURE__ */ jsx("span", { children: feature.text })
-              ]
-            },
-            index
-          )) }),
-          (primaryAction || secondaryAction) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row gap-4 justify-center mb-12", children: [
-            primaryAction && /* @__PURE__ */ jsxs(
-              ButtonLink,
-              {
-                href: primaryAction.href || "#",
-                onClick: primaryAction.onClick,
-                size: "huge",
-                className: "group",
-                children: [
-                  primaryAction.label,
-                  /* @__PURE__ */ jsx(ArrowRight, { className: "group-hover:translate-x-1 transition-transform duration-300" })
-                ]
-              }
-            ),
-            secondaryAction && /* @__PURE__ */ jsxs(
-              ButtonLink,
-              {
-                href: secondaryAction.href || "#",
-                onClick: secondaryAction.onClick,
-                variant: "outline",
-                size: "huge",
-                className: "group",
-                children: [
-                  secondaryAction.label,
-                  secondaryAction.icon && /* @__PURE__ */ jsx("span", { className: "group-hover:rotate-12 transition-transform duration-300", children: secondaryAction.icon })
-                ]
-              }
-            )
-          ] }),
-          stats.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-x-6 gap-y-3 md:gap-x-8 md:gap-y-4 max-w-3xl mx-auto", children: stats.map((stat, index) => /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "text-center min-w-[80px] md:min-w-[100px] px-4 py-2 md:px-5 md:py-3 rounded-lg border border-foreground/8 bg-background/10 backdrop-blur-sm",
-              children: [
-                /* @__PURE__ */ jsx("div", { className: "text-lg md:text-xl font-bold text-foreground mb-0.5 md:mb-1", children: stat.number }),
-                /* @__PURE__ */ jsx("div", { className: "text-[10px] md:text-xs text-foreground/50 uppercase tracking-wide", children: stat.label })
-              ]
-            },
-            index
-          )) })
-        ] }) }),
-        floatingElements,
-        /* @__PURE__ */ jsx(
-          Sticky,
-          {
-            bottom: true,
-            offsetBottom: 32,
-            className: "w-full flex justify-center pointer-events-none",
-            zIndex: 50,
-            children: /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-2 px-4 py-2 bg-background/90 backdrop-blur-md border border-border rounded-full shadow-lg pointer-events-auto", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground font-medium", children: VARIANT_LABELS[currentVariant] || currentVariant }),
-              /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-border" }),
-              /* @__PURE__ */ jsxs(Tooltip, { children: [
-                /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    size: "sm",
-                    variant: "ghost",
-                    onClick: cycleBackground,
-                    className: "h-7 w-7 p-0",
-                    children: /* @__PURE__ */ jsx(Wand2, { className: "w-3.5 h-3.5" })
-                  }
-                ) }),
-                /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Cycle background" }) })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-                isMenuOpen && /* @__PURE__ */ jsxs("div", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 bg-card border border-border rounded-lg shadow-xl p-2 min-w-[180px]", children: [
-                  /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold text-muted-foreground mb-2 px-2", children: "Background Style" }),
-                  /* @__PURE__ */ jsx("div", { className: "space-y-1", children: BACKGROUND_VARIANTS.map((variant) => /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      onClick: () => {
-                        setCurrentVariant(variant);
-                        setIsMenuOpen(false);
-                      },
-                      className: cn(
-                        "w-full text-left px-3 py-2 rounded-md text-sm transition-colors",
-                        currentVariant === variant ? "bg-primary text-primary-foreground" : "hover:bg-accent hover:text-accent-foreground"
-                      ),
-                      children: VARIANT_LABELS[variant] || variant
-                    },
-                    variant
-                  )) })
-                ] }),
-                /* @__PURE__ */ jsxs(Tooltip, { children: [
-                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      size: "sm",
-                      variant: "ghost",
-                      onClick: () => setIsMenuOpen(!isMenuOpen),
-                      className: "h-7 w-7 p-0",
-                      children: /* @__PURE__ */ jsx(Sparkles, { className: "w-3.5 h-3.5" })
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Choose background" }) })
-                ] })
-              ] })
-            ] })
-          }
-        )
-      ]
-    }
-  ) });
-}, "SuperHero");
-var TestimonialSection = /* @__PURE__ */ __name(({
-  title,
-  subtitle,
-  testimonials,
-  columns = 3,
-  className,
-  background = "dark"
-}) => {
-  const gridClasses = {
-    1: "grid-cols-1 max-w-4xl mx-auto",
-    2: "grid-cols-1 md:grid-cols-2",
-    3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
-  };
-  const backgroundClasses = {
-    dark: "bg-background",
-    card: "bg-muted/30",
-    gradient: "bg-gradient-to-b from-background via-muted/10 to-background"
-  };
-  const renderStars = /* @__PURE__ */ __name((rating) => {
-    return Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ jsx("span", { className: i < rating ? "text-yellow-400" : "text-neutral-400", children: "\u2605" }, i));
-  }, "renderStars");
-  return /* @__PURE__ */ jsx("section", { className: cn(
-    "relative py-16 sm:py-20 md:py-24 lg:py-32",
-    backgroundClasses[background],
-    className
-  ), children: /* @__PURE__ */ jsxs("div", { className: "container max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
-    (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "text-center mb-12 sm:mb-14 md:mb-16", children: [
-      title && /* @__PURE__ */ jsx("h2", { className: "text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold text-foreground mb-4 sm:mb-6", children: title }),
-      subtitle && /* @__PURE__ */ jsx("p", { className: "text-lg sm:text-xl text-muted-foreground max-w-3xl mx-auto", children: subtitle })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: cn("grid gap-6 sm:gap-8", gridClasses[columns]), children: testimonials.map((testimonial, index) => /* @__PURE__ */ jsx(
-      Card,
-      {
-        className: "h-full hover:shadow-lg transition-all duration-300 backdrop-blur-sm border-border/50 hover:border-primary/30 group",
-        children: /* @__PURE__ */ jsxs(CardContent, { className: "p-8", children: [
-          testimonial.rating && /* @__PURE__ */ jsx("div", { className: "flex mb-6 text-lg", children: renderStars(testimonial.rating) }),
-          /* @__PURE__ */ jsxs("blockquote", { className: "text-foreground mb-8 italic text-lg leading-relaxed group-hover:text-primary transition-colors duration-300", children: [
-            '"',
-            testimonial.content,
-            '"'
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-            testimonial.author.avatar && /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: testimonial.author.avatar,
-                alt: testimonial.author.name,
-                className: "w-14 h-14 rounded-full mr-4 ring-2 ring-primary/20 group-hover:ring-primary/40 transition-all duration-300"
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("div", { className: "font-semibold text-foreground group-hover:text-primary transition-colors duration-300", children: testimonial.author.name }),
-              testimonial.author.title && /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", children: [
-                testimonial.author.title,
-                testimonial.author.company && ` at ${testimonial.author.company}`
-              ] })
-            ] })
-          ] })
-        ] })
-      },
-      index
-    )) })
-  ] }) });
-}, "TestimonialSection");
-
-export { AnimatedBackground, ArticleCard, ArticleList, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbNavigation, BreadcrumbPage, BreadcrumbSeparator, CTASection, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FeatureSection, ForceTheme, Hero, MouseFollower, NewsletterSection, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, SSRPagination, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SplitHero, SplitHeroContent, SplitHeroMedia, StaticPagination, StatsSection, SuperHero, TestimonialSection, ThemeProvider, ThemeToggle, useBrowserDetect, useCfgRouter, useDRFPagination, useDRFPaginationInfo, useDeviceDetect, useHotkey, useQueryParams, useResolvedTheme, useSidebar, useThemeContext };
-//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map