@inklu/docs 0.2.1 → 0.2.2

package/dist/index.mjs

@@ -819,7 +819,7 @@ function CommandBlock({
     }
   };
   return /* @__PURE__ */ jsxs4("div", { className: "not-typeset mt-6 rounded-2xl border-0 bg-code overflow-hidden", children: [
-    items.length > 1 && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-0.5 px-3 pb-1.5 pt-3 justify-between", children: [
+    items.length > 1 && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-0.5 px-3 pb-1.5 pt-2.5 justify-between", children: [
       /* @__PURE__ */ jsx6("div", { className: "flex items-center gap-0.5 ", children: items.map((it, i) => {
         const isActive = i === active;
         return /* @__PURE__ */ jsxs4(
@@ -828,7 +828,7 @@ function CommandBlock({
             type: "button",
             onClick: () => setActive(i),
             className: cn(
-              "relative cursor-pointer rounded-md px-1.5 py-0.5 font-mono outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring",
+              "relative cursor-pointer rounded-md px-1.5 py-0.5 font-mono text-xs outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring",
               isActive ? "text-foreground" : "text-muted-foreground hover:bg-accent hover:text-foreground"
             ),
             children: [
@@ -862,7 +862,7 @@ function CommandBlock({
       )
     ] }),
     /* @__PURE__ */ jsxs4("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ jsx6("div", { className: "flex-1 overflow-x-auto", children: /* @__PURE__ */ jsx6("pre", { className: "flex items-center overflow-x-auto px-5 py-4 font-mono text-foreground", children: /* @__PURE__ */ jsx6("code", { children: /* @__PURE__ */ jsx6(TextMorph, { children: cur.command }) }) }) }),
+      /* @__PURE__ */ jsx6("div", { className: "flex-1 overflow-x-auto", children: /* @__PURE__ */ jsx6("pre", { className: "flex items-center overflow-x-auto px-4 py-3.5 font-mono text-[13px] leading-5 text-foreground", children: /* @__PURE__ */ jsx6("code", { children: /* @__PURE__ */ jsx6(TextMorph, { children: cur.command }) }) }) }),
       items.length === 1 && /* @__PURE__ */ jsx6(
         Button,
         {
@@ -955,14 +955,16 @@ function CodeBlock({ html, code, className }) {
               "[&_pre]:m-0",
               "[&_pre]:overflow-x-auto",
               "[&_pre]:bg-transparent!",
-              "[&_pre]:px-5",
-              "[&_pre]:py-4",
+              "[&_pre]:px-4",
+              "[&_pre]:py-3.5",
               "[&_pre]:font-mono",
-              "[&_pre]:leading-relaxed",
+              "[&_pre]:text-[13px]",
+              "[&_pre]:leading-5",
               "[&_code]:bg-transparent!",
               "[&_code]:p-0",
               "[&_code]:font-inherit",
-              "[&_.line]:min-h-6",
+              "[&_code]:text-[13px]",
+              "[&_.line]:min-h-5",
               "[&_pre::-webkit-scrollbar]:h-2",
               "[&_pre::-webkit-scrollbar-track]:bg-transparent",
               "[&_pre::-webkit-scrollbar-thumb]:rounded-full",
@@ -1259,7 +1261,7 @@ function DocsCode({ code, html }) {
 
 // src/components/layout/docs-layout.tsx
 import { ArrowLeftIcon } from "@radix-ui/react-icons";
-import { motion as motion7, useMotionValueEvent, useScroll } from "motion/react";
+import { useMotionValueEvent, useScroll } from "motion/react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import * as React3 from "react";
@@ -1450,45 +1452,32 @@ function DocsLayout({
             Link,
             {
               href: indexUrl,
-              className: "text-sm text-muted-foreground hover:text-foreground flex items-center gap-1.5 transition-opacity duration-200 select-none opacity-60 hover:opacity-100",
+              className: "text-sm text-foreground/50 hover:text-foreground flex items-center gap-1.5 transition-colors duration-200 select-none",
               children: [
                 /* @__PURE__ */ jsx12(ArrowLeftIcon, { className: "size-3.5" }),
                 indexLabel
               ]
             }
           ),
-          /* @__PURE__ */ jsxs9("div", { className: "text-xs font-mono text-muted-foreground opacity-50 flex items-center gap-0.5", children: [
+          /* @__PURE__ */ jsxs9("div", { className: "text-xs font-mono text-foreground/35 flex items-center gap-0.5 tabular-nums", children: [
             /* @__PURE__ */ jsx12(SlidingNumber, { value: progress }),
             "%"
           ] })
         ] }),
-        /* @__PURE__ */ jsx12("div", { className: "flex flex-row flex-wrap gap-x-6 gap-y-2 md:flex-col md:gap-y-4", children: links.map((group) => /* @__PURE__ */ jsx12("div", { className: "flex flex-col gap-1.5 md:gap-2", children: /* @__PURE__ */ jsx12("nav", { className: "flex flex-row flex-wrap gap-x-1 gap-y-1 md:flex-col md:gap-y-1", children: group.items.map((link) => {
+        /* @__PURE__ */ jsx12("nav", { className: "flex flex-row flex-wrap gap-x-4 gap-y-1.5 md:flex-col md:gap-y-2", children: links.flatMap((group) => group.items).map((link) => {
           const active = isLinkActive(link.url, link.isAnchor);
-          return /* @__PURE__ */ jsxs9(
+          return /* @__PURE__ */ jsx12(
             Link,
             {
               href: link.url,
               onClick: (e) => handleAnchorClick(e, link.url),
-              className: `relative text-sm transition-colors duration-200 px-2 py-1.5 -ml-2 rounded-md ${active ? "text-foreground font-medium" : "text-muted-foreground hover:text-foreground"}`,
-              children: [
-                active && /* @__PURE__ */ jsx12(
-                  motion7.div,
-                  {
-                    layoutId: "activeDocsLinkBg",
-                    className: "absolute inset-0 bg-secondary/50 rounded-md",
-                    transition: {
-                      type: "spring",
-                      duration: 0.3,
-                      bounce: 0
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsx12("span", { className: "relative z-10", children: link.title })
-              ]
+              "aria-current": active ? "location" : void 0,
+              className: `text-sm transition-colors duration-200 ${active ? "text-foreground font-medium" : "text-foreground/45 hover:text-foreground/75"}`,
+              children: link.title
             },
             link.title
           );
-        }) }) }, group.group)) })
+        }) })
       ] }),
       /* @__PURE__ */ jsx12("main", { className: "flex-1 min-w-0", children })
     ] })
@@ -1506,7 +1495,7 @@ function DocsNavbar({
 
 // src/components/layout/site-header.tsx
 import { GitHubLogoIcon } from "@radix-ui/react-icons";
-import { motion as motion10 } from "motion/react";
+import { motion as motion9 } from "motion/react";
 import Link2 from "next/link";
 import { usePathname as usePathname2 } from "next/navigation";
 
@@ -1516,7 +1505,7 @@ import { useTheme } from "next-themes";
 import { useEffect as useEffect5, useState as useState5 } from "react";
 
 // src/components/motion-primitives/morph-icon.tsx
-import { AnimatePresence as AnimatePresence4, motion as motion8 } from "motion/react";
+import { AnimatePresence as AnimatePresence4, motion as motion7 } from "motion/react";
 import { jsx as jsx13 } from "react/jsx-runtime";
 function MorphIcon({
   isActive,
@@ -1543,7 +1532,7 @@ function MorphIcon({
     }
   };
   return /* @__PURE__ */ jsx13(AnimatePresence4, { mode: "popLayout", initial: false, children: /* @__PURE__ */ jsx13(
-    motion8.span,
+    motion7.span,
     {
       initial: "initial",
       animate: "animate",
@@ -1590,7 +1579,7 @@ function ThemeSwitcher() {
 }
 
 // src/components/ui/brand-logo.tsx
-import { AnimatePresence as AnimatePresence5, motion as motion9 } from "motion/react";
+import { AnimatePresence as AnimatePresence5, motion as motion8 } from "motion/react";
 import { forwardRef, useState as useState6 } from "react";
 import { jsx as jsx15 } from "react/jsx-runtime";
 var BrandLogo = forwardRef(
@@ -1603,7 +1592,7 @@ var BrandLogo = forwardRef(
     };
     const easeOut = [0.23, 1, 0.32, 1];
     return /* @__PURE__ */ jsx15(
-      motion9.div,
+      motion8.div,
       {
         ref,
         className: `relative flex items-center justify-center overflow-hidden transition-shadow ${className}`,
@@ -1619,7 +1608,7 @@ var BrandLogo = forwardRef(
         },
         ...props,
         children: /* @__PURE__ */ jsx15(AnimatePresence5, { mode: "popLayout", initial: false, children: isHovered ? /* @__PURE__ */ jsx15(
-          motion9.span,
+          motion8.span,
           {
             initial: { opacity: 0, scale: 0.95, filter: "blur(6px)" },
             animate: { opacity: 1, scale: 1, filter: "blur(0px)" },
@@ -1630,7 +1619,7 @@ var BrandLogo = forwardRef(
           },
           "text"
         ) : /* @__PURE__ */ jsx15(
-          motion9.div,
+          motion8.div,
           {
             initial: { opacity: 0, scale: 0.95, filter: "blur(6px)" },
             animate: { opacity: 1, scale: 1, filter: "blur(0px)" },
@@ -1781,7 +1770,7 @@ function SiteHeader({
           ),
           children: [
             active && /* @__PURE__ */ jsx18(
-              motion10.div,
+              motion9.div,
               {
                 layoutId: "activeHeaderNavBg",
                 className: "absolute inset-0 bg-secondary/60 rounded-full",
@@ -1851,7 +1840,7 @@ function SiteHeader({
                 ),
                 children: [
                   /* @__PURE__ */ jsx18(GitHubLogoIcon, {}),
-                  /* @__PURE__ */ jsx18("span", { className: "hidden sm:inline", children: "GitHub" })
+                  /* @__PURE__ */ jsx18("span", { className: "hidden sm:inline text-sm", children: "GitHub" })
                 ]
               }
             )
@@ -1912,12 +1901,12 @@ function SiteProvider({ children }) {
 }
 
 // src/components/layout/site-template.tsx
-import { motion as motion11, useReducedMotion as useReducedMotion4 } from "motion/react";
+import { motion as motion10, useReducedMotion as useReducedMotion4 } from "motion/react";
 import { jsx as jsx22 } from "react/jsx-runtime";
 function SiteTemplate({ children }) {
   const reduced = useReducedMotion4();
   return /* @__PURE__ */ jsx22(
-    motion11.div,
+    motion10.div,
     {
       initial: reduced ? false : { opacity: 0 },
       animate: { opacity: 1 },