// src/components/docs/libraries/LibrariesOverviewPage.tsx
import Link from "@contractspec/lib.ui-link";
import { ChevronRight } from "lucide-react";
import { jsx, jsxs } from "react/jsx-runtime";
function LibrariesOverviewPage() {
  return /* @__PURE__ */ jsxs("div", {
    className: "space-y-8",
    children: [
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-4",
        children: [
          /* @__PURE__ */ jsx("h1", {
            className: "text-4xl font-bold",
            children: "Libraries Overview"
          }),
          /* @__PURE__ */ jsx("p", {
            className: "text-muted-foreground",
            children: "The LSSM ecosystem provides a comprehensive set of TypeScript libraries for building modern web and mobile applications. All libraries are designed to work together seamlessly while remaining modular and independently useful."
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-4",
        children: [
          /* @__PURE__ */ jsx("h2", {
            className: "text-2xl font-bold",
            children: "Core Libraries"
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "grid gap-4 md:grid-cols-2",
            children: [
              /* @__PURE__ */ jsxs(Link, {
                href: "/docs/libraries/contracts",
                className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
                children: [
                  /* @__PURE__ */ jsx("h3", {
                    className: "text-lg font-bold transition-colors group-hover:text-violet-400",
                    children: "@contractspec/lib.contracts-spec"
                  }),
                  /* @__PURE__ */ jsx("p", {
                    className: "text-muted-foreground mt-2 text-sm",
                    children: "Define operations, events, and policies in pure TypeScript. Runtime adapters serve them as REST/GraphQL/MCP endpoints."
                  }),
                  /* @__PURE__ */ jsxs("div", {
                    className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
                    children: [
                      "Learn more ",
                      /* @__PURE__ */ jsx(ChevronRight, {
                        size: 14
                      })
                    ]
                  })
                ]
              }),
              /* @__PURE__ */ jsxs(Link, {
                href: "/docs/libraries/schema",
                className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
                children: [
                  /* @__PURE__ */ jsx("h3", {
                    className: "text-lg font-bold transition-colors group-hover:text-violet-400",
                    children: "@contractspec/lib.schema"
                  }),
                  /* @__PURE__ */ jsx("p", {
                    className: "text-muted-foreground mt-2 text-sm",
                    children: "Type-safe schema models that export to Zod, Pothos GraphQL, and JSON Schema from a single source."
                  }),
                  /* @__PURE__ */ jsxs("div", {
                    className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
                    children: [
                      "Learn more ",
                      /* @__PURE__ */ jsx(ChevronRight, {
                        size: 14
                      })
                    ]
                  })
                ]
              })
            ]
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-4",
        children: [
          /* @__PURE__ */ jsxs("h2", {
            className: "flex items-center gap-2 text-2xl font-bold",
            children: [
              "AI-Native Operations",
              /* @__PURE__ */ jsx("span", {
                className: "badge badge-secondary text-xs",
                children: "Featured"
              })
            ]
          }),
          /* @__PURE__ */ jsx("div", {
            className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
            children: [
              {
                title: "@contractspec/lib.ai-agent",
                description: "Agent specs, runner, memory, and approval workflow for safe AI copilots.",
                href: "/docs/libraries/ai-agent"
              },
              {
                title: "@contractspec/lib.support-bot",
                description: "Classification, RAG resolver, auto-responder, and performance loop for L1 automation.",
                href: "/docs/libraries/support-bot"
              },
              {
                title: "@contractspec/lib.content-gen",
                description: "Blog, landing, email, social, and SEO generators powered by ContentBriefs.",
                href: "/docs/libraries/content-gen"
              },
              {
                title: "@contractspec/lib.analytics",
                description: "Funnels, cohorts, churn scoring, and hypothesis generation without a warehouse.",
                href: "/docs/libraries/analytics"
              },
              {
                title: "@contractspec/lib.growth",
                description: "Experiment registry, runner, tracker, and stats engine for deterministic A/B tests.",
                href: "/docs/libraries/growth"
              },
              {
                title: "@contractspec/lib.design-system",
                description: "Now includes ApprovalQueue + AgentMonitor for human-in-the-loop decisions.",
                href: "/docs/libraries/design-system"
              }
            ].map((lib) => /* @__PURE__ */ jsxs(Link, {
              href: lib.href,
              className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
              children: [
                /* @__PURE__ */ jsx("h3", {
                  className: "text-lg font-bold transition-colors group-hover:text-violet-400",
                  children: lib.title
                }),
                /* @__PURE__ */ jsx("p", {
                  className: "text-muted-foreground mt-2 text-sm",
                  children: lib.description
                }),
                /* @__PURE__ */ jsxs("div", {
                  className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
                  children: [
                    "Learn more ",
                    /* @__PURE__ */ jsx(ChevronRight, {
                      size: 14
                    })
                  ]
                })
              ]
            }, lib.title))
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-4",
        children: [
          /* @__PURE__ */ jsxs("h2", {
            className: "flex items-center gap-2 text-2xl font-bold",
            children: [
              "Personalization & Customization",
              /* @__PURE__ */ jsx("span", {
                className: "badge badge-primary text-xs",
                children: "Featured"
              })
            ]
          }),
          /* @__PURE__ */ jsx("div", {
            className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
            children: [
              {
                title: "@contractspec/lib.personalization",
                description: "Track behavior, analyze unused UI, and feed overlay/workflow adapters.",
                href: "/docs/libraries/personalization"
              },
              {
                title: "@contractspec/lib.overlay-engine",
                description: "Signed overlays with validator, registry, runtime engine, and React hooks.",
                href: "/docs/libraries/overlay-engine"
              },
              {
                title: "@contractspec/lib.workflow-composer",
                description: "Tenant-aware workflow extensions with step injection helpers.",
                href: "/docs/libraries/workflow-composer"
              }
            ].map((lib) => /* @__PURE__ */ jsxs(Link, {
              href: lib.href,
              className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
              children: [
                /* @__PURE__ */ jsx("h3", {
                  className: "text-lg font-bold transition-colors group-hover:text-violet-400",
                  children: lib.title
                }),
                /* @__PURE__ */ jsx("p", {
                  className: "text-muted-foreground mt-2 text-sm",
                  children: lib.description
                }),
                /* @__PURE__ */ jsxs("div", {
                  className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
                  children: [
                    "Learn more ",
                    /* @__PURE__ */ jsx(ChevronRight, {
                      size: 14
                    })
                  ]
                })
              ]
            }, lib.title))
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-4",
        children: [
          /* @__PURE__ */ jsx("h2", {
            className: "text-2xl font-bold",
            children: "UI Libraries"
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "grid gap-4 md:grid-cols-2",
            children: [
              /* @__PURE__ */ jsxs(Link, {
                href: "/docs/libraries/ui-kit",
                className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
                children: [
                  /* @__PURE__ */ jsx("h3", {
                    className: "text-lg font-bold transition-colors group-hover:text-violet-400",
                    children: "@contractspec/lib.ui-kit"
                  }),
                  /* @__PURE__ */ jsx("p", {
                    className: "text-muted-foreground mt-2 text-sm",
                    children: "Universal UI components for React Native and Web, built on NativeWind and @rn-primitives."
                  }),
                  /* @__PURE__ */ jsxs("div", {
                    className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
                    children: [
                      "Learn more ",
                      /* @__PURE__ */ jsx(ChevronRight, {
                        size: 14
                      })
                    ]
                  })
                ]
              }),
              /* @__PURE__ */ jsxs(Link, {
                href: "/docs/libraries/design-system",
                className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
                children: [
                  /* @__PURE__ */ jsx("h3", {
                    className: "text-lg font-bold transition-colors group-hover:text-violet-400",
                    children: "@contractspec/lib.design-system"
                  }),
                  /* @__PURE__ */ jsx("p", {
                    className: "text-muted-foreground mt-2 text-sm",
                    children: "High-level design system components, patterns, and layouts. Built on top of ui-kit."
                  }),
                  /* @__PURE__ */ jsxs("div", {
                    className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
                    children: [
                      "Learn more ",
                      /* @__PURE__ */ jsx(ChevronRight, {
                        size: 14
                      })
                    ]
                  })
                ]
              }),
              /* @__PURE__ */ jsxs(Link, {
                href: "/docs/libraries/accessibility",
                className: "card-subtle group p-6 transition-colors hover:border-violet-500/50",
                children: [
                  /* @__PURE__ */ jsx("h3", {
                    className: "text-lg font-bold transition-colors group-hover:text-violet-400",
                    children: "@contractspec/lib.accessibility"
                  }),
                  /* @__PURE__ */ jsx("p", {
                    className: "text-muted-foreground mt-2 text-sm",
                    children: "Accessibility primitives for WCAG compliance: skip links, live regions, focus management, and more."
                  }),
                  /* @__PURE__ */ jsxs("div", {
                    className: "mt-3 flex items-center gap-2 text-sm text-violet-400",
                    children: [
                      "Learn more ",
                      /* @__PURE__ */ jsx(ChevronRight, {
                        size: 14
                      })
                    ]
                  })
                ]
              })
            ]
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-4",
        children: [
          /* @__PURE__ */ jsx("h2", {
            className: "text-2xl font-bold",
            children: "Data & Backend"
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "grid gap-4 md:grid-cols-3",
            children: [
              /* @__PURE__ */ jsxs("div", {
                className: "card-subtle p-4",
                children: [
                  /* @__PURE__ */ jsx("h3", {
                    className: "font-semibold",
                    children: "@contractspec/app.cli-database"
                  }),
                  /* @__PURE__ */ jsx("p", {
                    className: "text-muted-foreground mt-2 text-sm",
                    children: "Prisma wrapper and CLI for schema management"
                  })
                ]
              }),
              /* @__PURE__ */ jsxs("div", {
                className: "card-subtle p-4",
                children: [
                  /* @__PURE__ */ jsx("h3", {
                    className: "font-semibold",
                    children: "@contractspec/lib.bus"
                  }),
                  /* @__PURE__ */ jsx("p", {
                    className: "text-muted-foreground mt-2 text-sm",
                    children: "Type-safe event bus for in-memory and distributed events"
                  })
                ]
              }),
              /* @__PURE__ */ jsxs("div", {
                className: "card-subtle p-4",
                children: [
                  /* @__PURE__ */ jsx("h3", {
                    className: "font-semibold",
                    children: "@contractspec/lib.logger"
                  }),
                  /* @__PURE__ */ jsx("p", {
                    className: "text-muted-foreground mt-2 text-sm",
                    children: "Structured logging optimized for Bun with Elysia integration"
                  })
                ]
              })
            ]
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-4",
        children: [
          /* @__PURE__ */ jsx("h2", {
            className: "text-2xl font-bold",
            children: "GraphQL"
          }),
          /* @__PURE__ */ jsxs("div", {
            className: "grid gap-4 md:grid-cols-3",
            children: [
              /* @__PURE__ */ jsxs("div", {
                className: "card-subtle p-4",
                children: [
                  /* @__PURE__ */ jsx("h3", {
                    className: "font-semibold",
                    children: "@contractspec/lib.graphql-core"
                  }),
                  /* @__PURE__ */ jsx("p", {
                    className: "text-muted-foreground mt-2 text-sm",
                    children: "Shared Pothos builder with plugins"
                  })
                ]
              }),
              /* @__PURE__ */ jsxs("div", {
                className: "card-subtle p-4",
                children: [
                  /* @__PURE__ */ jsx("h3", {
                    className: "font-semibold",
                    children: "@contractspec/lib.graphql-prisma"
                  }),
                  /* @__PURE__ */ jsx("p", {
                    className: "text-muted-foreground mt-2 text-sm",
                    children: "Prisma integration for Pothos schemas"
                  })
                ]
              }),
              /* @__PURE__ */ jsxs("div", {
                className: "card-subtle p-4",
                children: [
                  /* @__PURE__ */ jsx("h3", {
                    className: "font-semibold",
                    children: "@contractspec/lib.graphql-federation"
                  }),
                  /* @__PURE__ */ jsx("p", {
                    className: "text-muted-foreground mt-2 text-sm",
                    children: "Apollo Federation support for Pothos"
                  })
                ]
              })
            ]
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "space-y-4",
        children: [
          /* @__PURE__ */ jsx("h2", {
            className: "text-2xl font-bold",
            children: "Philosophy"
          }),
          /* @__PURE__ */ jsx("p", {
            className: "text-muted-foreground",
            children: "All LSSM libraries follow these principles:"
          }),
          /* @__PURE__ */ jsxs("ul", {
            className: "text-muted-foreground list-inside list-disc space-y-2",
            children: [
              /* @__PURE__ */ jsxs("li", {
                children: [
                  /* @__PURE__ */ jsx("strong", {
                    children: "Type Safety First"
                  }),
                  ": Full TypeScript support with strict types."
                ]
              }),
              /* @__PURE__ */ jsxs("li", {
                children: [
                  /* @__PURE__ */ jsx("strong", {
                    children: "Modular"
                  }),
                  ": Use only what you need, tree-shake the rest."
                ]
              }),
              /* @__PURE__ */ jsxs("li", {
                children: [
                  /* @__PURE__ */ jsx("strong", {
                    children: "Platform Aware"
                  }),
                  ": Optimized for both Web and Native where applicable."
                ]
              }),
              /* @__PURE__ */ jsxs("li", {
                children: [
                  /* @__PURE__ */ jsx("strong", {
                    children: "Single Source of Truth"
                  }),
                  ": Avoid duplication between layers (REST, GraphQL, Zod)."
                ]
              }),
              /* @__PURE__ */ jsxs("li", {
                children: [
                  /* @__PURE__ */ jsx("strong", {
                    children: "Developer Experience"
                  }),
                  ": Clear APIs, comprehensive docs, and helpful error messages."
                ]
              })
            ]
          })
        ]
      }),
      /* @__PURE__ */ jsxs("div", {
        className: "flex items-center gap-4 pt-4",
        children: [
          /* @__PURE__ */ jsxs(Link, {
            href: "/docs/libraries/contracts",
            className: "btn-primary",
            children: [
              "Explore Contracts ",
              /* @__PURE__ */ jsx(ChevronRight, {
                size: 16
              })
            ]
          }),
          /* @__PURE__ */ jsx(Link, {
            href: "/docs/getting-started",
            className: "btn-ghost",
            children: "Getting Started"
          })
        ]
      })
    ]
  });
}
export {
  LibrariesOverviewPage
};
