@inklu/docs 0.2.0 → 0.2.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @inklu/docs
 
+## 0.2.2
+
+### Patch Changes
+
+- typeset changes
+
+## 0.2.1
+
+### Patch Changes
+
+- add vercel analytics for docs
+
 ## 0.2.0
 
 ### Minor Changes

package/dist/index.js

@@ -913,7 +913,7 @@ function CommandBlock({
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "not-typeset mt-6 rounded-2xl border-0 bg-code overflow-hidden", children: [
-    items.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-0.5 px-3 pb-1.5 pt-3 justify-between", children: [
+    items.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-0.5 px-3 pb-1.5 pt-2.5 justify-between", children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex items-center gap-0.5 ", children: items.map((it, i) => {
         const isActive = i === active;
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
@@ -922,7 +922,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: [
@@ -956,7 +956,7 @@ function CommandBlock({
       )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-1 overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("pre", { className: "flex items-center overflow-x-auto px-5 py-4 font-mono text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TextMorph, { children: cur.command }) }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-1 overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("pre", { className: "flex items-center overflow-x-auto px-4 py-3.5 font-mono text-[13px] leading-5 text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TextMorph, { children: cur.command }) }) }) }),
       items.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         Button,
         {
@@ -1049,14 +1049,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",
@@ -1539,45 +1541,32 @@ function DocsLayout({
             import_link.default,
             {
               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__ */ (0, import_jsx_runtime12.jsx)(import_react_icons2.ArrowLeftIcon, { className: "size-3.5" }),
                 indexLabel
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "text-xs font-mono text-muted-foreground opacity-50 flex items-center gap-0.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "text-xs font-mono text-foreground/35 flex items-center gap-0.5 tabular-nums", children: [
             /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SlidingNumber, { value: progress }),
             "%"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("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__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex flex-col gap-1.5 md:gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("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__ */ (0, import_jsx_runtime12.jsx)("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__ */ (0, import_jsx_runtime12.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             import_link.default,
             {
               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__ */ (0, import_jsx_runtime12.jsx)(
-                  import_react16.motion.div,
-                  {
-                    layoutId: "activeDocsLinkBg",
-                    className: "absolute inset-0 bg-secondary/50 rounded-md",
-                    transition: {
-                      type: "spring",
-                      duration: 0.3,
-                      bounce: 0
-                    }
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("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__ */ (0, import_jsx_runtime12.jsx)("main", { className: "flex-1 min-w-0", children })
     ] })
@@ -1940,7 +1929,7 @@ function SiteHeader({
                 ),
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_icons4.GitHubLogoIcon, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "hidden sm:inline", children: "GitHub" })
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "hidden sm:inline text-sm", children: "GitHub" })
                 ]
               }
             )
@@ -1966,6 +1955,9 @@ function SiteLayout({ children, header, footer }) {
   ] });
 }
 
+// src/components/layout/site-provider.tsx
+var import_react22 = require("@vercel/analytics/react");
+
 // src/components/ui/direction.tsx
 var import_direction_provider = require("@base-ui/react/direction-provider");
 
@@ -1979,25 +1971,28 @@ function ThemeProvider(props) {
 // src/components/layout/site-provider.tsx
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function SiteProvider({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     ThemeProvider,
     {
       attribute: "class",
       defaultTheme: "dark",
       enableSystem: true,
       disableTransitionOnChange: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_direction_provider.DirectionProvider, { direction: "ltr", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ToastProvider, { position: "bottom-right", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AnchoredToastProvider, { children }) }) })
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_direction_provider.DirectionProvider, { direction: "ltr", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ToastProvider, { position: "bottom-right", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AnchoredToastProvider, { children }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react22.Analytics, {})
+      ]
     }
   );
 }
 
 // src/components/layout/site-template.tsx
-var import_react22 = require("motion/react");
+var import_react23 = require("motion/react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function SiteTemplate({ children }) {
-  const reduced = (0, import_react22.useReducedMotion)();
+  const reduced = (0, import_react23.useReducedMotion)();
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    import_react22.motion.div,
+    import_react23.motion.div,
     {
       initial: reduced ? false : { opacity: 0 },
       animate: { opacity: 1 },
@@ -2111,14 +2106,14 @@ function ButtonGroupSeparator({
 }
 
 // src/components/ui/card.tsx
-var import_react23 = require("@lisse/react");
+var import_react24 = require("@lisse/react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 function Card({
   className,
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react23.SmoothCorners, { asChild: true, corners: { radius: 24, smoothing: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react24.SmoothCorners, { asChild: true, corners: { radius: 24, smoothing: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "div",
     {
       "data-slot": "card",