@openpkg-ts/doc-generator 0.2.3 → 0.3.0

package/dist/react-styled.js

@@ -331,8 +331,8 @@ var require_utils = __commonJS((exports) => {
     const origin = getLocationOrigin();
     return href.substring(origin.length);
   }
-  function getDisplayName(Component) {
-    return typeof Component === "string" ? Component : Component.displayName || Component.name || "Unknown";
+  function getDisplayName(Component2) {
+    return typeof Component2 === "string" ? Component2 : Component2.displayName || Component2.name || "Unknown";
   }
   function isResSent(res) {
     return res.finished || res.headersSent;
@@ -613,15 +613,15 @@ var require_sorted_routes = __commonJS((exports) => {
         routes.push(...this.children.get("[]")._smoosh(`${prefix}[${this.slugName}]/`));
       }
       if (!this.placeholder) {
-        const r2 = prefix === "/" ? "/" : prefix.slice(0, -1);
+        const r = prefix === "/" ? "/" : prefix.slice(0, -1);
         if (this.optionalRestSlugName != null) {
-          throw Object.defineProperty(new Error(`You cannot define a route with the same specificity as a optional catch-all route ("${r2}" and "${r2}[[...${this.optionalRestSlugName}]]").`), "__NEXT_ERROR_CODE", {
+          throw Object.defineProperty(new Error(`You cannot define a route with the same specificity as a optional catch-all route ("${r}" and "${r}[[...${this.optionalRestSlugName}]]").`), "__NEXT_ERROR_CODE", {
             value: "E458",
             enumerable: false,
             configurable: true
           });
         }
-        routes.unshift(r2);
+        routes.unshift(r);
       }
       if (this.restSlugName !== null) {
         routes.push(...this.children.get("[...]")._smoosh(`${prefix}[...${this.restSlugName}]/`));
@@ -1079,28 +1079,28 @@ var require_path_to_regexp = __commonJS((exports, module) => {
       n.pathToRegexp = n.tokensToRegexp = n.regexpToFunction = n.match = n.tokensToFunction = n.compile = n.parse = undefined;
       function lexer(e2) {
         var n2 = [];
-        var r2 = 0;
-        while (r2 < e2.length) {
-          var t = e2[r2];
+        var r = 0;
+        while (r < e2.length) {
+          var t = e2[r];
           if (t === "*" || t === "+" || t === "?") {
-            n2.push({ type: "MODIFIER", index: r2, value: e2[r2++] });
+            n2.push({ type: "MODIFIER", index: r, value: e2[r++] });
             continue;
           }
           if (t === "\\") {
-            n2.push({ type: "ESCAPED_CHAR", index: r2++, value: e2[r2++] });
+            n2.push({ type: "ESCAPED_CHAR", index: r++, value: e2[r++] });
             continue;
           }
           if (t === "{") {
-            n2.push({ type: "OPEN", index: r2, value: e2[r2++] });
+            n2.push({ type: "OPEN", index: r, value: e2[r++] });
             continue;
           }
           if (t === "}") {
-            n2.push({ type: "CLOSE", index: r2, value: e2[r2++] });
+            n2.push({ type: "CLOSE", index: r, value: e2[r++] });
             continue;
           }
           if (t === ":") {
             var a = "";
-            var i = r2 + 1;
+            var i = r + 1;
             while (i < e2.length) {
               var o = e2.charCodeAt(i);
               if (o >= 48 && o <= 57 || o >= 65 && o <= 90 || o >= 97 && o <= 122 || o === 95) {
@@ -1110,15 +1110,15 @@ var require_path_to_regexp = __commonJS((exports, module) => {
               break;
             }
             if (!a)
-              throw new TypeError("Missing parameter name at ".concat(r2));
-            n2.push({ type: "NAME", index: r2, value: a });
-            r2 = i;
+              throw new TypeError("Missing parameter name at ".concat(r));
+            n2.push({ type: "NAME", index: r, value: a });
+            r = i;
             continue;
           }
           if (t === "(") {
             var c = 1;
             var f = "";
-            var i = r2 + 1;
+            var i = r + 1;
             if (e2[i] === "?") {
               throw new TypeError('Pattern cannot start with "?" at '.concat(i));
             }
@@ -1142,37 +1142,37 @@ var require_path_to_regexp = __commonJS((exports, module) => {
               f += e2[i++];
             }
             if (c)
-              throw new TypeError("Unbalanced pattern at ".concat(r2));
+              throw new TypeError("Unbalanced pattern at ".concat(r));
             if (!f)
-              throw new TypeError("Missing pattern at ".concat(r2));
-            n2.push({ type: "PATTERN", index: r2, value: f });
-            r2 = i;
+              throw new TypeError("Missing pattern at ".concat(r));
+            n2.push({ type: "PATTERN", index: r, value: f });
+            r = i;
             continue;
           }
-          n2.push({ type: "CHAR", index: r2, value: e2[r2++] });
+          n2.push({ type: "CHAR", index: r, value: e2[r++] });
         }
-        n2.push({ type: "END", index: r2, value: "" });
+        n2.push({ type: "END", index: r, value: "" });
         return n2;
       }
       function parse(e2, n2) {
         if (n2 === undefined) {
           n2 = {};
         }
-        var r2 = lexer(e2);
+        var r = lexer(e2);
         var t = n2.prefixes, a = t === undefined ? "./" : t, i = n2.delimiter, o = i === undefined ? "/#?" : i;
         var c = [];
         var f = 0;
         var u = 0;
         var p = "";
         var tryConsume = function(e3) {
-          if (u < r2.length && r2[u].type === e3)
-            return r2[u++].value;
+          if (u < r.length && r[u].type === e3)
+            return r[u++].value;
         };
         var mustConsume = function(e3) {
           var n3 = tryConsume(e3);
           if (n3 !== undefined)
             return n3;
-          var t2 = r2[u], a2 = t2.type, i2 = t2.index;
+          var t2 = r[u], a2 = t2.type, i2 = t2.index;
           throw new TypeError("Unexpected ".concat(a2, " at ").concat(i2, ", expected ").concat(e3));
         };
         var consumeText = function() {
@@ -1184,8 +1184,8 @@ var require_path_to_regexp = __commonJS((exports, module) => {
           return e3;
         };
         var isSafe = function(e3) {
-          for (var n3 = 0, r3 = o;n3 < r3.length; n3++) {
-            var t2 = r3[n3];
+          for (var n3 = 0, r2 = o;n3 < r2.length; n3++) {
+            var t2 = r2[n3];
             if (e3.indexOf(t2) > -1)
               return true;
           }
@@ -1193,15 +1193,15 @@ var require_path_to_regexp = __commonJS((exports, module) => {
         };
         var safePattern = function(e3) {
           var n3 = c[c.length - 1];
-          var r3 = e3 || (n3 && typeof n3 === "string" ? n3 : "");
-          if (n3 && !r3) {
+          var r2 = e3 || (n3 && typeof n3 === "string" ? n3 : "");
+          if (n3 && !r2) {
             throw new TypeError('Must have text between two parameters, missing text after "'.concat(n3.name, '"'));
           }
-          if (!r3 || isSafe(r3))
+          if (!r2 || isSafe(r2))
             return "[^".concat(escapeString(o), "]+?");
-          return "(?:(?!".concat(escapeString(r3), ")[^").concat(escapeString(o), "])+?");
+          return "(?:(?!".concat(escapeString(r2), ")[^").concat(escapeString(o), "])+?");
         };
-        while (u < r2.length) {
+        while (u < r.length) {
           var v = tryConsume("CHAR");
           var s = tryConsume("NAME");
           var d = tryConsume("PATTERN");
@@ -1250,21 +1250,21 @@ var require_path_to_regexp = __commonJS((exports, module) => {
         if (n2 === undefined) {
           n2 = {};
         }
-        var r2 = flags(n2);
+        var r = flags(n2);
         var t = n2.encode, a = t === undefined ? function(e3) {
           return e3;
         } : t, i = n2.validate, o = i === undefined ? true : i;
         var c = e2.map(function(e3) {
           if (typeof e3 === "object") {
-            return new RegExp("^(?:".concat(e3.pattern, ")$"), r2);
+            return new RegExp("^(?:".concat(e3.pattern, ")$"), r);
           }
         });
         return function(n3) {
-          var r3 = "";
+          var r2 = "";
           for (var t2 = 0;t2 < e2.length; t2++) {
             var i2 = e2[t2];
             if (typeof i2 === "string") {
-              r3 += i2;
+              r2 += i2;
               continue;
             }
             var f = n3 ? n3[i2.name] : undefined;
@@ -1284,7 +1284,7 @@ var require_path_to_regexp = __commonJS((exports, module) => {
                 if (o && !c[t2].test(s)) {
                   throw new TypeError('Expected all "'.concat(i2.name, '" to match "').concat(i2.pattern, '", but got "').concat(s, '"'));
                 }
-                r3 += i2.prefix + s + i2.suffix;
+                r2 += i2.prefix + s + i2.suffix;
               }
               continue;
             }
@@ -1293,7 +1293,7 @@ var require_path_to_regexp = __commonJS((exports, module) => {
               if (o && !c[t2].test(s)) {
                 throw new TypeError('Expected "'.concat(i2.name, '" to match "').concat(i2.pattern, '", but got "').concat(s, '"'));
               }
-              r3 += i2.prefix + s + i2.suffix;
+              r2 += i2.prefix + s + i2.suffix;
               continue;
             }
             if (u)
@@ -1301,25 +1301,25 @@ var require_path_to_regexp = __commonJS((exports, module) => {
             var d = p ? "an array" : "a string";
             throw new TypeError('Expected "'.concat(i2.name, '" to be ').concat(d));
           }
-          return r3;
+          return r2;
         };
       }
       n.tokensToFunction = tokensToFunction;
       function match(e2, n2) {
-        var r2 = [];
-        var t = pathToRegexp(e2, r2, n2);
-        return regexpToFunction(t, r2, n2);
+        var r = [];
+        var t = pathToRegexp(e2, r, n2);
+        return regexpToFunction(t, r, n2);
       }
       n.match = match;
-      function regexpToFunction(e2, n2, r2) {
-        if (r2 === undefined) {
-          r2 = {};
+      function regexpToFunction(e2, n2, r) {
+        if (r === undefined) {
+          r = {};
         }
-        var t = r2.decode, a = t === undefined ? function(e3) {
+        var t = r.decode, a = t === undefined ? function(e3) {
           return e3;
         } : t;
-        return function(r3) {
-          var t2 = e2.exec(r3);
+        return function(r2) {
+          var t2 = e2.exec(r2);
           if (!t2)
             return false;
           var i = t2[0], o = t2.index;
@@ -1327,13 +1327,13 @@ var require_path_to_regexp = __commonJS((exports, module) => {
           var _loop_1 = function(e3) {
             if (t2[e3] === undefined)
               return "continue";
-            var r4 = n2[e3 - 1];
-            if (r4.modifier === "*" || r4.modifier === "+") {
-              c[r4.name] = t2[e3].split(r4.prefix + r4.suffix).map(function(e4) {
-                return a(e4, r4);
+            var r3 = n2[e3 - 1];
+            if (r3.modifier === "*" || r3.modifier === "+") {
+              c[r3.name] = t2[e3].split(r3.prefix + r3.suffix).map(function(e4) {
+                return a(e4, r3);
               });
             } else {
-              c[r4.name] = a(t2[e3], r4);
+              c[r3.name] = a(t2[e3], r3);
             }
           };
           for (var f = 1;f < t2.length; f++) {
@@ -1352,31 +1352,31 @@ var require_path_to_regexp = __commonJS((exports, module) => {
       function regexpToRegexp(e2, n2) {
         if (!n2)
           return e2;
-        var r2 = /\((?:\?<(.*?)>)?(?!\?)/g;
+        var r = /\((?:\?<(.*?)>)?(?!\?)/g;
         var t = 0;
-        var a = r2.exec(e2.source);
+        var a = r.exec(e2.source);
         while (a) {
           n2.push({ name: a[1] || t++, prefix: "", suffix: "", modifier: "", pattern: "" });
-          a = r2.exec(e2.source);
+          a = r.exec(e2.source);
         }
         return e2;
       }
-      function arrayToRegexp(e2, n2, r2) {
+      function arrayToRegexp(e2, n2, r) {
         var t = e2.map(function(e3) {
-          return pathToRegexp(e3, n2, r2).source;
+          return pathToRegexp(e3, n2, r).source;
         });
-        return new RegExp("(?:".concat(t.join("|"), ")"), flags(r2));
+        return new RegExp("(?:".concat(t.join("|"), ")"), flags(r));
       }
-      function stringToRegexp(e2, n2, r2) {
-        return tokensToRegexp(parse(e2, r2), n2, r2);
+      function stringToRegexp(e2, n2, r) {
+        return tokensToRegexp(parse(e2, r), n2, r);
       }
-      function tokensToRegexp(e2, n2, r2) {
-        if (r2 === undefined) {
-          r2 = {};
+      function tokensToRegexp(e2, n2, r) {
+        if (r === undefined) {
+          r = {};
         }
-        var t = r2.strict, a = t === undefined ? false : t, i = r2.start, o = i === undefined ? true : i, c = r2.end, f = c === undefined ? true : c, u = r2.encode, p = u === undefined ? function(e3) {
+        var t = r.strict, a = t === undefined ? false : t, i = r.start, o = i === undefined ? true : i, c = r.end, f = c === undefined ? true : c, u = r.encode, p = u === undefined ? function(e3) {
           return e3;
-        } : u, v = r2.delimiter, s = v === undefined ? "/#?" : v, d = r2.endsWith, g = d === undefined ? "" : d;
+        } : u, v = r.delimiter, s = v === undefined ? "/#?" : v, d = r.endsWith, g = d === undefined ? "" : d;
         var x = "[".concat(escapeString(g), "]|$");
         var h = "[".concat(escapeString(s), "]");
         var l = o ? "^" : "";
@@ -1411,7 +1411,7 @@ var require_path_to_regexp = __commonJS((exports, module) => {
         if (f) {
           if (!a)
             l += "".concat(h, "?");
-          l += !r2.endsWith ? "$" : "(?=".concat(x, ")");
+          l += !r.endsWith ? "$" : "(?=".concat(x, ")");
         } else {
           var A = e2[e2.length - 1];
           var _ = typeof A === "string" ? h.indexOf(A[A.length - 1]) > -1 : A === undefined;
@@ -1422,15 +1422,15 @@ var require_path_to_regexp = __commonJS((exports, module) => {
             l += "(?=".concat(h, "|").concat(x, ")");
           }
         }
-        return new RegExp(l, flags(r2));
+        return new RegExp(l, flags(r));
       }
       n.tokensToRegexp = tokensToRegexp;
-      function pathToRegexp(e2, n2, r2) {
+      function pathToRegexp(e2, n2, r) {
         if (e2 instanceof RegExp)
           return regexpToRegexp(e2, n2);
         if (Array.isArray(e2))
-          return arrayToRegexp(e2, n2, r2);
-        return stringToRegexp(e2, n2, r2);
+          return arrayToRegexp(e2, n2, r);
+        return stringToRegexp(e2, n2, r);
       }
       n.pathToRegexp = pathToRegexp;
     })();
@@ -3267,7 +3267,7 @@ var require_link = __commonJS((exports, module) => {
     }
     return (0, _formaturl.formatUrl)(urlObjOrString);
   }
-  var Link = /* @__PURE__ */ _react3.default.forwardRef(function LinkComponent(props, forwardedRef) {
+  var Link3 = /* @__PURE__ */ _react3.default.forwardRef(function LinkComponent(props, forwardedRef) {
     let children;
     const { href: hrefProp, as: asProp, children: childrenProp, prefetch: prefetchProp = null, passHref, replace, shallow, scroll, locale, onClick, onNavigate, onMouseEnter: onMouseEnterProp, onTouchStart: onTouchStartProp, legacyBehavior = false, ...restProps } = props;
     children = childrenProp;
@@ -3421,7 +3421,7 @@ var require_link = __commonJS((exports, module) => {
   var useLinkStatus = () => {
     return (0, _react3.useContext)(LinkStatusContext);
   };
-  var _default = Link;
+  var _default = Link3;
   if ((typeof exports.default === "function" || typeof exports.default === "object" && exports.default !== null) && typeof exports.default.__esModule === "undefined") {
     Object.defineProperty(exports.default, "__esModule", { value: true });
     Object.assign(exports.default, exports);
@@ -4197,1772 +4197,48 @@ function TypeTable({
     ]
   });
 }
-// src/components/styled/ClassPage.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-
-function PropertyItem({ member }) {
-  const visibility = member.visibility ?? "public";
-  const flags = member.flags;
-  const isStatic = flags?.static;
-  const isReadonly = flags?.readonly;
-  const type = formatSchema(member.schema);
-  return /* @__PURE__ */ jsxs7("div", {
-    className: "py-3 border-b border-border last:border-0",
-    children: [
-      /* @__PURE__ */ jsxs7("div", {
-        className: "flex items-baseline gap-2 flex-wrap",
-        children: [
-          /* @__PURE__ */ jsxs7("span", {
-            className: "font-semibold text-foreground",
-            children: [
-              member.name,
-              ":"
-            ]
-          }),
-          /* @__PURE__ */ jsx8("span", {
-            className: "text-muted-foreground font-mono text-sm",
-            children: type
-          }),
-          visibility !== "public" && /* @__PURE__ */ jsx8("span", {
-            className: "text-xs px-1.5 py-0.5 rounded bg-muted text-muted-foreground",
-            children: visibility
-          }),
-          isStatic && /* @__PURE__ */ jsx8("span", {
-            className: "text-xs px-1.5 py-0.5 rounded bg-blue-500/10 text-blue-600 dark:text-blue-400",
-            children: "static"
-          }),
-          isReadonly && /* @__PURE__ */ jsx8("span", {
-            className: "text-xs px-1.5 py-0.5 rounded bg-purple-500/10 text-purple-600 dark:text-purple-400",
-            children: "readonly"
-          })
-        ]
-      }),
-      member.description && /* @__PURE__ */ jsx8("p", {
-        className: "text-sm text-muted-foreground mt-1",
-        children: member.description
-      })
-    ]
-  });
-}
-function ClassPage({ export: exp, spec, renderExample }) {
-  const hasExamples = exp.examples && exp.examples.length > 0;
-  const constructors = exp.members?.filter((m) => m.kind === "constructor") ?? [];
-  const properties = exp.members?.filter((m) => m.kind === "property" || m.kind === "field") ?? [];
-  const methods = exp.members?.filter((m) => m.kind === "method") ?? [];
-  const constructorSig = constructors[0]?.signatures?.[0];
-  const constructorParams = constructorSig?.parameters ?? [];
-  const exampleCode = hasExamples ? typeof exp.examples[0] === "string" ? exp.examples[0] : exp.examples[0].code : "";
-  return /* @__PURE__ */ jsxs7("div", {
-    className: "space-y-8",
-    children: [
-      exp.description && /* @__PURE__ */ jsx8("p", {
-        className: "text-muted-foreground text-lg leading-relaxed",
-        children: exp.description
-      }),
-      /* @__PURE__ */ jsx8("div", {
-        className: "rounded-lg border border-border bg-muted/30 p-4 overflow-x-auto",
-        children: /* @__PURE__ */ jsxs7("code", {
-          className: "font-mono text-sm text-foreground whitespace-pre",
-          children: [
-            "class ",
-            exp.name,
-            exp.extends ? ` extends ${exp.extends}` : "",
-            exp.implements?.length ? ` implements ${exp.implements.join(", ")}` : ""
-          ]
-        })
-      }),
-      /* @__PURE__ */ jsxs7("div", {
-        className: `grid gap-8 ${hasExamples ? "lg:grid-cols-2" : "grid-cols-1"}`,
-        children: [
-          /* @__PURE__ */ jsxs7("div", {
-            className: "space-y-8",
-            children: [
-              constructorParams.length > 0 && /* @__PURE__ */ jsxs7("section", {
-                children: [
-                  /* @__PURE__ */ jsx8("h3", {
-                    className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground mb-4",
-                    children: "Constructor"
-                  }),
-                  /* @__PURE__ */ jsx8("div", {
-                    className: "ml-2 border-l-2 border-border pl-4",
-                    children: constructorParams.map((param, index) => /* @__PURE__ */ jsx8(ExpandableProperty, {
-                      param
-                    }, param.name ?? index))
-                  })
-                ]
-              }),
-              methods.length > 0 && /* @__PURE__ */ jsxs7("section", {
-                children: [
-                  /* @__PURE__ */ jsx8("h3", {
-                    className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground mb-4",
-                    children: "Methods"
-                  }),
-                  /* @__PURE__ */ jsx8("div", {
-                    className: "rounded-lg border border-border overflow-hidden",
-                    children: methods.map((member, index) => /* @__PURE__ */ jsx8(CollapsibleMethod, {
-                      member,
-                      defaultExpanded: index === 0
-                    }, member.name ?? index))
-                  })
-                ]
-              }),
-              properties.length > 0 && /* @__PURE__ */ jsxs7("section", {
-                children: [
-                  /* @__PURE__ */ jsx8("h3", {
-                    className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground mb-4",
-                    children: "Properties"
-                  }),
-                  /* @__PURE__ */ jsx8("div", {
-                    className: "rounded-lg border border-border bg-card px-4",
-                    children: properties.map((member, index) => /* @__PURE__ */ jsx8(PropertyItem, {
-                      member
-                    }, member.name ?? index))
-                  })
-                ]
-              })
-            ]
-          }),
-          hasExamples && /* @__PURE__ */ jsxs7("div", {
-            className: "lg:sticky lg:top-20 lg:self-start",
-            children: [
-              /* @__PURE__ */ jsx8("h3", {
-                className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground mb-4",
-                children: "Example"
-              }),
-              renderExample ? renderExample(exampleCode, `${exp.name.toLowerCase()}.ts`) : /* @__PURE__ */ jsx8("pre", {
-                className: "rounded-lg border border-border bg-muted/30 p-4 overflow-x-auto",
-                children: /* @__PURE__ */ jsx8("code", {
-                  className: "font-mono text-sm text-foreground",
-                  children: exampleCode
-                })
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-}
-
-// src/components/styled/EnumPage.tsx
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+// src/components/styled/index.ts
+import { CodeTabs as CodeTabs4, ImportSection as ImportSection4 } from "@doccov/ui/api";
 
-function EnumPage({ export: exp, spec, renderExample }) {
-  const members = exp.members ?? [];
-  const hasExamples = exp.examples && exp.examples.length > 0;
-  const signature = buildSignatureString(exp);
-  return /* @__PURE__ */ jsxs8("div", {
-    className: "space-y-6",
-    children: [
-      exp.description && /* @__PURE__ */ jsx9("p", {
-        className: "text-muted-foreground text-base leading-relaxed",
-        children: exp.description
-      }),
-      /* @__PURE__ */ jsxs8("section", {
-        children: [
-          /* @__PURE__ */ jsx9("h2", {
-            className: "text-xl font-semibold mb-2",
-            children: "Declaration"
-          }),
-          /* @__PURE__ */ jsx9("div", {
-            className: "rounded-lg border border-border bg-muted/30 p-4 overflow-x-auto",
-            children: /* @__PURE__ */ jsx9("code", {
-              className: "font-mono text-sm text-foreground",
-              children: signature
-            })
-          }),
-          exp.deprecated && /* @__PURE__ */ jsxs8("div", {
-            className: "mt-2 rounded-md bg-yellow-500/10 border border-yellow-500/20 px-3 py-2 text-sm text-yellow-600 dark:text-yellow-400",
-            children: [
-              /* @__PURE__ */ jsx9("strong", {
-                children: "Deprecated:"
-              }),
-              " This export is deprecated."
-            ]
-          })
-        ]
-      }),
-      members.length > 0 && /* @__PURE__ */ jsxs8("section", {
-        children: [
-          /* @__PURE__ */ jsx9("h2", {
-            className: "text-xl font-semibold mb-2",
-            children: "Members"
-          }),
-          /* @__PURE__ */ jsx9("div", {
-            className: "overflow-x-auto",
-            children: /* @__PURE__ */ jsxs8("table", {
-              className: "w-full text-sm border-collapse",
-              children: [
-                /* @__PURE__ */ jsx9("thead", {
-                  children: /* @__PURE__ */ jsxs8("tr", {
-                    className: "border-b border-border",
-                    children: [
-                      /* @__PURE__ */ jsx9("th", {
-                        className: "text-left py-2 px-3 font-medium text-muted-foreground",
-                        children: "Name"
-                      }),
-                      /* @__PURE__ */ jsx9("th", {
-                        className: "text-left py-2 px-3 font-medium text-muted-foreground",
-                        children: "Value"
-                      }),
-                      /* @__PURE__ */ jsx9("th", {
-                        className: "text-left py-2 px-3 font-medium text-muted-foreground",
-                        children: "Description"
-                      })
-                    ]
-                  })
-                }),
-                /* @__PURE__ */ jsx9("tbody", {
-                  children: members.map((member, index) => {
-                    const value = member.schema !== undefined ? typeof member.schema === "object" && member.schema !== null ? member.schema.const ?? member.schema.default ?? "-" : member.schema : "-";
-                    return /* @__PURE__ */ jsxs8("tr", {
-                      className: "border-b border-border last:border-0",
-                      children: [
-                        /* @__PURE__ */ jsx9("td", {
-                          className: "py-2 px-3 align-top",
-                          children: /* @__PURE__ */ jsx9("code", {
-                            className: "text-primary font-mono text-xs bg-secondary px-1.5 py-0.5 rounded",
-                            children: member.name
-                          })
-                        }),
-                        /* @__PURE__ */ jsx9("td", {
-                          className: "py-2 px-3 align-top",
-                          children: /* @__PURE__ */ jsx9("code", {
-                            className: "font-mono text-xs text-muted-foreground",
-                            children: String(value)
-                          })
-                        }),
-                        /* @__PURE__ */ jsx9("td", {
-                          className: "py-2 px-3 align-top text-muted-foreground",
-                          children: member.description ?? ""
-                        })
-                      ]
-                    }, member.name ?? index);
-                  })
-                })
-              ]
-            })
-          })
-        ]
-      }),
-      hasExamples && /* @__PURE__ */ jsxs8("section", {
-        children: [
-          /* @__PURE__ */ jsx9("h2", {
-            className: "text-xl font-semibold mb-2",
-            children: "Examples"
-          }),
-          exp.examples.map((example, index) => {
-            const code = typeof example === "string" ? example : example.code;
-            return /* @__PURE__ */ jsx9("div", {
-              className: "mb-4",
-              children: renderExample ? renderExample(code, `${exp.name.toLowerCase()}-${index}.ts`) : /* @__PURE__ */ jsx9("pre", {
-                className: "rounded-lg border border-border bg-secondary p-4 overflow-x-auto",
-                children: /* @__PURE__ */ jsx9("code", {
-                  className: "font-mono text-sm text-foreground",
-                  children: code
-                })
-              })
-            }, index);
-          })
-        ]
-      })
-    ]
-  });
-}
+// src/components/styled/ClassPage.tsx
+import { cn as cn2 } from "@doccov/ui/lib/utils";
+import { CodeTabs, ImportSection } from "@doccov/ui/api";
 
-// ../../node_modules/clsx/dist/clsx.mjs
-function r(e) {
-  var t, f, n = "";
-  if (typeof e == "string" || typeof e == "number")
-    n += e;
-  else if (typeof e == "object")
-    if (Array.isArray(e)) {
-      var o = e.length;
-      for (t = 0;t < o; t++)
-        e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-    } else
-      for (f in e)
-        e[f] && (n && (n += " "), n += f);
-  return n;
-}
-function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length;f < o; f++)
-    (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
-}
+// ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
+import { forwardRef as forwardRef2, createElement as createElement2 } from "react";
 
-// ../ui/node_modules/tailwind-merge/dist/bundle-mjs.mjs
-var CLASS_PART_SEPARATOR = "-";
-var createClassGroupUtils = (config) => {
-  const classMap = createClassMap(config);
-  const {
-    conflictingClassGroups,
-    conflictingClassGroupModifiers
-  } = config;
-  const getClassGroupId = (className) => {
-    const classParts = className.split(CLASS_PART_SEPARATOR);
-    if (classParts[0] === "" && classParts.length !== 1) {
-      classParts.shift();
-    }
-    return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
-  };
-  const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
-    const conflicts = conflictingClassGroups[classGroupId] || [];
-    if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {
-      return [...conflicts, ...conflictingClassGroupModifiers[classGroupId]];
-    }
-    return conflicts;
-  };
-  return {
-    getClassGroupId,
-    getConflictingClassGroupIds
-  };
-};
-var getGroupRecursive = (classParts, classPartObject) => {
-  if (classParts.length === 0) {
-    return classPartObject.classGroupId;
-  }
-  const currentClassPart = classParts[0];
-  const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
-  const classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : undefined;
-  if (classGroupFromNextClassPart) {
-    return classGroupFromNextClassPart;
-  }
-  if (classPartObject.validators.length === 0) {
-    return;
-  }
-  const classRest = classParts.join(CLASS_PART_SEPARATOR);
-  return classPartObject.validators.find(({
-    validator
-  }) => validator(classRest))?.classGroupId;
+// ../../node_modules/lucide-react/dist/esm/shared/src/utils.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var toCamelCase = (string) => string.replace(/^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase());
+var toPascalCase = (string) => {
+  const camelCase = toCamelCase(string);
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
 };
-var arbitraryPropertyRegex = /^\[(.+)\]$/;
-var getGroupIdForArbitraryProperty = (className) => {
-  if (arbitraryPropertyRegex.test(className)) {
-    const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
-    const property = arbitraryPropertyClassName?.substring(0, arbitraryPropertyClassName.indexOf(":"));
-    if (property) {
-      return "arbitrary.." + property;
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+var hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
     }
   }
 };
-var createClassMap = (config) => {
-  const {
-    theme,
-    prefix
-  } = config;
-  const classMap = {
-    nextPart: new Map,
-    validators: []
-  };
-  const prefixedClassGroupEntries = getPrefixedClassGroupEntries(Object.entries(config.classGroups), prefix);
-  prefixedClassGroupEntries.forEach(([classGroupId, classGroup]) => {
-    processClassesRecursively(classGroup, classMap, classGroupId, theme);
-  });
-  return classMap;
-};
-var processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
-  classGroup.forEach((classDefinition) => {
-    if (typeof classDefinition === "string") {
-      const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
-      classPartObjectToEdit.classGroupId = classGroupId;
-      return;
-    }
-    if (typeof classDefinition === "function") {
-      if (isThemeGetter(classDefinition)) {
-        processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
-        return;
-      }
-      classPartObject.validators.push({
-        validator: classDefinition,
-        classGroupId
-      });
-      return;
-    }
-    Object.entries(classDefinition).forEach(([key, classGroup2]) => {
-      processClassesRecursively(classGroup2, getPart(classPartObject, key), classGroupId, theme);
-    });
-  });
-};
-var getPart = (classPartObject, path) => {
-  let currentClassPartObject = classPartObject;
-  path.split(CLASS_PART_SEPARATOR).forEach((pathPart) => {
-    if (!currentClassPartObject.nextPart.has(pathPart)) {
-      currentClassPartObject.nextPart.set(pathPart, {
-        nextPart: new Map,
-        validators: []
-      });
-    }
-    currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
-  });
-  return currentClassPartObject;
-};
-var isThemeGetter = (func) => func.isThemeGetter;
-var getPrefixedClassGroupEntries = (classGroupEntries, prefix) => {
-  if (!prefix) {
-    return classGroupEntries;
-  }
-  return classGroupEntries.map(([classGroupId, classGroup]) => {
-    const prefixedClassGroup = classGroup.map((classDefinition) => {
-      if (typeof classDefinition === "string") {
-        return prefix + classDefinition;
-      }
-      if (typeof classDefinition === "object") {
-        return Object.fromEntries(Object.entries(classDefinition).map(([key, value]) => [prefix + key, value]));
-      }
-      return classDefinition;
-    });
-    return [classGroupId, prefixedClassGroup];
-  });
-};
-var createLruCache = (maxCacheSize) => {
-  if (maxCacheSize < 1) {
-    return {
-      get: () => {
-        return;
-      },
-      set: () => {}
-    };
-  }
-  let cacheSize = 0;
-  let cache = new Map;
-  let previousCache = new Map;
-  const update = (key, value) => {
-    cache.set(key, value);
-    cacheSize++;
-    if (cacheSize > maxCacheSize) {
-      cacheSize = 0;
-      previousCache = cache;
-      cache = new Map;
-    }
-  };
-  return {
-    get(key) {
-      let value = cache.get(key);
-      if (value !== undefined) {
-        return value;
-      }
-      if ((value = previousCache.get(key)) !== undefined) {
-        update(key, value);
-        return value;
-      }
-    },
-    set(key, value) {
-      if (cache.has(key)) {
-        cache.set(key, value);
-      } else {
-        update(key, value);
-      }
-    }
-  };
-};
-var IMPORTANT_MODIFIER = "!";
-var createParseClassName = (config) => {
-  const {
-    separator,
-    experimentalParseClassName
-  } = config;
-  const isSeparatorSingleCharacter = separator.length === 1;
-  const firstSeparatorCharacter = separator[0];
-  const separatorLength = separator.length;
-  const parseClassName = (className) => {
-    const modifiers = [];
-    let bracketDepth = 0;
-    let modifierStart = 0;
-    let postfixModifierPosition;
-    for (let index = 0;index < className.length; index++) {
-      let currentCharacter = className[index];
-      if (bracketDepth === 0) {
-        if (currentCharacter === firstSeparatorCharacter && (isSeparatorSingleCharacter || className.slice(index, index + separatorLength) === separator)) {
-          modifiers.push(className.slice(modifierStart, index));
-          modifierStart = index + separatorLength;
-          continue;
-        }
-        if (currentCharacter === "/") {
-          postfixModifierPosition = index;
-          continue;
-        }
-      }
-      if (currentCharacter === "[") {
-        bracketDepth++;
-      } else if (currentCharacter === "]") {
-        bracketDepth--;
-      }
-    }
-    const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);
-    const hasImportantModifier = baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER);
-    const baseClassName = hasImportantModifier ? baseClassNameWithImportantModifier.substring(1) : baseClassNameWithImportantModifier;
-    const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : undefined;
-    return {
-      modifiers,
-      hasImportantModifier,
-      baseClassName,
-      maybePostfixModifierPosition
-    };
-  };
-  if (experimentalParseClassName) {
-    return (className) => experimentalParseClassName({
-      className,
-      parseClassName
-    });
-  }
-  return parseClassName;
-};
-var sortModifiers = (modifiers) => {
-  if (modifiers.length <= 1) {
-    return modifiers;
-  }
-  const sortedModifiers = [];
-  let unsortedModifiers = [];
-  modifiers.forEach((modifier) => {
-    const isArbitraryVariant = modifier[0] === "[";
-    if (isArbitraryVariant) {
-      sortedModifiers.push(...unsortedModifiers.sort(), modifier);
-      unsortedModifiers = [];
-    } else {
-      unsortedModifiers.push(modifier);
-    }
-  });
-  sortedModifiers.push(...unsortedModifiers.sort());
-  return sortedModifiers;
-};
-var createConfigUtils = (config) => ({
-  cache: createLruCache(config.cacheSize),
-  parseClassName: createParseClassName(config),
-  ...createClassGroupUtils(config)
-});
-var SPLIT_CLASSES_REGEX = /\s+/;
-var mergeClassList = (classList, configUtils) => {
-  const {
-    parseClassName,
-    getClassGroupId,
-    getConflictingClassGroupIds
-  } = configUtils;
-  const classGroupsInConflict = [];
-  const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
-  let result = "";
-  for (let index = classNames.length - 1;index >= 0; index -= 1) {
-    const originalClassName = classNames[index];
-    const {
-      modifiers,
-      hasImportantModifier,
-      baseClassName,
-      maybePostfixModifierPosition
-    } = parseClassName(originalClassName);
-    let hasPostfixModifier = Boolean(maybePostfixModifierPosition);
-    let classGroupId = getClassGroupId(hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
-    if (!classGroupId) {
-      if (!hasPostfixModifier) {
-        result = originalClassName + (result.length > 0 ? " " + result : result);
-        continue;
-      }
-      classGroupId = getClassGroupId(baseClassName);
-      if (!classGroupId) {
-        result = originalClassName + (result.length > 0 ? " " + result : result);
-        continue;
-      }
-      hasPostfixModifier = false;
-    }
-    const variantModifier = sortModifiers(modifiers).join(":");
-    const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
-    const classId = modifierId + classGroupId;
-    if (classGroupsInConflict.includes(classId)) {
-      continue;
-    }
-    classGroupsInConflict.push(classId);
-    const conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier);
-    for (let i = 0;i < conflictGroups.length; ++i) {
-      const group = conflictGroups[i];
-      classGroupsInConflict.push(modifierId + group);
-    }
-    result = originalClassName + (result.length > 0 ? " " + result : result);
-  }
-  return result;
-};
-function twJoin() {
-  let index = 0;
-  let argument;
-  let resolvedValue;
-  let string = "";
-  while (index < arguments.length) {
-    if (argument = arguments[index++]) {
-      if (resolvedValue = toValue(argument)) {
-        string && (string += " ");
-        string += resolvedValue;
-      }
-    }
-  }
-  return string;
-}
-var toValue = (mix) => {
-  if (typeof mix === "string") {
-    return mix;
-  }
-  let resolvedValue;
-  let string = "";
-  for (let k = 0;k < mix.length; k++) {
-    if (mix[k]) {
-      if (resolvedValue = toValue(mix[k])) {
-        string && (string += " ");
-        string += resolvedValue;
-      }
-    }
-  }
-  return string;
-};
-function createTailwindMerge(createConfigFirst, ...createConfigRest) {
-  let configUtils;
-  let cacheGet;
-  let cacheSet;
-  let functionToCall = initTailwindMerge;
-  function initTailwindMerge(classList) {
-    const config = createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst());
-    configUtils = createConfigUtils(config);
-    cacheGet = configUtils.cache.get;
-    cacheSet = configUtils.cache.set;
-    functionToCall = tailwindMerge;
-    return tailwindMerge(classList);
-  }
-  function tailwindMerge(classList) {
-    const cachedResult = cacheGet(classList);
-    if (cachedResult) {
-      return cachedResult;
-    }
-    const result = mergeClassList(classList, configUtils);
-    cacheSet(classList, result);
-    return result;
-  }
-  return function callTailwindMerge() {
-    return functionToCall(twJoin.apply(null, arguments));
-  };
-}
-var fromTheme = (key) => {
-  const themeGetter = (theme) => theme[key] || [];
-  themeGetter.isThemeGetter = true;
-  return themeGetter;
-};
-var arbitraryValueRegex = /^\[(?:([a-z-]+):)?(.+)\]$/i;
-var fractionRegex = /^\d+\/\d+$/;
-var stringLengths = /* @__PURE__ */ new Set(["px", "full", "screen"]);
-var tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
-var lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
-var colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/;
-var shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
-var imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
-var isLength = (value) => isNumber(value) || stringLengths.has(value) || fractionRegex.test(value);
-var isArbitraryLength = (value) => getIsArbitraryValue(value, "length", isLengthOnly);
-var isNumber = (value) => Boolean(value) && !Number.isNaN(Number(value));
-var isArbitraryNumber = (value) => getIsArbitraryValue(value, "number", isNumber);
-var isInteger = (value) => Boolean(value) && Number.isInteger(Number(value));
-var isPercent = (value) => value.endsWith("%") && isNumber(value.slice(0, -1));
-var isArbitraryValue = (value) => arbitraryValueRegex.test(value);
-var isTshirtSize = (value) => tshirtUnitRegex.test(value);
-var sizeLabels = /* @__PURE__ */ new Set(["length", "size", "percentage"]);
-var isArbitrarySize = (value) => getIsArbitraryValue(value, sizeLabels, isNever);
-var isArbitraryPosition = (value) => getIsArbitraryValue(value, "position", isNever);
-var imageLabels = /* @__PURE__ */ new Set(["image", "url"]);
-var isArbitraryImage = (value) => getIsArbitraryValue(value, imageLabels, isImage);
-var isArbitraryShadow = (value) => getIsArbitraryValue(value, "", isShadow);
-var isAny = () => true;
-var getIsArbitraryValue = (value, label, testValue) => {
-  const result = arbitraryValueRegex.exec(value);
-  if (result) {
-    if (result[1]) {
-      return typeof label === "string" ? result[1] === label : label.has(result[1]);
-    }
-    return testValue(result[2]);
-  }
-  return false;
-};
-var isLengthOnly = (value) => lengthUnitRegex.test(value) && !colorFunctionRegex.test(value);
-var isNever = () => false;
-var isShadow = (value) => shadowRegex.test(value);
-var isImage = (value) => imageRegex.test(value);
-var getDefaultConfig = () => {
-  const colors = fromTheme("colors");
-  const spacing = fromTheme("spacing");
-  const blur = fromTheme("blur");
-  const brightness = fromTheme("brightness");
-  const borderColor = fromTheme("borderColor");
-  const borderRadius = fromTheme("borderRadius");
-  const borderSpacing = fromTheme("borderSpacing");
-  const borderWidth = fromTheme("borderWidth");
-  const contrast = fromTheme("contrast");
-  const grayscale = fromTheme("grayscale");
-  const hueRotate = fromTheme("hueRotate");
-  const invert = fromTheme("invert");
-  const gap = fromTheme("gap");
-  const gradientColorStops = fromTheme("gradientColorStops");
-  const gradientColorStopPositions = fromTheme("gradientColorStopPositions");
-  const inset = fromTheme("inset");
-  const margin = fromTheme("margin");
-  const opacity = fromTheme("opacity");
-  const padding = fromTheme("padding");
-  const saturate = fromTheme("saturate");
-  const scale = fromTheme("scale");
-  const sepia = fromTheme("sepia");
-  const skew = fromTheme("skew");
-  const space = fromTheme("space");
-  const translate = fromTheme("translate");
-  const getOverscroll = () => ["auto", "contain", "none"];
-  const getOverflow = () => ["auto", "hidden", "clip", "visible", "scroll"];
-  const getSpacingWithAutoAndArbitrary = () => ["auto", isArbitraryValue, spacing];
-  const getSpacingWithArbitrary = () => [isArbitraryValue, spacing];
-  const getLengthWithEmptyAndArbitrary = () => ["", isLength, isArbitraryLength];
-  const getNumberWithAutoAndArbitrary = () => ["auto", isNumber, isArbitraryValue];
-  const getPositions = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"];
-  const getLineStyles = () => ["solid", "dashed", "dotted", "double", "none"];
-  const getBlendModes = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"];
-  const getAlign = () => ["start", "end", "center", "between", "around", "evenly", "stretch"];
-  const getZeroAndEmpty = () => ["", "0", isArbitraryValue];
-  const getBreaks = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"];
-  const getNumberAndArbitrary = () => [isNumber, isArbitraryValue];
-  return {
-    cacheSize: 500,
-    separator: ":",
-    theme: {
-      colors: [isAny],
-      spacing: [isLength, isArbitraryLength],
-      blur: ["none", "", isTshirtSize, isArbitraryValue],
-      brightness: getNumberAndArbitrary(),
-      borderColor: [colors],
-      borderRadius: ["none", "", "full", isTshirtSize, isArbitraryValue],
-      borderSpacing: getSpacingWithArbitrary(),
-      borderWidth: getLengthWithEmptyAndArbitrary(),
-      contrast: getNumberAndArbitrary(),
-      grayscale: getZeroAndEmpty(),
-      hueRotate: getNumberAndArbitrary(),
-      invert: getZeroAndEmpty(),
-      gap: getSpacingWithArbitrary(),
-      gradientColorStops: [colors],
-      gradientColorStopPositions: [isPercent, isArbitraryLength],
-      inset: getSpacingWithAutoAndArbitrary(),
-      margin: getSpacingWithAutoAndArbitrary(),
-      opacity: getNumberAndArbitrary(),
-      padding: getSpacingWithArbitrary(),
-      saturate: getNumberAndArbitrary(),
-      scale: getNumberAndArbitrary(),
-      sepia: getZeroAndEmpty(),
-      skew: getNumberAndArbitrary(),
-      space: getSpacingWithArbitrary(),
-      translate: getSpacingWithArbitrary()
-    },
-    classGroups: {
-      aspect: [{
-        aspect: ["auto", "square", "video", isArbitraryValue]
-      }],
-      container: ["container"],
-      columns: [{
-        columns: [isTshirtSize]
-      }],
-      "break-after": [{
-        "break-after": getBreaks()
-      }],
-      "break-before": [{
-        "break-before": getBreaks()
-      }],
-      "break-inside": [{
-        "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
-      }],
-      "box-decoration": [{
-        "box-decoration": ["slice", "clone"]
-      }],
-      box: [{
-        box: ["border", "content"]
-      }],
-      display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
-      float: [{
-        float: ["right", "left", "none", "start", "end"]
-      }],
-      clear: [{
-        clear: ["left", "right", "both", "none", "start", "end"]
-      }],
-      isolation: ["isolate", "isolation-auto"],
-      "object-fit": [{
-        object: ["contain", "cover", "fill", "none", "scale-down"]
-      }],
-      "object-position": [{
-        object: [...getPositions(), isArbitraryValue]
-      }],
-      overflow: [{
-        overflow: getOverflow()
-      }],
-      "overflow-x": [{
-        "overflow-x": getOverflow()
-      }],
-      "overflow-y": [{
-        "overflow-y": getOverflow()
-      }],
-      overscroll: [{
-        overscroll: getOverscroll()
-      }],
-      "overscroll-x": [{
-        "overscroll-x": getOverscroll()
-      }],
-      "overscroll-y": [{
-        "overscroll-y": getOverscroll()
-      }],
-      position: ["static", "fixed", "absolute", "relative", "sticky"],
-      inset: [{
-        inset: [inset]
-      }],
-      "inset-x": [{
-        "inset-x": [inset]
-      }],
-      "inset-y": [{
-        "inset-y": [inset]
-      }],
-      start: [{
-        start: [inset]
-      }],
-      end: [{
-        end: [inset]
-      }],
-      top: [{
-        top: [inset]
-      }],
-      right: [{
-        right: [inset]
-      }],
-      bottom: [{
-        bottom: [inset]
-      }],
-      left: [{
-        left: [inset]
-      }],
-      visibility: ["visible", "invisible", "collapse"],
-      z: [{
-        z: ["auto", isInteger, isArbitraryValue]
-      }],
-      basis: [{
-        basis: getSpacingWithAutoAndArbitrary()
-      }],
-      "flex-direction": [{
-        flex: ["row", "row-reverse", "col", "col-reverse"]
-      }],
-      "flex-wrap": [{
-        flex: ["wrap", "wrap-reverse", "nowrap"]
-      }],
-      flex: [{
-        flex: ["1", "auto", "initial", "none", isArbitraryValue]
-      }],
-      grow: [{
-        grow: getZeroAndEmpty()
-      }],
-      shrink: [{
-        shrink: getZeroAndEmpty()
-      }],
-      order: [{
-        order: ["first", "last", "none", isInteger, isArbitraryValue]
-      }],
-      "grid-cols": [{
-        "grid-cols": [isAny]
-      }],
-      "col-start-end": [{
-        col: ["auto", {
-          span: ["full", isInteger, isArbitraryValue]
-        }, isArbitraryValue]
-      }],
-      "col-start": [{
-        "col-start": getNumberWithAutoAndArbitrary()
-      }],
-      "col-end": [{
-        "col-end": getNumberWithAutoAndArbitrary()
-      }],
-      "grid-rows": [{
-        "grid-rows": [isAny]
-      }],
-      "row-start-end": [{
-        row: ["auto", {
-          span: [isInteger, isArbitraryValue]
-        }, isArbitraryValue]
-      }],
-      "row-start": [{
-        "row-start": getNumberWithAutoAndArbitrary()
-      }],
-      "row-end": [{
-        "row-end": getNumberWithAutoAndArbitrary()
-      }],
-      "grid-flow": [{
-        "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
-      }],
-      "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", isArbitraryValue]
-      }],
-      "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", isArbitraryValue]
-      }],
-      gap: [{
-        gap: [gap]
-      }],
-      "gap-x": [{
-        "gap-x": [gap]
-      }],
-      "gap-y": [{
-        "gap-y": [gap]
-      }],
-      "justify-content": [{
-        justify: ["normal", ...getAlign()]
-      }],
-      "justify-items": [{
-        "justify-items": ["start", "end", "center", "stretch"]
-      }],
-      "justify-self": [{
-        "justify-self": ["auto", "start", "end", "center", "stretch"]
-      }],
-      "align-content": [{
-        content: ["normal", ...getAlign(), "baseline"]
-      }],
-      "align-items": [{
-        items: ["start", "end", "center", "baseline", "stretch"]
-      }],
-      "align-self": [{
-        self: ["auto", "start", "end", "center", "stretch", "baseline"]
-      }],
-      "place-content": [{
-        "place-content": [...getAlign(), "baseline"]
-      }],
-      "place-items": [{
-        "place-items": ["start", "end", "center", "baseline", "stretch"]
-      }],
-      "place-self": [{
-        "place-self": ["auto", "start", "end", "center", "stretch"]
-      }],
-      p: [{
-        p: [padding]
-      }],
-      px: [{
-        px: [padding]
-      }],
-      py: [{
-        py: [padding]
-      }],
-      ps: [{
-        ps: [padding]
-      }],
-      pe: [{
-        pe: [padding]
-      }],
-      pt: [{
-        pt: [padding]
-      }],
-      pr: [{
-        pr: [padding]
-      }],
-      pb: [{
-        pb: [padding]
-      }],
-      pl: [{
-        pl: [padding]
-      }],
-      m: [{
-        m: [margin]
-      }],
-      mx: [{
-        mx: [margin]
-      }],
-      my: [{
-        my: [margin]
-      }],
-      ms: [{
-        ms: [margin]
-      }],
-      me: [{
-        me: [margin]
-      }],
-      mt: [{
-        mt: [margin]
-      }],
-      mr: [{
-        mr: [margin]
-      }],
-      mb: [{
-        mb: [margin]
-      }],
-      ml: [{
-        ml: [margin]
-      }],
-      "space-x": [{
-        "space-x": [space]
-      }],
-      "space-x-reverse": ["space-x-reverse"],
-      "space-y": [{
-        "space-y": [space]
-      }],
-      "space-y-reverse": ["space-y-reverse"],
-      w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", isArbitraryValue, spacing]
-      }],
-      "min-w": [{
-        "min-w": [isArbitraryValue, spacing, "min", "max", "fit"]
-      }],
-      "max-w": [{
-        "max-w": [isArbitraryValue, spacing, "none", "full", "min", "max", "fit", "prose", {
-          screen: [isTshirtSize]
-        }, isTshirtSize]
-      }],
-      h: [{
-        h: [isArbitraryValue, spacing, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
-      }],
-      "min-h": [{
-        "min-h": [isArbitraryValue, spacing, "min", "max", "fit", "svh", "lvh", "dvh"]
-      }],
-      "max-h": [{
-        "max-h": [isArbitraryValue, spacing, "min", "max", "fit", "svh", "lvh", "dvh"]
-      }],
-      size: [{
-        size: [isArbitraryValue, spacing, "auto", "min", "max", "fit"]
-      }],
-      "font-size": [{
-        text: ["base", isTshirtSize, isArbitraryLength]
-      }],
-      "font-smoothing": ["antialiased", "subpixel-antialiased"],
-      "font-style": ["italic", "not-italic"],
-      "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", isArbitraryNumber]
-      }],
-      "font-family": [{
-        font: [isAny]
-      }],
-      "fvn-normal": ["normal-nums"],
-      "fvn-ordinal": ["ordinal"],
-      "fvn-slashed-zero": ["slashed-zero"],
-      "fvn-figure": ["lining-nums", "oldstyle-nums"],
-      "fvn-spacing": ["proportional-nums", "tabular-nums"],
-      "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
-      tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", isArbitraryValue]
-      }],
-      "line-clamp": [{
-        "line-clamp": ["none", isNumber, isArbitraryNumber]
-      }],
-      leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", isLength, isArbitraryValue]
-      }],
-      "list-image": [{
-        "list-image": ["none", isArbitraryValue]
-      }],
-      "list-style-type": [{
-        list: ["none", "disc", "decimal", isArbitraryValue]
-      }],
-      "list-style-position": [{
-        list: ["inside", "outside"]
-      }],
-      "placeholder-color": [{
-        placeholder: [colors]
-      }],
-      "placeholder-opacity": [{
-        "placeholder-opacity": [opacity]
-      }],
-      "text-alignment": [{
-        text: ["left", "center", "right", "justify", "start", "end"]
-      }],
-      "text-color": [{
-        text: [colors]
-      }],
-      "text-opacity": [{
-        "text-opacity": [opacity]
-      }],
-      "text-decoration": ["underline", "overline", "line-through", "no-underline"],
-      "text-decoration-style": [{
-        decoration: [...getLineStyles(), "wavy"]
-      }],
-      "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", isLength, isArbitraryLength]
-      }],
-      "underline-offset": [{
-        "underline-offset": ["auto", isLength, isArbitraryValue]
-      }],
-      "text-decoration-color": [{
-        decoration: [colors]
-      }],
-      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
-      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
-      "text-wrap": [{
-        text: ["wrap", "nowrap", "balance", "pretty"]
-      }],
-      indent: [{
-        indent: getSpacingWithArbitrary()
-      }],
-      "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", isArbitraryValue]
-      }],
-      whitespace: [{
-        whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
-      }],
-      break: [{
-        break: ["normal", "words", "all", "keep"]
-      }],
-      hyphens: [{
-        hyphens: ["none", "manual", "auto"]
-      }],
-      content: [{
-        content: ["none", isArbitraryValue]
-      }],
-      "bg-attachment": [{
-        bg: ["fixed", "local", "scroll"]
-      }],
-      "bg-clip": [{
-        "bg-clip": ["border", "padding", "content", "text"]
-      }],
-      "bg-opacity": [{
-        "bg-opacity": [opacity]
-      }],
-      "bg-origin": [{
-        "bg-origin": ["border", "padding", "content"]
-      }],
-      "bg-position": [{
-        bg: [...getPositions(), isArbitraryPosition]
-      }],
-      "bg-repeat": [{
-        bg: ["no-repeat", {
-          repeat: ["", "x", "y", "round", "space"]
-        }]
-      }],
-      "bg-size": [{
-        bg: ["auto", "cover", "contain", isArbitrarySize]
-      }],
-      "bg-image": [{
-        bg: ["none", {
-          "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, isArbitraryImage]
-      }],
-      "bg-color": [{
-        bg: [colors]
-      }],
-      "gradient-from-pos": [{
-        from: [gradientColorStopPositions]
-      }],
-      "gradient-via-pos": [{
-        via: [gradientColorStopPositions]
-      }],
-      "gradient-to-pos": [{
-        to: [gradientColorStopPositions]
-      }],
-      "gradient-from": [{
-        from: [gradientColorStops]
-      }],
-      "gradient-via": [{
-        via: [gradientColorStops]
-      }],
-      "gradient-to": [{
-        to: [gradientColorStops]
-      }],
-      rounded: [{
-        rounded: [borderRadius]
-      }],
-      "rounded-s": [{
-        "rounded-s": [borderRadius]
-      }],
-      "rounded-e": [{
-        "rounded-e": [borderRadius]
-      }],
-      "rounded-t": [{
-        "rounded-t": [borderRadius]
-      }],
-      "rounded-r": [{
-        "rounded-r": [borderRadius]
-      }],
-      "rounded-b": [{
-        "rounded-b": [borderRadius]
-      }],
-      "rounded-l": [{
-        "rounded-l": [borderRadius]
-      }],
-      "rounded-ss": [{
-        "rounded-ss": [borderRadius]
-      }],
-      "rounded-se": [{
-        "rounded-se": [borderRadius]
-      }],
-      "rounded-ee": [{
-        "rounded-ee": [borderRadius]
-      }],
-      "rounded-es": [{
-        "rounded-es": [borderRadius]
-      }],
-      "rounded-tl": [{
-        "rounded-tl": [borderRadius]
-      }],
-      "rounded-tr": [{
-        "rounded-tr": [borderRadius]
-      }],
-      "rounded-br": [{
-        "rounded-br": [borderRadius]
-      }],
-      "rounded-bl": [{
-        "rounded-bl": [borderRadius]
-      }],
-      "border-w": [{
-        border: [borderWidth]
-      }],
-      "border-w-x": [{
-        "border-x": [borderWidth]
-      }],
-      "border-w-y": [{
-        "border-y": [borderWidth]
-      }],
-      "border-w-s": [{
-        "border-s": [borderWidth]
-      }],
-      "border-w-e": [{
-        "border-e": [borderWidth]
-      }],
-      "border-w-t": [{
-        "border-t": [borderWidth]
-      }],
-      "border-w-r": [{
-        "border-r": [borderWidth]
-      }],
-      "border-w-b": [{
-        "border-b": [borderWidth]
-      }],
-      "border-w-l": [{
-        "border-l": [borderWidth]
-      }],
-      "border-opacity": [{
-        "border-opacity": [opacity]
-      }],
-      "border-style": [{
-        border: [...getLineStyles(), "hidden"]
-      }],
-      "divide-x": [{
-        "divide-x": [borderWidth]
-      }],
-      "divide-x-reverse": ["divide-x-reverse"],
-      "divide-y": [{
-        "divide-y": [borderWidth]
-      }],
-      "divide-y-reverse": ["divide-y-reverse"],
-      "divide-opacity": [{
-        "divide-opacity": [opacity]
-      }],
-      "divide-style": [{
-        divide: getLineStyles()
-      }],
-      "border-color": [{
-        border: [borderColor]
-      }],
-      "border-color-x": [{
-        "border-x": [borderColor]
-      }],
-      "border-color-y": [{
-        "border-y": [borderColor]
-      }],
-      "border-color-s": [{
-        "border-s": [borderColor]
-      }],
-      "border-color-e": [{
-        "border-e": [borderColor]
-      }],
-      "border-color-t": [{
-        "border-t": [borderColor]
-      }],
-      "border-color-r": [{
-        "border-r": [borderColor]
-      }],
-      "border-color-b": [{
-        "border-b": [borderColor]
-      }],
-      "border-color-l": [{
-        "border-l": [borderColor]
-      }],
-      "divide-color": [{
-        divide: [borderColor]
-      }],
-      "outline-style": [{
-        outline: ["", ...getLineStyles()]
-      }],
-      "outline-offset": [{
-        "outline-offset": [isLength, isArbitraryValue]
-      }],
-      "outline-w": [{
-        outline: [isLength, isArbitraryLength]
-      }],
-      "outline-color": [{
-        outline: [colors]
-      }],
-      "ring-w": [{
-        ring: getLengthWithEmptyAndArbitrary()
-      }],
-      "ring-w-inset": ["ring-inset"],
-      "ring-color": [{
-        ring: [colors]
-      }],
-      "ring-opacity": [{
-        "ring-opacity": [opacity]
-      }],
-      "ring-offset-w": [{
-        "ring-offset": [isLength, isArbitraryLength]
-      }],
-      "ring-offset-color": [{
-        "ring-offset": [colors]
-      }],
-      shadow: [{
-        shadow: ["", "inner", "none", isTshirtSize, isArbitraryShadow]
-      }],
-      "shadow-color": [{
-        shadow: [isAny]
-      }],
-      opacity: [{
-        opacity: [opacity]
-      }],
-      "mix-blend": [{
-        "mix-blend": [...getBlendModes(), "plus-lighter", "plus-darker"]
-      }],
-      "bg-blend": [{
-        "bg-blend": getBlendModes()
-      }],
-      filter: [{
-        filter: ["", "none"]
-      }],
-      blur: [{
-        blur: [blur]
-      }],
-      brightness: [{
-        brightness: [brightness]
-      }],
-      contrast: [{
-        contrast: [contrast]
-      }],
-      "drop-shadow": [{
-        "drop-shadow": ["", "none", isTshirtSize, isArbitraryValue]
-      }],
-      grayscale: [{
-        grayscale: [grayscale]
-      }],
-      "hue-rotate": [{
-        "hue-rotate": [hueRotate]
-      }],
-      invert: [{
-        invert: [invert]
-      }],
-      saturate: [{
-        saturate: [saturate]
-      }],
-      sepia: [{
-        sepia: [sepia]
-      }],
-      "backdrop-filter": [{
-        "backdrop-filter": ["", "none"]
-      }],
-      "backdrop-blur": [{
-        "backdrop-blur": [blur]
-      }],
-      "backdrop-brightness": [{
-        "backdrop-brightness": [brightness]
-      }],
-      "backdrop-contrast": [{
-        "backdrop-contrast": [contrast]
-      }],
-      "backdrop-grayscale": [{
-        "backdrop-grayscale": [grayscale]
-      }],
-      "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [hueRotate]
-      }],
-      "backdrop-invert": [{
-        "backdrop-invert": [invert]
-      }],
-      "backdrop-opacity": [{
-        "backdrop-opacity": [opacity]
-      }],
-      "backdrop-saturate": [{
-        "backdrop-saturate": [saturate]
-      }],
-      "backdrop-sepia": [{
-        "backdrop-sepia": [sepia]
-      }],
-      "border-collapse": [{
-        border: ["collapse", "separate"]
-      }],
-      "border-spacing": [{
-        "border-spacing": [borderSpacing]
-      }],
-      "border-spacing-x": [{
-        "border-spacing-x": [borderSpacing]
-      }],
-      "border-spacing-y": [{
-        "border-spacing-y": [borderSpacing]
-      }],
-      "table-layout": [{
-        table: ["auto", "fixed"]
-      }],
-      caption: [{
-        caption: ["top", "bottom"]
-      }],
-      transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", isArbitraryValue]
-      }],
-      duration: [{
-        duration: getNumberAndArbitrary()
-      }],
-      ease: [{
-        ease: ["linear", "in", "out", "in-out", isArbitraryValue]
-      }],
-      delay: [{
-        delay: getNumberAndArbitrary()
-      }],
-      animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", isArbitraryValue]
-      }],
-      transform: [{
-        transform: ["", "gpu", "none"]
-      }],
-      scale: [{
-        scale: [scale]
-      }],
-      "scale-x": [{
-        "scale-x": [scale]
-      }],
-      "scale-y": [{
-        "scale-y": [scale]
-      }],
-      rotate: [{
-        rotate: [isInteger, isArbitraryValue]
-      }],
-      "translate-x": [{
-        "translate-x": [translate]
-      }],
-      "translate-y": [{
-        "translate-y": [translate]
-      }],
-      "skew-x": [{
-        "skew-x": [skew]
-      }],
-      "skew-y": [{
-        "skew-y": [skew]
-      }],
-      "transform-origin": [{
-        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", isArbitraryValue]
-      }],
-      accent: [{
-        accent: ["auto", colors]
-      }],
-      appearance: [{
-        appearance: ["none", "auto"]
-      }],
-      cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", isArbitraryValue]
-      }],
-      "caret-color": [{
-        caret: [colors]
-      }],
-      "pointer-events": [{
-        "pointer-events": ["none", "auto"]
-      }],
-      resize: [{
-        resize: ["none", "y", "x", ""]
-      }],
-      "scroll-behavior": [{
-        scroll: ["auto", "smooth"]
-      }],
-      "scroll-m": [{
-        "scroll-m": getSpacingWithArbitrary()
-      }],
-      "scroll-mx": [{
-        "scroll-mx": getSpacingWithArbitrary()
-      }],
-      "scroll-my": [{
-        "scroll-my": getSpacingWithArbitrary()
-      }],
-      "scroll-ms": [{
-        "scroll-ms": getSpacingWithArbitrary()
-      }],
-      "scroll-me": [{
-        "scroll-me": getSpacingWithArbitrary()
-      }],
-      "scroll-mt": [{
-        "scroll-mt": getSpacingWithArbitrary()
-      }],
-      "scroll-mr": [{
-        "scroll-mr": getSpacingWithArbitrary()
-      }],
-      "scroll-mb": [{
-        "scroll-mb": getSpacingWithArbitrary()
-      }],
-      "scroll-ml": [{
-        "scroll-ml": getSpacingWithArbitrary()
-      }],
-      "scroll-p": [{
-        "scroll-p": getSpacingWithArbitrary()
-      }],
-      "scroll-px": [{
-        "scroll-px": getSpacingWithArbitrary()
-      }],
-      "scroll-py": [{
-        "scroll-py": getSpacingWithArbitrary()
-      }],
-      "scroll-ps": [{
-        "scroll-ps": getSpacingWithArbitrary()
-      }],
-      "scroll-pe": [{
-        "scroll-pe": getSpacingWithArbitrary()
-      }],
-      "scroll-pt": [{
-        "scroll-pt": getSpacingWithArbitrary()
-      }],
-      "scroll-pr": [{
-        "scroll-pr": getSpacingWithArbitrary()
-      }],
-      "scroll-pb": [{
-        "scroll-pb": getSpacingWithArbitrary()
-      }],
-      "scroll-pl": [{
-        "scroll-pl": getSpacingWithArbitrary()
-      }],
-      "snap-align": [{
-        snap: ["start", "end", "center", "align-none"]
-      }],
-      "snap-stop": [{
-        snap: ["normal", "always"]
-      }],
-      "snap-type": [{
-        snap: ["none", "x", "y", "both"]
-      }],
-      "snap-strictness": [{
-        snap: ["mandatory", "proximity"]
-      }],
-      touch: [{
-        touch: ["auto", "none", "manipulation"]
-      }],
-      "touch-x": [{
-        "touch-pan": ["x", "left", "right"]
-      }],
-      "touch-y": [{
-        "touch-pan": ["y", "up", "down"]
-      }],
-      "touch-pz": ["touch-pinch-zoom"],
-      select: [{
-        select: ["none", "text", "all", "auto"]
-      }],
-      "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", isArbitraryValue]
-      }],
-      fill: [{
-        fill: [colors, "none"]
-      }],
-      "stroke-w": [{
-        stroke: [isLength, isArbitraryLength, isArbitraryNumber]
-      }],
-      stroke: [{
-        stroke: [colors, "none"]
-      }],
-      sr: ["sr-only", "not-sr-only"],
-      "forced-color-adjust": [{
-        "forced-color-adjust": ["auto", "none"]
-      }]
-    },
-    conflictingClassGroups: {
-      overflow: ["overflow-x", "overflow-y"],
-      overscroll: ["overscroll-x", "overscroll-y"],
-      inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
-      "inset-x": ["right", "left"],
-      "inset-y": ["top", "bottom"],
-      flex: ["basis", "grow", "shrink"],
-      gap: ["gap-x", "gap-y"],
-      p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
-      px: ["pr", "pl"],
-      py: ["pt", "pb"],
-      m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
-      mx: ["mr", "ml"],
-      my: ["mt", "mb"],
-      size: ["w", "h"],
-      "font-size": ["leading"],
-      "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
-      "fvn-ordinal": ["fvn-normal"],
-      "fvn-slashed-zero": ["fvn-normal"],
-      "fvn-figure": ["fvn-normal"],
-      "fvn-spacing": ["fvn-normal"],
-      "fvn-fraction": ["fvn-normal"],
-      "line-clamp": ["display", "overflow"],
-      rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
-      "rounded-s": ["rounded-ss", "rounded-es"],
-      "rounded-e": ["rounded-se", "rounded-ee"],
-      "rounded-t": ["rounded-tl", "rounded-tr"],
-      "rounded-r": ["rounded-tr", "rounded-br"],
-      "rounded-b": ["rounded-br", "rounded-bl"],
-      "rounded-l": ["rounded-tl", "rounded-bl"],
-      "border-spacing": ["border-spacing-x", "border-spacing-y"],
-      "border-w": ["border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
-      "border-w-x": ["border-w-r", "border-w-l"],
-      "border-w-y": ["border-w-t", "border-w-b"],
-      "border-color": ["border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
-      "border-color-x": ["border-color-r", "border-color-l"],
-      "border-color-y": ["border-color-t", "border-color-b"],
-      "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
-      "scroll-mx": ["scroll-mr", "scroll-ml"],
-      "scroll-my": ["scroll-mt", "scroll-mb"],
-      "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
-      "scroll-px": ["scroll-pr", "scroll-pl"],
-      "scroll-py": ["scroll-pt", "scroll-pb"],
-      touch: ["touch-x", "touch-y", "touch-pz"],
-      "touch-x": ["touch"],
-      "touch-y": ["touch"],
-      "touch-pz": ["touch"]
-    },
-    conflictingClassGroupModifiers: {
-      "font-size": ["leading"]
-    }
-  };
-};
-var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
-
-// ../ui/src/lib/utils.ts
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/styled/ExportCard.tsx
-var import_link = __toESM(require_link(), 1);
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-
-function ExportCard({
-  name,
-  description,
-  href,
-  kind = "function",
-  className
-}) {
-  const isFunction = kind === "function";
-  return /* @__PURE__ */ jsxs9(import_link.default, {
-    href,
-    className: cn("group block rounded-lg border border-border bg-card/50 p-4", "transition-all duration-200", "hover:border-border/80 hover:bg-card hover:shadow-md", "hover:-translate-y-0.5", className),
-    children: [
-      /* @__PURE__ */ jsxs9("div", {
-        className: "flex items-baseline gap-1 mb-2",
-        children: [
-          /* @__PURE__ */ jsx10("span", {
-            className: "font-mono text-base font-medium text-foreground group-hover:text-primary transition-colors",
-            children: name
-          }),
-          isFunction && /* @__PURE__ */ jsx10("span", {
-            className: "font-mono text-base text-muted-foreground",
-            children: "()"
-          })
-        ]
-      }),
-      description && /* @__PURE__ */ jsx10("p", {
-        className: "text-sm text-muted-foreground line-clamp-2 leading-relaxed",
-        children: description
-      })
-    ]
-  });
-}
-
-// src/components/styled/ExportIndexPage.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-
-var KIND_ORDER = ["function", "class", "interface", "type", "enum", "variable"];
-var KIND_LABELS = {
-  function: "Functions",
-  class: "Classes",
-  interface: "Interfaces",
-  type: "Types",
-  enum: "Enums",
-  variable: "Variables"
-};
-function groupByKind(exports) {
-  const groups = new Map;
-  for (const exp of exports) {
-    const kind = exp.kind || "variable";
-    const normalizedKind = KIND_ORDER.includes(kind) ? kind : "variable";
-    const list = groups.get(normalizedKind) || [];
-    list.push(exp);
-    groups.set(normalizedKind, list);
-  }
-  return KIND_ORDER.filter((kind) => groups.has(kind)).map((kind) => ({
-    kind,
-    label: KIND_LABELS[kind],
-    exports: groups.get(kind).sort((a, b) => a.name.localeCompare(b.name))
-  }));
-}
-function ExportIndexPage({
-  spec,
-  baseHref,
-  description,
-  className
-}) {
-  if (false) {}
-  const groups = groupByKind(spec.exports);
-  return /* @__PURE__ */ jsxs10("div", {
-    className: cn("space-y-10 not-prose", className),
-    children: [
-      /* @__PURE__ */ jsxs10("div", {
-        children: [
-          /* @__PURE__ */ jsx11("h1", {
-            className: "text-3xl font-bold text-foreground mb-3",
-            children: spec.name || "API Reference"
-          }),
-          (description || spec.description) && /* @__PURE__ */ jsx11("p", {
-            className: "text-muted-foreground text-lg leading-relaxed max-w-3xl",
-            children: description || spec.description
-          })
-        ]
-      }),
-      groups.map((group) => /* @__PURE__ */ jsxs10("section", {
-        children: [
-          /* @__PURE__ */ jsx11("h2", {
-            className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground mb-4",
-            children: group.label
-          }),
-          /* @__PURE__ */ jsx11("div", {
-            className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-            children: group.exports.map((exp) => /* @__PURE__ */ jsx11(ExportCard, {
-              name: exp.name,
-              description: exp.description,
-              href: `${baseHref}/${exp.id}`,
-              kind: exp.kind
-            }, exp.id))
-          })
-        ]
-      }, group.kind)),
-      groups.length === 0 && /* @__PURE__ */ jsx11("div", {
-        className: "rounded-lg border border-border bg-card/50 p-8 text-center",
-        children: /* @__PURE__ */ jsx11("p", {
-          className: "text-muted-foreground",
-          children: "No exports found in this package."
-        })
-      })
-    ]
-  });
-}
-
-// ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
-import { forwardRef as forwardRef2, createElement as createElement2 } from "react";
-
-// ../../node_modules/lucide-react/dist/esm/shared/src/utils.js
-var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-var toCamelCase = (string) => string.replace(/^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase());
-var toPascalCase = (string) => {
-  const camelCase = toCamelCase(string);
-  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
-};
-var mergeClasses = (...classes) => classes.filter((className, index, array) => {
-  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
-}).join(" ").trim();
-var hasA11yProp = (props) => {
-  for (const prop in props) {
-    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
-      return true;
-    }
-  }
-};
-
-// ../../node_modules/lucide-react/dist/esm/Icon.js
-import { forwardRef, createElement } from "react";
-
-// ../../node_modules/lucide-react/dist/esm/defaultAttributes.js
-var defaultAttributes = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
+
+// ../../node_modules/lucide-react/dist/esm/Icon.js
+import { forwardRef, createElement } from "react";
+
+// ../../node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
 };
 
 // ../../node_modules/lucide-react/dist/esm/Icon.js
@@ -15629,7 +13905,7 @@ var __iconNode875 = [
   ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
   ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
 ];
-var Link3 = createLucideIcon("link", __iconNode875);
+var Link = createLucideIcon("link", __iconNode875);
 // ../../node_modules/lucide-react/dist/esm/icons/linkedin.js
 var __iconNode876 = [
   [
@@ -23959,301 +22235,868 @@ var __iconNode1651 = [
   ["line", { x1: "8", x2: "14", y1: "11", y2: "11", key: "durymu" }]
 ];
 var ZoomOut = createLucideIcon("zoom-out", __iconNode1651);
-// src/components/styled/FunctionPage.tsx
-import { useState as useState7 } from "react";
+// src/components/styled/ClassPage.tsx
+import { useState as useState5 } from "react";
+
+// src/components/styled/ParameterItem.tsx
+import { cn } from "@doccov/ui/lib/utils";
+import { useState as useState4 } from "react";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+
+function getNestedProperties2(schema) {
+  if (!schema || typeof schema !== "object")
+    return null;
+  const s = schema;
+  if (s.type === "object" && s.properties && typeof s.properties === "object") {
+    return s.properties;
+  }
+  return null;
+}
+function getRequiredFields2(schema) {
+  if (!schema || typeof schema !== "object")
+    return [];
+  const s = schema;
+  if (Array.isArray(s.required)) {
+    return s.required;
+  }
+  return [];
+}
+function countProperties2(schema) {
+  const props = getNestedProperties2(schema);
+  return props ? Object.keys(props).length : 0;
+}
+function NestedPropertyItem({
+  name,
+  schema,
+  required = false,
+  depth = 0
+}) {
+  const [expanded, setExpanded] = useState4(false);
+  const type = formatSchema(schema);
+  const nestedProps = getNestedProperties2(schema);
+  const nestedCount = countProperties2(schema);
+  const hasNested = nestedCount > 0;
+  const schemaObj = schema;
+  const description = schemaObj?.description;
+  return /* @__PURE__ */ jsxs7("div", {
+    className: cn("border-t border-border first:border-t-0", depth > 0 && "ml-4"),
+    children: [
+      /* @__PURE__ */ jsx8("div", {
+        className: "py-3",
+        children: /* @__PURE__ */ jsxs7("div", {
+          className: "flex items-start gap-2",
+          children: [
+            hasNested && /* @__PURE__ */ jsx8("button", {
+              type: "button",
+              onClick: () => setExpanded(!expanded),
+              className: "mt-0.5 p-0.5 text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
+              "aria-label": expanded ? "Collapse" : "Expand",
+              children: /* @__PURE__ */ jsx8(ChevronRight, {
+                size: 14,
+                className: cn("transition-transform duration-200", expanded && "rotate-90")
+              })
+            }),
+            !hasNested && /* @__PURE__ */ jsx8("div", {
+              className: "w-5"
+            }),
+            /* @__PURE__ */ jsxs7("div", {
+              className: "flex-1 min-w-0",
+              children: [
+                /* @__PURE__ */ jsxs7("div", {
+                  className: "flex items-baseline gap-2 flex-wrap",
+                  children: [
+                    /* @__PURE__ */ jsxs7("span", {
+                      className: "font-mono text-sm text-foreground",
+                      children: [
+                        name,
+                        !required && /* @__PURE__ */ jsx8("span", {
+                          className: "text-muted-foreground",
+                          children: "?"
+                        })
+                      ]
+                    }),
+                    /* @__PURE__ */ jsx8("span", {
+                      className: "font-mono text-sm text-muted-foreground",
+                      children: hasNested ? "object" : type
+                    }),
+                    hasNested && /* @__PURE__ */ jsxs7("button", {
+                      type: "button",
+                      onClick: () => setExpanded(!expanded),
+                      className: "text-xs text-primary hover:underline cursor-pointer",
+                      children: [
+                        nestedCount,
+                        " ",
+                        nestedCount === 1 ? "property" : "properties"
+                      ]
+                    })
+                  ]
+                }),
+                description && /* @__PURE__ */ jsx8("p", {
+                  className: "text-sm text-muted-foreground mt-1",
+                  children: description
+                })
+              ]
+            })
+          ]
+        })
+      }),
+      hasNested && expanded && nestedProps && /* @__PURE__ */ jsx8("div", {
+        className: "border-l border-border ml-2",
+        children: Object.entries(nestedProps).map(([propName, propSchema]) => /* @__PURE__ */ jsx8(NestedPropertyItem, {
+          name: propName,
+          schema: propSchema,
+          required: getRequiredFields2(schema).includes(propName),
+          depth: depth + 1
+        }, propName))
+      })
+    ]
+  });
+}
+function ParameterItem({
+  param,
+  depth = 0,
+  className
+}) {
+  const [expanded, setExpanded] = useState4(false);
+  const type = formatSchema(param.schema);
+  const isRequired = param.required !== false;
+  const nestedProps = getNestedProperties2(param.schema);
+  const nestedCount = countProperties2(param.schema);
+  const hasNested = nestedCount > 0;
+  return /* @__PURE__ */ jsxs7("div", {
+    className: cn("border-b border-border last:border-b-0", className),
+    children: [
+      /* @__PURE__ */ jsx8("div", {
+        className: "py-3",
+        children: /* @__PURE__ */ jsxs7("div", {
+          className: "flex items-start gap-2",
+          children: [
+            hasNested && /* @__PURE__ */ jsx8("button", {
+              type: "button",
+              onClick: () => setExpanded(!expanded),
+              className: "mt-0.5 p-0.5 text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
+              "aria-label": expanded ? "Collapse" : "Expand",
+              children: /* @__PURE__ */ jsx8(ChevronRight, {
+                size: 14,
+                className: cn("transition-transform duration-200", expanded && "rotate-90")
+              })
+            }),
+            !hasNested && /* @__PURE__ */ jsx8("div", {
+              className: "w-5"
+            }),
+            /* @__PURE__ */ jsxs7("div", {
+              className: "flex-1 min-w-0",
+              children: [
+                /* @__PURE__ */ jsxs7("div", {
+                  className: "flex items-baseline gap-2 flex-wrap",
+                  children: [
+                    /* @__PURE__ */ jsx8("span", {
+                      className: "font-mono text-sm font-medium text-foreground",
+                      children: param.name
+                    }),
+                    isRequired && /* @__PURE__ */ jsx8("span", {
+                      className: "text-[10px] font-semibold px-1.5 py-0.5 rounded border border-border bg-muted text-muted-foreground uppercase tracking-wide",
+                      children: "Required"
+                    }),
+                    /* @__PURE__ */ jsx8("span", {
+                      className: "font-mono text-sm text-muted-foreground",
+                      children: hasNested ? "object" : type
+                    }),
+                    hasNested && /* @__PURE__ */ jsxs7("button", {
+                      type: "button",
+                      onClick: () => setExpanded(!expanded),
+                      className: "text-xs text-primary hover:underline cursor-pointer",
+                      children: [
+                        nestedCount,
+                        " ",
+                        nestedCount === 1 ? "property" : "properties"
+                      ]
+                    })
+                  ]
+                }),
+                param.description && /* @__PURE__ */ jsx8("p", {
+                  className: "text-sm text-muted-foreground mt-1",
+                  children: param.description
+                })
+              ]
+            })
+          ]
+        })
+      }),
+      hasNested && expanded && nestedProps && /* @__PURE__ */ jsx8("div", {
+        className: "border-l border-border ml-2 mb-3",
+        children: Object.entries(nestedProps).map(([propName, propSchema]) => /* @__PURE__ */ jsx8(NestedPropertyItem, {
+          name: propName,
+          schema: propSchema,
+          required: getRequiredFields2(param.schema).includes(propName),
+          depth: depth + 1
+        }, propName))
+      })
+    ]
+  });
+}
+
+// src/components/styled/ClassPage.tsx
+import { jsx as jsx9, jsxs as jsxs8, Fragment } from "react/jsx-runtime";
+
+function PropertyItem({ member }) {
+  const visibility = member.visibility ?? "public";
+  const flags = member.flags;
+  const isStatic = flags?.static;
+  const isReadonly = flags?.readonly;
+  const type = formatSchema(member.schema);
+  return /* @__PURE__ */ jsxs8("div", {
+    className: "py-4 first:pt-4 last:pb-4",
+    children: [
+      /* @__PURE__ */ jsxs8("div", {
+        className: "flex items-center gap-2 flex-wrap",
+        children: [
+          /* @__PURE__ */ jsx9("code", {
+            className: "font-mono text-sm font-medium text-foreground",
+            children: member.name
+          }),
+          /* @__PURE__ */ jsx9("code", {
+            className: "font-mono text-sm text-primary",
+            children: type
+          }),
+          visibility !== "public" && /* @__PURE__ */ jsx9("span", {
+            className: "text-xs px-1.5 py-0.5 rounded-full bg-muted text-muted-foreground font-medium",
+            children: visibility
+          }),
+          isStatic && /* @__PURE__ */ jsx9("span", {
+            className: "text-xs px-1.5 py-0.5 rounded-full bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium",
+            children: "static"
+          }),
+          isReadonly && /* @__PURE__ */ jsx9("span", {
+            className: "text-xs px-1.5 py-0.5 rounded-full bg-purple-500/10 text-purple-600 dark:text-purple-400 font-medium",
+            children: "readonly"
+          })
+        ]
+      }),
+      member.description && /* @__PURE__ */ jsx9("p", {
+        className: "text-sm text-muted-foreground mt-2 leading-relaxed",
+        children: member.description
+      })
+    ]
+  });
+}
+function MethodItem({ member }) {
+  const sig = member.signatures?.[0];
+  const params = sig?.parameters ?? [];
+  const returnType = formatSchema(sig?.returns?.schema);
+  const visibility = member.visibility ?? "public";
+  const flags = member.flags;
+  const isStatic = flags?.static;
+  const isAsync = flags?.async;
+  return /* @__PURE__ */ jsxs8("div", {
+    className: "p-4",
+    children: [
+      /* @__PURE__ */ jsxs8("div", {
+        className: "flex items-center gap-2 flex-wrap mb-1",
+        children: [
+          visibility !== "public" && /* @__PURE__ */ jsx9("span", {
+            className: "text-xs px-1.5 py-0.5 rounded-full bg-muted text-muted-foreground font-medium",
+            children: visibility
+          }),
+          isStatic && /* @__PURE__ */ jsx9("span", {
+            className: "text-xs px-1.5 py-0.5 rounded-full bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium",
+            children: "static"
+          }),
+          isAsync && /* @__PURE__ */ jsx9("span", {
+            className: "text-xs px-1.5 py-0.5 rounded-full bg-green-500/10 text-green-600 dark:text-green-400 font-medium",
+            children: "async"
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs8("code", {
+        className: "font-mono text-sm text-foreground",
+        children: [
+          /* @__PURE__ */ jsx9("span", {
+            className: "font-medium",
+            children: member.name
+          }),
+          /* @__PURE__ */ jsx9("span", {
+            className: "text-muted-foreground",
+            children: "("
+          }),
+          params.map((p, i) => /* @__PURE__ */ jsxs8("span", {
+            children: [
+              i > 0 && /* @__PURE__ */ jsx9("span", {
+                className: "text-muted-foreground",
+                children: ", "
+              }),
+              /* @__PURE__ */ jsx9("span", {
+                className: "text-muted-foreground",
+                children: p.name
+              }),
+              p.required === false && /* @__PURE__ */ jsx9("span", {
+                className: "text-muted-foreground",
+                children: "?"
+              }),
+              /* @__PURE__ */ jsx9("span", {
+                className: "text-muted-foreground",
+                children: ": "
+              }),
+              /* @__PURE__ */ jsx9("span", {
+                className: "text-primary",
+                children: formatSchema(p.schema)
+              })
+            ]
+          }, p.name)),
+          /* @__PURE__ */ jsx9("span", {
+            className: "text-muted-foreground",
+            children: "): "
+          }),
+          /* @__PURE__ */ jsx9("span", {
+            className: "text-primary",
+            children: returnType
+          })
+        ]
+      }),
+      member.description && /* @__PURE__ */ jsx9("p", {
+        className: "text-sm text-muted-foreground mt-2 leading-relaxed",
+        children: member.description
+      })
+    ]
+  });
+}
+function ClassPage({ export: exp, spec, renderExample }) {
+  const [copied, setCopied] = useState5(false);
+  const hasExamples = exp.examples && exp.examples.length > 0;
+  const constructors = exp.members?.filter((m) => m.kind === "constructor") ?? [];
+  const properties = exp.members?.filter((m) => m.kind === "property" || m.kind === "field") ?? [];
+  const methods = exp.members?.filter((m) => m.kind === "method") ?? [];
+  const staticProperties = properties.filter((m) => m.flags?.static);
+  const instanceProperties = properties.filter((m) => !m.flags?.static);
+  const staticMethods = methods.filter((m) => m.flags?.static);
+  const instanceMethods = methods.filter((m) => !m.flags?.static);
+  const constructorSig = constructors[0]?.signatures?.[0];
+  const constructorParams = constructorSig?.parameters ?? [];
+  const packageName = spec.meta.name || "package";
+  const importStatement = `import { ${exp.name} } from '${packageName}'`;
+  const handleCopyName = () => {
+    navigator.clipboard.writeText(exp.name);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1200);
+  };
+  const codeTabs = hasExamples ? exp.examples.map((example, index) => {
+    const code = typeof example === "string" ? example : example.code;
+    const title = typeof example === "string" ? `Example ${index + 1}` : example.title || `Example ${index + 1}`;
+    const filename = `${exp.name.toLowerCase().replace(/[^a-z0-9]/g, "-")}-${index + 1}.ts`;
+    return {
+      label: title,
+      code,
+      content: renderExample ? renderExample(code, filename) : /* @__PURE__ */ jsx9("pre", {
+        className: "p-4 overflow-x-auto",
+        children: /* @__PURE__ */ jsx9("code", {
+          className: "font-mono text-sm text-foreground",
+          children: code
+        })
+      })
+    };
+  }) : [];
+  return /* @__PURE__ */ jsxs8("div", {
+    className: "doccov-class-page not-prose",
+    children: [
+      /* @__PURE__ */ jsxs8("header", {
+        className: "mb-6",
+        children: [
+          /* @__PURE__ */ jsxs8("div", {
+            className: "flex items-center gap-3",
+            children: [
+              /* @__PURE__ */ jsx9("span", {
+                className: "text-xs px-2 py-0.5 rounded-full font-medium bg-purple-500/10 text-purple-600 dark:text-purple-400",
+                children: "class"
+              }),
+              /* @__PURE__ */ jsx9("h1", {
+                className: "font-mono text-3xl font-bold text-foreground tracking-tight",
+                children: exp.name
+              }),
+              /* @__PURE__ */ jsx9("button", {
+                type: "button",
+                onClick: handleCopyName,
+                className: cn2("p-1.5 rounded-md", "text-muted-foreground hover:text-foreground hover:bg-muted/50", "transition-all cursor-pointer"),
+                "aria-label": "Copy class name",
+                children: copied ? /* @__PURE__ */ jsx9(Check, {
+                  size: 18
+                }) : /* @__PURE__ */ jsx9(Copy, {
+                  size: 18
+                })
+              })
+            ]
+          }),
+          (exp.extends || exp.implements?.length) && /* @__PURE__ */ jsxs8("div", {
+            className: "mt-2 flex items-center gap-2 flex-wrap text-sm",
+            children: [
+              exp.extends && /* @__PURE__ */ jsxs8(Fragment, {
+                children: [
+                  /* @__PURE__ */ jsx9("span", {
+                    className: "text-muted-foreground",
+                    children: "extends"
+                  }),
+                  /* @__PURE__ */ jsx9("code", {
+                    className: "font-mono text-primary",
+                    children: exp.extends
+                  })
+                ]
+              }),
+              exp.implements?.length && /* @__PURE__ */ jsxs8(Fragment, {
+                children: [
+                  /* @__PURE__ */ jsx9("span", {
+                    className: "text-muted-foreground",
+                    children: "implements"
+                  }),
+                  /* @__PURE__ */ jsx9("code", {
+                    className: "font-mono text-primary",
+                    children: exp.implements.join(", ")
+                  })
+                ]
+              })
+            ]
+          }),
+          exp.description && /* @__PURE__ */ jsx9("p", {
+            className: "mt-4 text-muted-foreground leading-relaxed text-base max-w-2xl",
+            children: exp.description
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs8("div", {
+        className: cn2("grid gap-8 xl:gap-12", hasExamples ? "lg:grid-cols-[1fr,minmax(0,420px)]" : "grid-cols-1"),
+        children: [
+          /* @__PURE__ */ jsxs8("div", {
+            className: "min-w-0 space-y-8",
+            children: [
+              /* @__PURE__ */ jsx9(ImportSection, {
+                importStatement
+              }),
+              constructorParams.length > 0 && /* @__PURE__ */ jsxs8("section", {
+                children: [
+                  /* @__PURE__ */ jsx9("h2", {
+                    className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground mb-4",
+                    children: "Constructor"
+                  }),
+                  /* @__PURE__ */ jsx9("div", {
+                    className: "rounded-lg border border-border bg-card/50 divide-y divide-border",
+                    children: constructorParams.map((param, index) => /* @__PURE__ */ jsx9(ParameterItem, {
+                      param,
+                      className: "px-4"
+                    }, param.name ?? index))
+                  })
+                ]
+              }),
+              (staticProperties.length > 0 || staticMethods.length > 0) && /* @__PURE__ */ jsxs8("section", {
+                children: [
+                  /* @__PURE__ */ jsx9("h2", {
+                    className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground mb-4",
+                    children: "Static Members"
+                  }),
+                  /* @__PURE__ */ jsxs8("div", {
+                    className: "rounded-lg border border-border bg-card/50 divide-y divide-border",
+                    children: [
+                      staticProperties.map((member, index) => /* @__PURE__ */ jsx9(PropertyItem, {
+                        member
+                      }, member.name ?? `prop-${index}`)),
+                      staticMethods.map((member, index) => /* @__PURE__ */ jsx9(MethodItem, {
+                        member
+                      }, member.name ?? `method-${index}`))
+                    ]
+                  })
+                ]
+              }),
+              instanceMethods.length > 0 && /* @__PURE__ */ jsxs8("section", {
+                children: [
+                  /* @__PURE__ */ jsx9("h2", {
+                    className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground mb-4",
+                    children: "Methods"
+                  }),
+                  /* @__PURE__ */ jsx9("div", {
+                    className: "rounded-lg border border-border bg-card/50 divide-y divide-border",
+                    children: instanceMethods.map((member, index) => /* @__PURE__ */ jsx9(MethodItem, {
+                      member
+                    }, member.name ?? index))
+                  })
+                ]
+              }),
+              instanceProperties.length > 0 && /* @__PURE__ */ jsxs8("section", {
+                children: [
+                  /* @__PURE__ */ jsx9("h2", {
+                    className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground mb-4",
+                    children: "Properties"
+                  }),
+                  /* @__PURE__ */ jsx9("div", {
+                    className: "rounded-lg border border-border bg-card/50 divide-y divide-border px-4",
+                    children: instanceProperties.map((member, index) => /* @__PURE__ */ jsx9(PropertyItem, {
+                      member
+                    }, member.name ?? index))
+                  })
+                ]
+              })
+            ]
+          }),
+          hasExamples && /* @__PURE__ */ jsx9("aside", {
+            className: "lg:sticky lg:top-16 lg:self-start lg:max-h-[calc(100vh-6rem)] lg:overflow-y-auto",
+            children: codeTabs.length === 1 ? /* @__PURE__ */ jsx9("div", {
+              className: "rounded-lg border border-border overflow-hidden bg-background",
+              children: codeTabs[0].content
+            }) : /* @__PURE__ */ jsx9(CodeTabs, {
+              tabs: codeTabs,
+              sticky: true
+            })
+          })
+        ]
+      })
+    ]
+  });
+}
 
-// src/components/styled/CodeTabs.tsx
-import { useState as useState4 } from "react";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+// src/components/styled/EnumPage.tsx
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 
-function CodeTabs({
-  tabs,
-  defaultIndex = 0,
-  className
-}) {
-  const [activeIndex, setActiveIndex] = useState4(defaultIndex);
-  const [copied, setCopied] = useState4(false);
-  const activeTab = tabs[activeIndex];
-  const handleCopy = () => {
-    if (!activeTab)
-      return;
-    navigator.clipboard.writeText(activeTab.code);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 1200);
-  };
-  if (!tabs.length)
-    return null;
-  return /* @__PURE__ */ jsxs11("div", {
-    className: cn("group rounded-lg border border-border overflow-hidden", className),
+function EnumPage({ export: exp, spec, renderExample }) {
+  const members = exp.members ?? [];
+  const hasExamples = exp.examples && exp.examples.length > 0;
+  const signature = buildSignatureString(exp);
+  return /* @__PURE__ */ jsxs9("div", {
+    className: "space-y-6",
     children: [
-      /* @__PURE__ */ jsxs11("div", {
-        className: "flex items-center border-b border-border bg-muted/30",
+      exp.description && /* @__PURE__ */ jsx10("p", {
+        className: "text-muted-foreground text-base leading-relaxed",
+        children: exp.description
+      }),
+      /* @__PURE__ */ jsxs9("section", {
         children: [
-          /* @__PURE__ */ jsx12("div", {
-            className: "flex-1 flex items-stretch",
-            children: tabs.map((tab, index) => /* @__PURE__ */ jsx12("button", {
-              type: "button",
-              onClick: () => setActiveIndex(index),
-              className: cn("px-4 py-2 text-sm font-mono transition-colors", "border-r border-border last:border-r-0", index === activeIndex ? "text-foreground bg-background/50" : "text-muted-foreground hover:text-foreground"),
-              children: tab.label
-            }, tab.label))
+          /* @__PURE__ */ jsx10("h2", {
+            className: "text-xl font-semibold mb-2",
+            children: "Declaration"
           }),
-          /* @__PURE__ */ jsx12("button", {
-            type: "button",
-            onClick: handleCopy,
-            className: cn("p-2 mx-2", "text-muted-foreground hover:text-foreground", "opacity-0 group-hover:opacity-100 transition-opacity", "cursor-pointer"),
-            "aria-label": "Copy code",
-            children: copied ? /* @__PURE__ */ jsx12(Check, {
-              size: 16
-            }) : /* @__PURE__ */ jsx12(Copy, {
-              size: 16
+          /* @__PURE__ */ jsx10("div", {
+            className: "rounded-lg border border-border bg-muted/30 p-4 overflow-x-auto",
+            children: /* @__PURE__ */ jsx10("code", {
+              className: "font-mono text-sm text-foreground",
+              children: signature
+            })
+          }),
+          exp.deprecated && /* @__PURE__ */ jsxs9("div", {
+            className: "mt-2 rounded-md bg-yellow-500/10 border border-yellow-500/20 px-3 py-2 text-sm text-yellow-600 dark:text-yellow-400",
+            children: [
+              /* @__PURE__ */ jsx10("strong", {
+                children: "Deprecated:"
+              }),
+              " This export is deprecated."
+            ]
+          })
+        ]
+      }),
+      members.length > 0 && /* @__PURE__ */ jsxs9("section", {
+        children: [
+          /* @__PURE__ */ jsx10("h2", {
+            className: "text-xl font-semibold mb-2",
+            children: "Members"
+          }),
+          /* @__PURE__ */ jsx10("div", {
+            className: "overflow-x-auto",
+            children: /* @__PURE__ */ jsxs9("table", {
+              className: "w-full text-sm border-collapse",
+              children: [
+                /* @__PURE__ */ jsx10("thead", {
+                  children: /* @__PURE__ */ jsxs9("tr", {
+                    className: "border-b border-border",
+                    children: [
+                      /* @__PURE__ */ jsx10("th", {
+                        className: "text-left py-2 px-3 font-medium text-muted-foreground",
+                        children: "Name"
+                      }),
+                      /* @__PURE__ */ jsx10("th", {
+                        className: "text-left py-2 px-3 font-medium text-muted-foreground",
+                        children: "Value"
+                      }),
+                      /* @__PURE__ */ jsx10("th", {
+                        className: "text-left py-2 px-3 font-medium text-muted-foreground",
+                        children: "Description"
+                      })
+                    ]
+                  })
+                }),
+                /* @__PURE__ */ jsx10("tbody", {
+                  children: members.map((member, index) => {
+                    const value = member.schema !== undefined ? typeof member.schema === "object" && member.schema !== null ? member.schema.const ?? member.schema.default ?? "-" : member.schema : "-";
+                    return /* @__PURE__ */ jsxs9("tr", {
+                      className: "border-b border-border last:border-0",
+                      children: [
+                        /* @__PURE__ */ jsx10("td", {
+                          className: "py-2 px-3 align-top",
+                          children: /* @__PURE__ */ jsx10("code", {
+                            className: "text-primary font-mono text-xs bg-secondary px-1.5 py-0.5 rounded",
+                            children: member.name
+                          })
+                        }),
+                        /* @__PURE__ */ jsx10("td", {
+                          className: "py-2 px-3 align-top",
+                          children: /* @__PURE__ */ jsx10("code", {
+                            className: "font-mono text-xs text-muted-foreground",
+                            children: String(value)
+                          })
+                        }),
+                        /* @__PURE__ */ jsx10("td", {
+                          className: "py-2 px-3 align-top text-muted-foreground",
+                          children: member.description ?? ""
+                        })
+                      ]
+                    }, member.name ?? index);
+                  })
+                })
+              ]
             })
           })
         ]
       }),
-      /* @__PURE__ */ jsx12("div", {
-        className: "bg-background",
-        children: activeTab?.content
+      hasExamples && /* @__PURE__ */ jsxs9("section", {
+        children: [
+          /* @__PURE__ */ jsx10("h2", {
+            className: "text-xl font-semibold mb-2",
+            children: "Examples"
+          }),
+          exp.examples.map((example, index) => {
+            const code = typeof example === "string" ? example : example.code;
+            return /* @__PURE__ */ jsx10("div", {
+              className: "mb-4",
+              children: renderExample ? renderExample(code, `${exp.name.toLowerCase()}-${index}.ts`) : /* @__PURE__ */ jsx10("pre", {
+                className: "rounded-lg border border-border bg-secondary p-4 overflow-x-auto",
+                children: /* @__PURE__ */ jsx10("code", {
+                  className: "font-mono text-sm text-foreground",
+                  children: code
+                })
+              })
+            }, index);
+          })
+        ]
       })
     ]
   });
 }
 
-// src/components/styled/ImportSection.tsx
-import { useState as useState5 } from "react";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+// src/components/styled/ExportIndexPage.tsx
+import { cn as cn4 } from "@doccov/ui/lib/utils";
+import { useState as useState6, useMemo } from "react";
+
+// src/components/styled/ExportCard.tsx
+var import_link3 = __toESM(require_link(), 1);
+import { cn as cn3 } from "@doccov/ui/lib/utils";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 
-function ImportSection({
-  importStatement,
+var KIND_COLORS = {
+  function: "group-hover:text-blue-600 dark:group-hover:text-blue-400",
+  class: "group-hover:text-purple-600 dark:group-hover:text-purple-400",
+  interface: "group-hover:text-green-600 dark:group-hover:text-green-400",
+  type: "group-hover:text-amber-600 dark:group-hover:text-amber-400",
+  enum: "group-hover:text-rose-600 dark:group-hover:text-rose-400",
+  variable: "group-hover:text-cyan-600 dark:group-hover:text-cyan-400"
+};
+var KIND_BADGE_COLORS = {
+  function: "bg-blue-500/10 text-blue-600 dark:text-blue-400",
+  class: "bg-purple-500/10 text-purple-600 dark:text-purple-400",
+  interface: "bg-green-500/10 text-green-600 dark:text-green-400",
+  type: "bg-amber-500/10 text-amber-600 dark:text-amber-400",
+  enum: "bg-rose-500/10 text-rose-600 dark:text-rose-400",
+  variable: "bg-cyan-500/10 text-cyan-600 dark:text-cyan-400"
+};
+function ExportCard({
+  name,
+  description,
+  href,
+  kind = "function",
   className
 }) {
-  const [copied, setCopied] = useState5(false);
-  const handleCopy = () => {
-    navigator.clipboard.writeText(importStatement);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 1200);
-  };
-  return /* @__PURE__ */ jsxs12("div", {
-    className: cn("group flex items-center justify-between gap-3", "rounded-lg border border-border bg-muted/30 px-4 py-3", className),
+  const isFunction = kind === "function";
+  const hoverColor = KIND_COLORS[kind];
+  const badgeColor = KIND_BADGE_COLORS[kind];
+  return /* @__PURE__ */ jsxs10(import_link3.default, {
+    href,
+    className: cn3("group block rounded-lg border border-border bg-card/50 p-4", "transition-all duration-200 ease-out", "hover:border-primary/30 hover:bg-card hover:shadow-lg hover:shadow-primary/5", "hover:-translate-y-1", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className),
     children: [
-      /* @__PURE__ */ jsx13("code", {
-        className: "font-mono text-sm text-foreground overflow-x-auto",
-        children: importStatement
+      /* @__PURE__ */ jsxs10("div", {
+        className: "flex items-center gap-2 mb-2",
+        children: [
+          /* @__PURE__ */ jsx11("span", {
+            className: cn3("font-mono text-base font-medium text-foreground transition-colors duration-200", hoverColor),
+            children: name
+          }),
+          isFunction && /* @__PURE__ */ jsx11("span", {
+            className: "font-mono text-base text-muted-foreground",
+            children: "()"
+          }),
+          /* @__PURE__ */ jsx11("span", {
+            className: cn3("ml-auto text-xs px-2 py-0.5 rounded-full font-medium", badgeColor),
+            children: kind
+          })
+        ]
       }),
-      /* @__PURE__ */ jsx13("button", {
-        type: "button",
-        onClick: handleCopy,
-        className: cn("shrink-0 p-1.5 rounded", "text-muted-foreground hover:text-foreground", "opacity-0 group-hover:opacity-100 transition-opacity duration-200", "cursor-pointer"),
-        "aria-label": "Copy import statement",
-        children: copied ? /* @__PURE__ */ jsx13(Check, {
-          size: 16
-        }) : /* @__PURE__ */ jsx13(Copy, {
-          size: 16
-        })
+      description && /* @__PURE__ */ jsx11("p", {
+        className: "text-sm text-muted-foreground line-clamp-2 leading-relaxed group-hover:text-muted-foreground/80 transition-colors",
+        children: description
       })
     ]
   });
 }
 
-// src/components/styled/ParameterItem.tsx
-import { useState as useState6 } from "react";
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+// src/components/styled/ExportIndexPage.tsx
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 
-function getNestedProperties2(schema) {
-  if (!schema || typeof schema !== "object")
-    return null;
-  const s = schema;
-  if (s.type === "object" && s.properties && typeof s.properties === "object") {
-    return s.properties;
-  }
-  return null;
-}
-function getRequiredFields2(schema) {
-  if (!schema || typeof schema !== "object")
-    return [];
-  const s = schema;
-  if (Array.isArray(s.required)) {
-    return s.required;
+var KIND_ORDER = ["function", "class", "interface", "type", "enum", "variable"];
+var KIND_LABELS = {
+  function: "Functions",
+  class: "Classes",
+  interface: "Interfaces",
+  type: "Types",
+  enum: "Enums",
+  variable: "Variables"
+};
+function groupByKind(exports) {
+  const groups = new Map;
+  for (const exp of exports) {
+    const kind = exp.kind || "variable";
+    const normalizedKind = KIND_ORDER.includes(kind) ? kind : "variable";
+    const list = groups.get(normalizedKind) || [];
+    list.push(exp);
+    groups.set(normalizedKind, list);
   }
-  return [];
-}
-function countProperties2(schema) {
-  const props = getNestedProperties2(schema);
-  return props ? Object.keys(props).length : 0;
-}
-function NestedPropertyItem({
-  name,
-  schema,
-  required = false,
-  depth = 0
-}) {
-  const [expanded, setExpanded] = useState6(false);
-  const type = formatSchema(schema);
-  const nestedProps = getNestedProperties2(schema);
-  const nestedCount = countProperties2(schema);
-  const hasNested = nestedCount > 0;
-  const schemaObj = schema;
-  const description = schemaObj?.description;
-  return /* @__PURE__ */ jsxs13("div", {
-    className: cn("border-t border-border first:border-t-0", depth > 0 && "ml-4"),
-    children: [
-      /* @__PURE__ */ jsx14("div", {
-        className: "py-3",
-        children: /* @__PURE__ */ jsxs13("div", {
-          className: "flex items-start gap-2",
-          children: [
-            hasNested && /* @__PURE__ */ jsx14("button", {
-              type: "button",
-              onClick: () => setExpanded(!expanded),
-              className: "mt-0.5 p-0.5 text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
-              "aria-label": expanded ? "Collapse" : "Expand",
-              children: /* @__PURE__ */ jsx14(ChevronRight, {
-                size: 14,
-                className: cn("transition-transform duration-200", expanded && "rotate-90")
-              })
-            }),
-            !hasNested && /* @__PURE__ */ jsx14("div", {
-              className: "w-5"
-            }),
-            /* @__PURE__ */ jsxs13("div", {
-              className: "flex-1 min-w-0",
-              children: [
-                /* @__PURE__ */ jsxs13("div", {
-                  className: "flex items-baseline gap-2 flex-wrap",
-                  children: [
-                    /* @__PURE__ */ jsxs13("span", {
-                      className: "font-mono text-sm text-foreground",
-                      children: [
-                        name,
-                        !required && /* @__PURE__ */ jsx14("span", {
-                          className: "text-muted-foreground",
-                          children: "?"
-                        })
-                      ]
-                    }),
-                    /* @__PURE__ */ jsx14("span", {
-                      className: "font-mono text-sm text-muted-foreground",
-                      children: hasNested ? "object" : type
-                    }),
-                    hasNested && /* @__PURE__ */ jsxs13("button", {
-                      type: "button",
-                      onClick: () => setExpanded(!expanded),
-                      className: "text-xs text-primary hover:underline cursor-pointer",
-                      children: [
-                        nestedCount,
-                        " ",
-                        nestedCount === 1 ? "property" : "properties"
-                      ]
-                    })
-                  ]
-                }),
-                description && /* @__PURE__ */ jsx14("p", {
-                  className: "text-sm text-muted-foreground mt-1",
-                  children: description
-                })
-              ]
-            })
-          ]
-        })
-      }),
-      hasNested && expanded && nestedProps && /* @__PURE__ */ jsx14("div", {
-        className: "border-l border-border ml-2",
-        children: Object.entries(nestedProps).map(([propName, propSchema]) => /* @__PURE__ */ jsx14(NestedPropertyItem, {
-          name: propName,
-          schema: propSchema,
-          required: getRequiredFields2(schema).includes(propName),
-          depth: depth + 1
-        }, propName))
-      })
-    ]
-  });
+  return KIND_ORDER.filter((kind) => groups.has(kind)).map((kind) => ({
+    kind,
+    label: KIND_LABELS[kind],
+    exports: groups.get(kind).sort((a, b) => a.name.localeCompare(b.name))
+  }));
 }
-function ParameterItem({
-  param,
-  depth = 0,
-  className
+function ExportIndexPage({
+  spec,
+  baseHref,
+  description,
+  className,
+  showSearch = true,
+  showFilters = true
 }) {
-  const [expanded, setExpanded] = useState6(false);
-  const type = formatSchema(param.schema);
-  const isRequired = param.required !== false;
-  const nestedProps = getNestedProperties2(param.schema);
-  const nestedCount = countProperties2(param.schema);
-  const hasNested = nestedCount > 0;
-  return /* @__PURE__ */ jsxs13("div", {
-    className: cn("border-b border-border last:border-b-0", className),
+  const [searchQuery, setSearchQuery] = useState6("");
+  const [activeFilter, setActiveFilter] = useState6("all");
+  if (false) {}
+  const allGroups = useMemo(() => groupByKind(spec.exports), [spec.exports]);
+  const filteredGroups = useMemo(() => {
+    const query = searchQuery.toLowerCase().trim();
+    return allGroups.filter((group) => activeFilter === "all" || group.kind === activeFilter).map((group) => ({
+      ...group,
+      exports: group.exports.filter((exp) => {
+        if (!query)
+          return true;
+        return exp.name.toLowerCase().includes(query) || exp.description?.toLowerCase().includes(query);
+      })
+    })).filter((group) => group.exports.length > 0);
+  }, [allGroups, searchQuery, activeFilter]);
+  const availableKinds = useMemo(() => allGroups.map((g) => g.kind), [allGroups]);
+  const totalExports = filteredGroups.reduce((sum, g) => sum + g.exports.length, 0);
+  return /* @__PURE__ */ jsxs11("div", {
+    className: cn4("space-y-8 not-prose", className),
     children: [
-      /* @__PURE__ */ jsx14("div", {
-        className: "py-3",
-        children: /* @__PURE__ */ jsxs13("div", {
-          className: "flex items-start gap-2",
-          children: [
-            hasNested && /* @__PURE__ */ jsx14("button", {
-              type: "button",
-              onClick: () => setExpanded(!expanded),
-              className: "mt-0.5 p-0.5 text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
-              "aria-label": expanded ? "Collapse" : "Expand",
-              children: /* @__PURE__ */ jsx14(ChevronRight, {
-                size: 14,
-                className: cn("transition-transform duration-200", expanded && "rotate-90")
+      /* @__PURE__ */ jsxs11("div", {
+        children: [
+          /* @__PURE__ */ jsx12("h1", {
+            className: "text-3xl font-bold text-foreground mb-3",
+            children: spec.meta.name || "API Reference"
+          }),
+          (description || spec.meta.description) && /* @__PURE__ */ jsx12("p", {
+            className: "text-muted-foreground text-lg leading-relaxed max-w-3xl",
+            children: description || spec.meta.description
+          })
+        ]
+      }),
+      (showSearch || showFilters) && /* @__PURE__ */ jsxs11("div", {
+        className: "space-y-4",
+        children: [
+          showSearch && /* @__PURE__ */ jsxs11("div", {
+            className: "relative max-w-md",
+            children: [
+              /* @__PURE__ */ jsx12(Search, {
+                size: 18,
+                className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"
+              }),
+              /* @__PURE__ */ jsx12("input", {
+                type: "text",
+                placeholder: "Search exports...",
+                value: searchQuery,
+                onChange: (e) => setSearchQuery(e.target.value),
+                className: cn4("w-full pl-10 pr-4 py-2 rounded-lg", "border border-border bg-background", "text-sm text-foreground placeholder:text-muted-foreground", "focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent", "transition-shadow")
               })
-            }),
-            !hasNested && /* @__PURE__ */ jsx14("div", {
-              className: "w-5"
-            }),
-            /* @__PURE__ */ jsxs13("div", {
-              className: "flex-1 min-w-0",
-              children: [
-                /* @__PURE__ */ jsxs13("div", {
-                  className: "flex items-baseline gap-2 flex-wrap",
-                  children: [
-                    /* @__PURE__ */ jsx14("span", {
-                      className: "font-mono text-sm font-medium text-foreground",
-                      children: param.name
-                    }),
-                    isRequired && /* @__PURE__ */ jsx14("span", {
-                      className: "text-[10px] font-semibold px-1.5 py-0.5 rounded border border-border bg-muted text-muted-foreground uppercase tracking-wide",
-                      children: "Required"
-                    }),
-                    /* @__PURE__ */ jsx14("span", {
-                      className: "font-mono text-sm text-muted-foreground",
-                      children: hasNested ? "object" : type
-                    }),
-                    hasNested && /* @__PURE__ */ jsxs13("button", {
-                      type: "button",
-                      onClick: () => setExpanded(!expanded),
-                      className: "text-xs text-primary hover:underline cursor-pointer",
-                      children: [
-                        nestedCount,
-                        " ",
-                        nestedCount === 1 ? "property" : "properties"
-                      ]
-                    })
-                  ]
-                }),
-                param.description && /* @__PURE__ */ jsx14("p", {
-                  className: "text-sm text-muted-foreground mt-1",
-                  children: param.description
-                })
-              ]
-            })
-          ]
-        })
+            ]
+          }),
+          showFilters && availableKinds.length > 1 && /* @__PURE__ */ jsxs11("div", {
+            className: "flex flex-wrap gap-2",
+            children: [
+              /* @__PURE__ */ jsx12("button", {
+                type: "button",
+                onClick: () => setActiveFilter("all"),
+                className: cn4("px-3 py-1.5 text-sm rounded-md transition-all cursor-pointer", activeFilter === "all" ? "bg-primary text-primary-foreground font-medium" : "bg-muted text-muted-foreground hover:bg-muted/80 hover:text-foreground"),
+                children: "All"
+              }),
+              availableKinds.map((kind) => /* @__PURE__ */ jsx12("button", {
+                type: "button",
+                onClick: () => setActiveFilter(kind),
+                className: cn4("px-3 py-1.5 text-sm rounded-md transition-all cursor-pointer", activeFilter === kind ? "bg-primary text-primary-foreground font-medium" : "bg-muted text-muted-foreground hover:bg-muted/80 hover:text-foreground"),
+                children: KIND_LABELS[kind]
+              }, kind))
+            ]
+          })
+        ]
       }),
-      hasNested && expanded && nestedProps && /* @__PURE__ */ jsx14("div", {
-        className: "border-l border-border ml-2 mb-3",
-        children: Object.entries(nestedProps).map(([propName, propSchema]) => /* @__PURE__ */ jsx14(NestedPropertyItem, {
-          name: propName,
-          schema: propSchema,
-          required: getRequiredFields2(param.schema).includes(propName),
-          depth: depth + 1
-        }, propName))
+      (searchQuery || activeFilter !== "all") && /* @__PURE__ */ jsxs11("p", {
+        className: "text-sm text-muted-foreground",
+        children: [
+          totalExports,
+          " ",
+          totalExports === 1 ? "result" : "results",
+          searchQuery && ` for "${searchQuery}"`
+        ]
+      }),
+      filteredGroups.map((group) => /* @__PURE__ */ jsxs11("section", {
+        children: [
+          /* @__PURE__ */ jsx12("h2", {
+            className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground mb-4",
+            children: group.label
+          }),
+          /* @__PURE__ */ jsx12("div", {
+            className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+            children: group.exports.map((exp) => /* @__PURE__ */ jsx12(ExportCard, {
+              name: exp.name,
+              description: exp.description,
+              href: `${baseHref}/${group.kind}s/${exp.id}`,
+              kind: exp.kind
+            }, exp.id))
+          })
+        ]
+      }, group.kind)),
+      filteredGroups.length === 0 && /* @__PURE__ */ jsxs11("div", {
+        className: "rounded-lg border border-border bg-card/50 p-8 text-center",
+        children: [
+          /* @__PURE__ */ jsx12("p", {
+            className: "text-muted-foreground",
+            children: searchQuery || activeFilter !== "all" ? "No exports match your search." : "No exports found in this package."
+          }),
+          (searchQuery || activeFilter !== "all") && /* @__PURE__ */ jsx12("button", {
+            type: "button",
+            onClick: () => {
+              setSearchQuery("");
+              setActiveFilter("all");
+            },
+            className: "mt-3 text-sm text-primary hover:underline cursor-pointer",
+            children: "Clear filters"
+          })
+        ]
       })
     ]
   });
 }
 
 // src/components/styled/FunctionPage.tsx
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { cn as cn5 } from "@doccov/ui/lib/utils";
+import { CodeTabs as CodeTabs2, ImportSection as ImportSection2 } from "@doccov/ui/api";
+import { useState as useState7 } from "react";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 
 function FunctionPage({
   export: exp,
@@ -24264,7 +23107,7 @@ function FunctionPage({
   const sig = exp.signatures?.[0];
   const hasExamples = exp.examples && exp.examples.length > 0;
   const hasParams = sig?.parameters && sig.parameters.length > 0;
-  const packageName = spec.name || "package";
+  const packageName = spec.meta.name || "package";
   const importStatement = `import { ${exp.name} } from '${packageName}'`;
   const handleCopyName = () => {
     navigator.clipboard.writeText(exp.name);
@@ -24278,89 +23121,95 @@ function FunctionPage({
     return {
       label: title,
       code,
-      content: renderExample ? renderExample(code, filename) : /* @__PURE__ */ jsx15("pre", {
+      content: renderExample ? renderExample(code, filename) : /* @__PURE__ */ jsx13("pre", {
         className: "p-4 overflow-x-auto",
-        children: /* @__PURE__ */ jsx15("code", {
+        children: /* @__PURE__ */ jsx13("code", {
           className: "font-mono text-sm text-foreground",
           children: code
         })
       })
     };
   }) : [];
-  return /* @__PURE__ */ jsxs14("div", {
-    className: "space-y-6 not-prose",
+  return /* @__PURE__ */ jsxs12("div", {
+    className: "doccov-function-page not-prose",
     children: [
-      /* @__PURE__ */ jsxs14("div", {
-        className: "flex items-center gap-3",
+      /* @__PURE__ */ jsxs12("header", {
+        className: "mb-6",
         children: [
-          /* @__PURE__ */ jsxs14("h1", {
-            className: "font-mono text-2xl font-semibold text-foreground",
+          /* @__PURE__ */ jsxs12("div", {
+            className: "flex items-center gap-3",
             children: [
-              exp.name,
-              /* @__PURE__ */ jsx15("span", {
-                className: "text-muted-foreground",
-                children: "()"
+              /* @__PURE__ */ jsxs12("h1", {
+                className: "font-mono text-3xl font-bold text-foreground tracking-tight",
+                children: [
+                  exp.name,
+                  /* @__PURE__ */ jsx13("span", {
+                    className: "text-muted-foreground font-normal",
+                    children: "()"
+                  })
+                ]
+              }),
+              /* @__PURE__ */ jsx13("button", {
+                type: "button",
+                onClick: handleCopyName,
+                className: cn5("p-1.5 rounded-md", "text-muted-foreground hover:text-foreground hover:bg-muted/50", "transition-all cursor-pointer"),
+                "aria-label": "Copy function name",
+                children: copied ? /* @__PURE__ */ jsx13(Check, {
+                  size: 18
+                }) : /* @__PURE__ */ jsx13(Copy, {
+                  size: 18
+                })
               })
             ]
           }),
-          /* @__PURE__ */ jsx15("button", {
-            type: "button",
-            onClick: handleCopyName,
-            className: cn("p-1.5 rounded", "text-muted-foreground hover:text-foreground", "transition-colors cursor-pointer"),
-            "aria-label": "Copy function name",
-            children: copied ? /* @__PURE__ */ jsx15(Check, {
-              size: 16
-            }) : /* @__PURE__ */ jsx15(Copy, {
-              size: 16
-            })
+          exp.description && /* @__PURE__ */ jsx13("p", {
+            className: "mt-4 text-muted-foreground leading-relaxed text-base max-w-2xl",
+            children: exp.description
           })
         ]
       }),
-      exp.description && /* @__PURE__ */ jsx15("p", {
-        className: "text-muted-foreground leading-relaxed text-base",
-        children: exp.description
-      }),
-      /* @__PURE__ */ jsx15(ImportSection, {
-        importStatement
-      }),
-      /* @__PURE__ */ jsxs14("div", {
-        className: cn("grid gap-8", hasExamples ? "lg:grid-cols-2" : "grid-cols-1"),
+      /* @__PURE__ */ jsxs12("div", {
+        className: cn5("grid gap-8 xl:gap-12", hasExamples ? "lg:grid-cols-[1fr,minmax(0,420px)]" : "grid-cols-1"),
         children: [
-          /* @__PURE__ */ jsxs14("div", {
-            className: "space-y-8",
+          /* @__PURE__ */ jsxs12("div", {
+            className: "min-w-0 space-y-8",
             children: [
-              hasParams && /* @__PURE__ */ jsxs14("section", {
+              /* @__PURE__ */ jsx13(ImportSection2, {
+                importStatement
+              }),
+              hasParams && /* @__PURE__ */ jsxs12("section", {
                 children: [
-                  /* @__PURE__ */ jsx15("h2", {
-                    className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground mb-4",
+                  /* @__PURE__ */ jsx13("h2", {
+                    className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground mb-4",
                     children: "Parameters"
                   }),
-                  /* @__PURE__ */ jsx15("div", {
-                    className: "rounded-lg border border-border bg-card/50",
-                    children: sig.parameters.map((param, index) => /* @__PURE__ */ jsx15(ParameterItem, {
-                      param
+                  /* @__PURE__ */ jsx13("div", {
+                    className: "rounded-lg border border-border bg-card/50 divide-y divide-border",
+                    children: sig.parameters.map((param, index) => /* @__PURE__ */ jsx13(ParameterItem, {
+                      param,
+                      className: "px-4"
                     }, param.name ?? index))
                   })
                 ]
               }),
-              sig?.returns && /* @__PURE__ */ jsxs14("section", {
+              sig?.returns && /* @__PURE__ */ jsxs12("section", {
                 children: [
-                  /* @__PURE__ */ jsx15("h2", {
-                    className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground mb-4",
+                  /* @__PURE__ */ jsx13("h2", {
+                    className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground mb-4",
                     children: "Returns"
                   }),
-                  /* @__PURE__ */ jsxs14("div", {
+                  /* @__PURE__ */ jsxs12("div", {
                     className: "rounded-lg border border-border bg-card/50 p-4",
                     children: [
-                      /* @__PURE__ */ jsx15("div", {
+                      /* @__PURE__ */ jsx13("div", {
                         className: "flex items-baseline gap-2 mb-2",
-                        children: /* @__PURE__ */ jsx15("span", {
-                          className: "font-mono text-sm text-foreground",
+                        children: /* @__PURE__ */ jsx13("span", {
+                          className: "font-mono text-sm font-medium text-foreground",
                           children: formatSchema(sig.returns.schema)
                         })
                       }),
-                      sig.returns.description && /* @__PURE__ */ jsx15("p", {
-                        className: "text-sm text-muted-foreground",
+                      sig.returns.description && /* @__PURE__ */ jsx13("p", {
+                        className: "text-sm text-muted-foreground leading-relaxed",
                         children: sig.returns.description
                       })
                     ]
@@ -24369,20 +23218,15 @@ function FunctionPage({
               })
             ]
           }),
-          hasExamples && /* @__PURE__ */ jsxs14("div", {
-            className: "lg:sticky lg:top-20 lg:self-start",
-            children: [
-              /* @__PURE__ */ jsx15("h2", {
-                className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground mb-4",
-                children: "Examples"
-              }),
-              codeTabs.length === 1 ? /* @__PURE__ */ jsx15("div", {
-                className: "rounded-lg border border-border overflow-hidden bg-background",
-                children: codeTabs[0].content
-              }) : /* @__PURE__ */ jsx15(CodeTabs, {
-                tabs: codeTabs
-              })
-            ]
+          hasExamples && /* @__PURE__ */ jsx13("aside", {
+            className: "lg:sticky lg:top-16 lg:self-start lg:max-h-[calc(100vh-6rem)] lg:overflow-y-auto",
+            children: codeTabs.length === 1 ? /* @__PURE__ */ jsx13("div", {
+              className: "rounded-lg border border-border overflow-hidden bg-background",
+              children: codeTabs[0].content
+            }) : /* @__PURE__ */ jsx13(CodeTabs2, {
+              tabs: codeTabs,
+              sticky: true
+            })
           })
         ]
       })
@@ -24391,41 +23235,81 @@ function FunctionPage({
 }
 
 // src/components/styled/InterfacePage.tsx
-import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { cn as cn6 } from "@doccov/ui/lib/utils";
+import { CodeTabs as CodeTabs3, ImportSection as ImportSection3 } from "@doccov/ui/api";
+import { useState as useState8 } from "react";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 
 function InterfacePage({
   export: exp,
   spec,
   renderExample
 }) {
+  const [copied, setCopied] = useState8(false);
   const properties = exp.members?.filter((m) => m.kind === "property" || m.kind === "field" || !m.kind);
   const methods = exp.members?.filter((m) => m.kind === "method" || m.kind === "function");
   const hasExamples = exp.examples && exp.examples.length > 0;
-  const signature = buildSignatureString(exp);
-  return /* @__PURE__ */ jsxs15("div", {
-    className: "space-y-6",
+  const packageName = spec.meta.name || "package";
+  const importStatement = `import type { ${exp.name} } from '${packageName}'`;
+  const handleCopyName = () => {
+    navigator.clipboard.writeText(exp.name);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1200);
+  };
+  const codeTabs = hasExamples ? exp.examples.map((example, index) => {
+    const code = typeof example === "string" ? example : example.code;
+    const title = typeof example === "string" ? `Example ${index + 1}` : example.title || `Example ${index + 1}`;
+    const filename = `${exp.name.toLowerCase().replace(/[^a-z0-9]/g, "-")}-${index + 1}.ts`;
+    return {
+      label: title,
+      code,
+      content: renderExample ? renderExample(code, filename) : /* @__PURE__ */ jsx14("pre", {
+        className: "p-4 overflow-x-auto",
+        children: /* @__PURE__ */ jsx14("code", {
+          className: "font-mono text-sm text-foreground",
+          children: code
+        })
+      })
+    };
+  }) : [];
+  return /* @__PURE__ */ jsxs13("div", {
+    className: "doccov-interface-page not-prose",
     children: [
-      exp.description && /* @__PURE__ */ jsx16("p", {
-        className: "text-muted-foreground text-base leading-relaxed",
-        children: exp.description
-      }),
-      /* @__PURE__ */ jsxs15("section", {
+      /* @__PURE__ */ jsxs13("header", {
+        className: "mb-6",
         children: [
-          /* @__PURE__ */ jsx16("h2", {
-            className: "text-xl font-semibold mb-2",
-            children: "Declaration"
+          /* @__PURE__ */ jsxs13("div", {
+            className: "flex items-center gap-3",
+            children: [
+              /* @__PURE__ */ jsx14("span", {
+                className: cn6("text-xs px-2 py-0.5 rounded-full font-medium", exp.kind === "type" ? "bg-amber-500/10 text-amber-600 dark:text-amber-400" : "bg-green-500/10 text-green-600 dark:text-green-400"),
+                children: exp.kind === "type" ? "type" : "interface"
+              }),
+              /* @__PURE__ */ jsx14("h1", {
+                className: "font-mono text-3xl font-bold text-foreground tracking-tight",
+                children: exp.name
+              }),
+              /* @__PURE__ */ jsx14("button", {
+                type: "button",
+                onClick: handleCopyName,
+                className: cn6("p-1.5 rounded-md", "text-muted-foreground hover:text-foreground hover:bg-muted/50", "transition-all cursor-pointer"),
+                "aria-label": "Copy type name",
+                children: copied ? /* @__PURE__ */ jsx14(Check, {
+                  size: 18
+                }) : /* @__PURE__ */ jsx14(Copy, {
+                  size: 18
+                })
+              })
+            ]
           }),
-          /* @__PURE__ */ jsx16("div", {
-            className: "rounded-lg border border-border bg-muted/30 p-4 overflow-x-auto",
-            children: /* @__PURE__ */ jsx16("code", {
-              className: "font-mono text-sm text-foreground",
-              children: signature
-            })
+          exp.description && /* @__PURE__ */ jsx14("p", {
+            className: "mt-4 text-muted-foreground leading-relaxed text-base max-w-2xl",
+            children: exp.description
           }),
-          exp.deprecated && /* @__PURE__ */ jsxs15("div", {
-            className: "mt-2 rounded-md bg-yellow-500/10 border border-yellow-500/20 px-3 py-2 text-sm text-yellow-600 dark:text-yellow-400",
+          exp.deprecated && /* @__PURE__ */ jsxs13("div", {
+            className: "mt-4 rounded-md bg-yellow-500/10 border border-yellow-500/20 px-3 py-2 text-sm text-yellow-600 dark:text-yellow-400",
             children: [
-              /* @__PURE__ */ jsx16("strong", {
+              /* @__PURE__ */ jsx14("strong", {
                 children: "Deprecated:"
               }),
               " This export is deprecated."
@@ -24433,145 +23317,131 @@ function InterfacePage({
           })
         ]
       }),
-      exp.extends && /* @__PURE__ */ jsxs15("section", {
-        children: [
-          /* @__PURE__ */ jsx16("h2", {
-            className: "text-xl font-semibold mb-2",
-            children: "Extends"
-          }),
-          /* @__PURE__ */ jsx16("div", {
-            className: "rounded-lg border border-border bg-card p-4",
-            children: /* @__PURE__ */ jsx16("code", {
-              className: "font-mono text-sm text-primary",
-              children: exp.extends
-            })
-          })
-        ]
-      }),
-      properties && properties.length > 0 && /* @__PURE__ */ jsxs15("section", {
+      /* @__PURE__ */ jsxs13("div", {
+        className: cn6("grid gap-8 xl:gap-12", hasExamples ? "lg:grid-cols-[1fr,minmax(0,420px)]" : "grid-cols-1"),
         children: [
-          /* @__PURE__ */ jsx16("h2", {
-            className: "text-xl font-semibold mb-2",
-            children: "Properties"
-          }),
-          /* @__PURE__ */ jsx16("div", {
-            className: "overflow-x-auto",
-            children: /* @__PURE__ */ jsxs15("table", {
-              className: "w-full text-sm border-collapse",
-              children: [
-                /* @__PURE__ */ jsx16("thead", {
-                  children: /* @__PURE__ */ jsxs15("tr", {
-                    className: "border-b border-border",
-                    children: [
-                      /* @__PURE__ */ jsx16("th", {
-                        className: "text-left py-2 px-3 font-medium text-muted-foreground",
-                        children: "Name"
-                      }),
-                      /* @__PURE__ */ jsx16("th", {
-                        className: "text-left py-2 px-3 font-medium text-muted-foreground",
-                        children: "Type"
-                      }),
-                      /* @__PURE__ */ jsx16("th", {
-                        className: "text-left py-2 px-3 font-medium text-muted-foreground",
-                        children: "Description"
-                      })
-                    ]
+          /* @__PURE__ */ jsxs13("div", {
+            className: "min-w-0 space-y-8",
+            children: [
+              /* @__PURE__ */ jsx14(ImportSection3, {
+                importStatement
+              }),
+              exp.extends && /* @__PURE__ */ jsxs13("section", {
+                children: [
+                  /* @__PURE__ */ jsx14("h2", {
+                    className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground mb-4",
+                    children: "Extends"
+                  }),
+                  /* @__PURE__ */ jsx14("div", {
+                    className: "rounded-lg border border-border bg-card/50 p-4",
+                    children: /* @__PURE__ */ jsx14("code", {
+                      className: "font-mono text-sm text-primary",
+                      children: exp.extends
+                    })
                   })
-                }),
-                /* @__PURE__ */ jsx16("tbody", {
-                  children: properties.map((prop, index) => /* @__PURE__ */ jsxs15("tr", {
-                    className: "border-b border-border last:border-0",
-                    children: [
-                      /* @__PURE__ */ jsx16("td", {
-                        className: "py-2 px-3 align-top",
-                        children: /* @__PURE__ */ jsx16("code", {
-                          className: "text-primary font-mono text-xs bg-secondary px-1.5 py-0.5 rounded",
-                          children: prop.name
-                        })
-                      }),
-                      /* @__PURE__ */ jsx16("td", {
-                        className: "py-2 px-3 align-top",
-                        children: /* @__PURE__ */ jsx16("code", {
-                          className: "font-mono text-xs text-muted-foreground",
-                          children: formatSchema(prop.schema)
-                        })
-                      }),
-                      /* @__PURE__ */ jsx16("td", {
-                        className: "py-2 px-3 align-top text-muted-foreground",
-                        children: prop.description ?? ""
-                      })
-                    ]
-                  }, prop.name ?? index))
-                })
-              ]
-            })
-          })
-        ]
-      }),
-      methods && methods.length > 0 && /* @__PURE__ */ jsxs15("section", {
-        children: [
-          /* @__PURE__ */ jsx16("h2", {
-            className: "text-xl font-semibold mb-2",
-            children: "Methods"
-          }),
-          /* @__PURE__ */ jsx16("div", {
-            className: "space-y-4",
-            children: methods.map((method, index) => {
-              const sig = method.signatures?.[0];
-              const params = sig?.parameters ?? [];
-              const returnType = formatSchema(sig?.returns?.schema);
-              return /* @__PURE__ */ jsxs15("div", {
-                className: "rounded-lg border border-border p-4",
+                ]
+              }),
+              properties && properties.length > 0 && /* @__PURE__ */ jsxs13("section", {
                 children: [
-                  /* @__PURE__ */ jsxs15("code", {
-                    className: "font-mono text-sm text-primary",
-                    children: [
-                      method.name,
-                      "(",
-                      params.map((p) => {
-                        const optional = p.required === false ? "?" : "";
-                        const type = formatSchema(p.schema);
-                        return `${p.name}${optional}: ${type}`;
-                      }).join(", "),
-                      "): ",
-                      returnType
-                    ]
+                  /* @__PURE__ */ jsx14("h2", {
+                    className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground mb-4",
+                    children: "Properties"
                   }),
-                  method.description && /* @__PURE__ */ jsx16("p", {
-                    className: "text-sm text-muted-foreground mt-2",
-                    children: method.description
+                  /* @__PURE__ */ jsx14("div", {
+                    className: "rounded-lg border border-border bg-card/50 divide-y divide-border",
+                    children: properties.map((prop, index) => /* @__PURE__ */ jsx14(ParameterItem, {
+                      param: {
+                        name: prop.name,
+                        schema: prop.schema,
+                        description: prop.description,
+                        required: prop.required
+                      },
+                      className: "px-4"
+                    }, prop.name ?? index))
                   })
                 ]
-              }, method.name ?? index);
-            })
-          })
-        ]
-      }),
-      hasExamples && /* @__PURE__ */ jsxs15("section", {
-        children: [
-          /* @__PURE__ */ jsx16("h2", {
-            className: "text-xl font-semibold mb-2",
-            children: "Examples"
-          }),
-          exp.examples.map((example, index) => {
-            const code = typeof example === "string" ? example : example.code;
-            const title = typeof example === "string" ? undefined : example.title;
-            return /* @__PURE__ */ jsxs15("div", {
-              className: "mb-4",
-              children: [
-                title && /* @__PURE__ */ jsx16("h3", {
-                  className: "text-sm font-medium mb-2",
-                  children: title
-                }),
-                renderExample ? renderExample(code, `${exp.name.toLowerCase()}-${index}.ts`) : /* @__PURE__ */ jsx16("pre", {
-                  className: "rounded-lg border border-border bg-secondary p-4 overflow-x-auto",
-                  children: /* @__PURE__ */ jsx16("code", {
-                    className: "font-mono text-sm text-foreground",
-                    children: code
+              }),
+              methods && methods.length > 0 && /* @__PURE__ */ jsxs13("section", {
+                children: [
+                  /* @__PURE__ */ jsx14("h2", {
+                    className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground mb-4",
+                    children: "Methods"
+                  }),
+                  /* @__PURE__ */ jsx14("div", {
+                    className: "rounded-lg border border-border bg-card/50 divide-y divide-border",
+                    children: methods.map((method, index) => {
+                      const sig = method.signatures?.[0];
+                      const params = sig?.parameters ?? [];
+                      const returnType = formatSchema(sig?.returns?.schema);
+                      return /* @__PURE__ */ jsxs13("div", {
+                        className: "p-4",
+                        children: [
+                          /* @__PURE__ */ jsxs13("code", {
+                            className: "font-mono text-sm text-foreground",
+                            children: [
+                              /* @__PURE__ */ jsx14("span", {
+                                className: "font-medium",
+                                children: method.name
+                              }),
+                              /* @__PURE__ */ jsx14("span", {
+                                className: "text-muted-foreground",
+                                children: "("
+                              }),
+                              params.map((p, i) => /* @__PURE__ */ jsxs13("span", {
+                                children: [
+                                  i > 0 && /* @__PURE__ */ jsx14("span", {
+                                    className: "text-muted-foreground",
+                                    children: ", "
+                                  }),
+                                  /* @__PURE__ */ jsx14("span", {
+                                    className: "text-muted-foreground",
+                                    children: p.name
+                                  }),
+                                  p.required === false && /* @__PURE__ */ jsx14("span", {
+                                    className: "text-muted-foreground",
+                                    children: "?"
+                                  }),
+                                  /* @__PURE__ */ jsx14("span", {
+                                    className: "text-muted-foreground",
+                                    children: ": "
+                                  }),
+                                  /* @__PURE__ */ jsx14("span", {
+                                    className: "text-primary",
+                                    children: formatSchema(p.schema)
+                                  })
+                                ]
+                              }, p.name)),
+                              /* @__PURE__ */ jsx14("span", {
+                                className: "text-muted-foreground",
+                                children: "): "
+                              }),
+                              /* @__PURE__ */ jsx14("span", {
+                                className: "text-primary",
+                                children: returnType
+                              })
+                            ]
+                          }),
+                          method.description && /* @__PURE__ */ jsx14("p", {
+                            className: "text-sm text-muted-foreground mt-2 leading-relaxed",
+                            children: method.description
+                          })
+                        ]
+                      }, method.name ?? index);
+                    })
                   })
-                })
-              ]
-            }, index);
+                ]
+              })
+            ]
+          }),
+          hasExamples && /* @__PURE__ */ jsx14("aside", {
+            className: "lg:sticky lg:top-16 lg:self-start lg:max-h-[calc(100vh-6rem)] lg:overflow-y-auto",
+            children: codeTabs.length === 1 ? /* @__PURE__ */ jsx14("div", {
+              className: "rounded-lg border border-border overflow-hidden bg-background",
+              children: codeTabs[0].content
+            }) : /* @__PURE__ */ jsx14(CodeTabs3, {
+              tabs: codeTabs,
+              sticky: true
+            })
           })
         ]
       })
@@ -24580,7 +23450,7 @@ function InterfacePage({
 }
 
 // src/components/styled/VariablePage.tsx
-import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 
 function VariablePage({
   export: exp,
@@ -24590,16 +23460,16 @@ function VariablePage({
   const typeValue = typeof exp.type === "string" ? exp.type : formatSchema(exp.schema);
   const hasExamples = exp.examples && exp.examples.length > 0;
   const exampleCode = hasExamples ? typeof exp.examples[0] === "string" ? exp.examples[0] : exp.examples[0].code : "";
-  return /* @__PURE__ */ jsxs16("div", {
+  return /* @__PURE__ */ jsxs14("div", {
     className: "space-y-8",
     children: [
-      exp.description && /* @__PURE__ */ jsx17("p", {
+      exp.description && /* @__PURE__ */ jsx15("p", {
         className: "text-muted-foreground text-lg leading-relaxed",
         children: exp.description
       }),
-      /* @__PURE__ */ jsx17("div", {
+      /* @__PURE__ */ jsx15("div", {
         className: "rounded-lg border border-border bg-muted/30 p-4 overflow-x-auto",
-        children: /* @__PURE__ */ jsxs16("code", {
+        children: /* @__PURE__ */ jsxs14("code", {
           className: "font-mono text-sm text-foreground whitespace-pre",
           children: [
             "const ",
@@ -24609,29 +23479,29 @@ function VariablePage({
           ]
         })
       }),
-      exp.deprecated && /* @__PURE__ */ jsxs16("div", {
+      exp.deprecated && /* @__PURE__ */ jsxs14("div", {
         className: "rounded-md bg-yellow-500/10 border border-yellow-500/20 px-3 py-2 text-sm text-yellow-600 dark:text-yellow-400",
         children: [
-          /* @__PURE__ */ jsx17("strong", {
+          /* @__PURE__ */ jsx15("strong", {
             children: "Deprecated:"
           }),
           " This export is deprecated."
         ]
       }),
-      /* @__PURE__ */ jsxs16("div", {
+      /* @__PURE__ */ jsxs14("div", {
         className: `grid gap-8 ${hasExamples ? "lg:grid-cols-2" : "grid-cols-1"}`,
         children: [
-          /* @__PURE__ */ jsx17("div", {
+          /* @__PURE__ */ jsx15("div", {
             className: "space-y-6",
-            children: /* @__PURE__ */ jsxs16("div", {
+            children: /* @__PURE__ */ jsxs14("div", {
               children: [
-                /* @__PURE__ */ jsx17("h3", {
+                /* @__PURE__ */ jsx15("h3", {
                   className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground mb-3",
                   children: "Type"
                 }),
-                /* @__PURE__ */ jsx17("div", {
+                /* @__PURE__ */ jsx15("div", {
                   className: "rounded-lg border border-border bg-card p-4",
-                  children: /* @__PURE__ */ jsx17("code", {
+                  children: /* @__PURE__ */ jsx15("code", {
                     className: "font-mono text-sm text-primary",
                     children: typeValue
                   })
@@ -24639,18 +23509,18 @@ function VariablePage({
               ]
             })
           }),
-          hasExamples && /* @__PURE__ */ jsxs16("div", {
+          hasExamples && /* @__PURE__ */ jsxs14("div", {
             children: [
-              /* @__PURE__ */ jsxs16("h3", {
+              /* @__PURE__ */ jsxs14("h3", {
                 className: "text-sm font-semibold uppercase tracking-wide text-muted-foreground mb-3",
                 children: [
                   exp.name,
                   " usage"
                 ]
               }),
-              renderExample ? renderExample(exampleCode, `${exp.name.toLowerCase()}.ts`) : /* @__PURE__ */ jsx17("pre", {
+              renderExample ? renderExample(exampleCode, `${exp.name.toLowerCase()}.ts`) : /* @__PURE__ */ jsx15("pre", {
                 className: "rounded-lg border border-border bg-muted/30 p-4 overflow-x-auto",
-                children: /* @__PURE__ */ jsx17("code", {
+                children: /* @__PURE__ */ jsx15("code", {
                   className: "font-mono text-sm text-foreground",
                   children: exampleCode
                 })
@@ -24664,16 +23534,16 @@ function VariablePage({
 }
 
 // src/components/styled/APIPage.tsx
-import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 
 function NotFound({ id }) {
-  return /* @__PURE__ */ jsx18("div", {
+  return /* @__PURE__ */ jsx16("div", {
     className: "rounded-lg border border-border bg-card p-6 text-center",
-    children: /* @__PURE__ */ jsxs17("p", {
+    children: /* @__PURE__ */ jsxs15("p", {
       className: "text-muted-foreground",
       children: [
         "Export ",
-        /* @__PURE__ */ jsx18("code", {
+        /* @__PURE__ */ jsx16("code", {
           className: "font-mono text-primary",
           children: id
         }),
@@ -24683,17 +23553,17 @@ function NotFound({ id }) {
   });
 }
 function NoSpec() {
-  return /* @__PURE__ */ jsx18("div", {
+  return /* @__PURE__ */ jsx16("div", {
     className: "rounded-lg border border-red-500/20 bg-red-500/10 p-6 text-center",
-    children: /* @__PURE__ */ jsxs17("p", {
+    children: /* @__PURE__ */ jsxs15("p", {
       className: "text-red-600 dark:text-red-400",
       children: [
         "No spec provided. Pass either ",
-        /* @__PURE__ */ jsx18("code", {
+        /* @__PURE__ */ jsx16("code", {
           children: "spec"
         }),
         " or ",
-        /* @__PURE__ */ jsx18("code", {
+        /* @__PURE__ */ jsx16("code", {
           children: "instance"
         }),
         " prop."
@@ -24711,10 +23581,10 @@ function APIPage({
 }) {
   const resolvedSpec = spec ?? instance?.spec;
   if (!resolvedSpec) {
-    return /* @__PURE__ */ jsx18(NoSpec, {});
+    return /* @__PURE__ */ jsx16(NoSpec, {});
   }
   if (!id) {
-    return /* @__PURE__ */ jsx18(ExportIndexPage, {
+    return /* @__PURE__ */ jsx16(ExportIndexPage, {
       spec: resolvedSpec,
       baseHref,
       description
@@ -24722,31 +23592,31 @@ function APIPage({
   }
   const exp = resolvedSpec.exports.find((e) => e.id === id);
   if (!exp) {
-    return /* @__PURE__ */ jsx18(NotFound, {
+    return /* @__PURE__ */ jsx16(NotFound, {
       id
     });
   }
   const pageProps = { export: exp, spec: resolvedSpec, renderExample };
   switch (exp.kind) {
     case "function":
-      return /* @__PURE__ */ jsx18(FunctionPage, {
+      return /* @__PURE__ */ jsx16(FunctionPage, {
         ...pageProps
       });
     case "class":
-      return /* @__PURE__ */ jsx18(ClassPage, {
+      return /* @__PURE__ */ jsx16(ClassPage, {
         ...pageProps
       });
     case "interface":
     case "type":
-      return /* @__PURE__ */ jsx18(InterfacePage, {
+      return /* @__PURE__ */ jsx16(InterfacePage, {
         ...pageProps
       });
     case "enum":
-      return /* @__PURE__ */ jsx18(EnumPage, {
+      return /* @__PURE__ */ jsx16(EnumPage, {
         ...pageProps
       });
     default:
-      return /* @__PURE__ */ jsx18(VariablePage, {
+      return /* @__PURE__ */ jsx16(VariablePage, {
         ...pageProps
       });
   }
@@ -24767,7 +23637,7 @@ export {
   MembersTable,
   MemberRow,
   InterfacePage,
-  ImportSection,
+  ImportSection4 as ImportSection,
   FunctionPage,
   ExportIndexPage,
   ExportCard,
@@ -24775,7 +23645,7 @@ export {
   ExampleBlock,
   EnumPage,
   CollapsibleMethod,
-  CodeTabs,
+  CodeTabs4 as CodeTabs,
   ClassPage,
   APIPage
 };