fumadocs-ui 10.0.4 → 10.1.0

package/dist/{chunk-CYNHK27D.js → chunk-AVHD2JXX.js}

@@ -23,9 +23,11 @@ var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset
   }
 ) }));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+var PopoverClose2 = PopoverPrimitive.PopoverClose;
 
 export {
   Popover,
   PopoverTrigger,
-  PopoverContent
+  PopoverContent,
+  PopoverClose2 as PopoverClose
 };

package/dist/chunk-SHMZYIS4.js

@@ -0,0 +1,219 @@
+import {
+  useSearchContext
+} from "./chunk-T7VFHVWK.js";
+import {
+  useI18n
+} from "./chunk-YAHHY62W.js";
+import {
+  buttonVariants
+} from "./chunk-7GZKFBAP.js";
+import {
+  twMerge
+} from "./chunk-TK3TM3MR.js";
+
+// src/components/dialog/search.tsx
+import { FileTextIcon, HashIcon, TextIcon } from "lucide-react";
+import { useRouter } from "next/navigation";
+import { useMemo } from "react";
+
+// src/components/ui/command.tsx
+import { Command as CommandPrimitive } from "cmdk";
+import { Search } from "lucide-react";
+import * as React from "react";
+import { DialogClose } from "@radix-ui/react-dialog";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  CommandPrimitive,
+  {
+    ref,
+    className: twMerge("flex max-h-[80vh] flex-col", className),
+    shouldFilter: false,
+    loop: true,
+    ...props
+  }
+));
+Command.displayName = CommandPrimitive.displayName;
+var CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3", children: [
+  /* @__PURE__ */ jsx(Search, { className: "size-4 shrink-0 text-muted-foreground" }),
+  /* @__PURE__ */ jsx(
+    CommandPrimitive.Input,
+    {
+      ref,
+      className: twMerge(
+        "w-full bg-transparent py-3 text-base placeholder:text-muted-foreground focus-visible:outline-none",
+        className
+      ),
+      ...props
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    CommandDialogClose,
+    {
+      className: twMerge(
+        buttonVariants({
+          color: "outline",
+          className: "text-xs p-1.5"
+        })
+      ),
+      children: "Esc"
+    }
+  )
+] }));
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+var CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  CommandPrimitive.List,
+  {
+    ref,
+    className: twMerge("max-h-[460px] overflow-y-auto border-t p-2", className),
+    ...props
+  }
+));
+CommandList.displayName = CommandPrimitive.List.displayName;
+var CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
+  CommandPrimitive.Empty,
+  {
+    ref,
+    className: "py-12 text-center text-sm",
+    ...props
+  }
+));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+var CommandGroup = React.forwardRef(({ className, heading, ...props }, ref) => /* @__PURE__ */ jsx(
+  CommandPrimitive.Group,
+  {
+    ref,
+    heading: heading ? /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-xs font-medium", children: heading }) : void 0,
+    className: twMerge("overflow-hidden", className),
+    ...props
+  }
+));
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+var CommandSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  CommandPrimitive.Separator,
+  {
+    ref,
+    className: twMerge("h-px bg-border", className),
+    ...props
+  }
+));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+var CommandItem = React.forwardRef(({ className, icon, nested = false, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  CommandPrimitive.Item,
+  {
+    ref,
+    className: twMerge(
+      "select-none rounded-lg px-2 text-sm aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-selected:bg-accent aria-selected:text-accent-foreground",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: twMerge(
+          "flex min-h-10 flex-row items-center gap-3",
+          nested && "ms-2 gap-2 border-s ps-4"
+        ),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "text-muted-foreground [&_svg]:size-4", children: icon }),
+          /* @__PURE__ */ jsx("p", { className: "w-0 flex-1 truncate", children })
+        ]
+      }
+    )
+  }
+));
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+var CommandDialog = React.forwardRef(({ footer, contentClassName, overlayClassName, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  CommandPrimitive.Dialog,
+  {
+    ref,
+    shouldFilter: false,
+    loop: true,
+    contentClassName: twMerge(
+      "fixed left-1/2 top-[10vh] z-50 w-[98vw] max-w-screen-sm origin-left -translate-x-1/2 rounded-lg border bg-popover text-popover-foreground shadow-lg data-[state=closed]:animate-dialog-out data-[state=open]:animate-dialog-in",
+      contentClassName
+    ),
+    overlayClassName: twMerge(
+      "fixed inset-0 z-50 bg-background/50 backdrop-blur-sm data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in",
+      overlayClassName
+    ),
+    ...props,
+    children: [
+      children,
+      footer ? /* @__PURE__ */ jsx("div", { className: "mt-auto flex flex-col border-t p-3", children: footer }) : null
+    ]
+  }
+));
+CommandDialog.displayName = CommandPrimitive.Dialog.displayName;
+var CommandDialogClose = DialogClose;
+
+// src/components/dialog/search.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function SearchDialog({
+  open,
+  onOpenChange,
+  footer,
+  links = [],
+  ...props
+}) {
+  const defaultItems = useMemo(
+    () => links.map(([name, link]) => ({
+      type: "page",
+      id: name,
+      content: name,
+      url: link
+    })),
+    [links]
+  );
+  return /* @__PURE__ */ jsx2(CommandDialog, { open, onOpenChange, footer, children: /* @__PURE__ */ jsx2(Search2, { defaultItems, ...props }) });
+}
+var icons = {
+  text: /* @__PURE__ */ jsx2(TextIcon, {}),
+  heading: /* @__PURE__ */ jsx2(HashIcon, {}),
+  page: /* @__PURE__ */ jsx2(FileTextIcon, {})
+};
+function Search2({
+  search,
+  onSearchChange,
+  defaultItems = [],
+  results
+}) {
+  const { text } = useI18n();
+  const router = useRouter();
+  const { setOpenSearch } = useSearchContext();
+  const items = results === "empty" ? defaultItems : results;
+  const hideList = results === "empty" && defaultItems.length === 0;
+  const onOpen = (url) => {
+    router.push(url);
+    setOpenSearch(false);
+  };
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2(
+      CommandInput,
+      {
+        value: search,
+        onValueChange: onSearchChange,
+        placeholder: text.search
+      }
+    ),
+    /* @__PURE__ */ jsxs2(CommandList, { className: twMerge(hideList && "hidden"), children: [
+      /* @__PURE__ */ jsx2(CommandEmpty, { children: text.searchNoResult }),
+      /* @__PURE__ */ jsx2(CommandGroup, { value: "result", children: items.map((item) => /* @__PURE__ */ jsx2(
+        CommandItem,
+        {
+          value: item.id,
+          onSelect: () => {
+            onOpen(item.url);
+          },
+          icon: icons[item.type],
+          nested: item.type !== "page",
+          children: item.content
+        },
+        item.id
+      )) })
+    ] })
+  ] });
+}
+
+export {
+  SearchDialog
+};

package/dist/components/accordion.js

@@ -59,18 +59,20 @@ var Accordion = forwardRef(({ title, className, id, children, ...props }, ref) =
       className: twMerge("group/accordion relative scroll-m-20", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs(
           AccordionPrimitive.Header,
           {
             id,
-            className: "not-prose font-medium text-foreground",
-            children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, { className: "flex w-full items-center gap-2 p-4 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: [
-              /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4 text-muted-foreground transition-transform duration-200 group-data-[state=open]/accordion:rotate-90" }),
-              title
-            ] })
+            className: "not-prose flex flex-row items-center text-start font-medium text-foreground",
+            children: [
+              /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, { className: "flex flex-1 items-center gap-2 p-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: [
+                /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4 text-muted-foreground transition-transform duration-200 group-data-[state=open]/accordion:rotate-90" }),
+                title
+              ] }),
+              id ? /* @__PURE__ */ jsx(CopyButton, { id }) : null
+            ]
           }
         ),
-        id ? /* @__PURE__ */ jsx(CopyButton, { id }) : null,
         /* @__PURE__ */ jsx(AccordionPrimitive.Content, { className: "overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", children: /* @__PURE__ */ jsx("div", { className: "ml-2 p-4 pt-0 prose-no-margin", children }) })
       ]
     }
@@ -90,7 +92,7 @@ function CopyButton({ id }) {
       className: twMerge(
         buttonVariants({
           color: "ghost",
-          className: "absolute top-4 right-4 text-muted-foreground"
+          className: "text-muted-foreground mr-2"
         })
       ),
       onClick,

package/dist/components/api.d.mts

@@ -1,12 +1,12 @@
 import { HTMLAttributes, ReactNode } from 'react';
 
-declare function Root({ children, className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
-declare function API({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
+declare function Root({ children, className, ...props }: HTMLAttributes<HTMLDivElement>): React.ReactElement;
+declare function API({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): React.ReactElement;
 interface APIInfoProps extends HTMLAttributes<HTMLDivElement> {
     method?: string;
     route: string;
 }
-declare function APIInfo({ children, className, method, route, ...props }: APIInfoProps): JSX.Element;
+declare function APIInfo({ children, className, method, route, ...props }: APIInfoProps): React.ReactElement;
 interface PropertyProps {
     name: string;
     type: string;
@@ -14,7 +14,7 @@ interface PropertyProps {
     deprecated: boolean;
     children: ReactNode;
 }
-declare function Property({ name, type, required, deprecated, children, }: PropertyProps): JSX.Element;
-declare function APIExample({ children, className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
+declare function Property({ name, type, required, deprecated, children, }: PropertyProps): React.ReactElement;
+declare function APIExample({ children, className, ...props }: HTMLAttributes<HTMLDivElement>): React.ReactElement;
 
 export { API, APIExample, APIInfo, type APIInfoProps, Property, Root };

package/dist/components/api.js

@@ -96,10 +96,7 @@ function APIExample({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: twMerge(
-        "sticky top-14 h-fit xl:w-[40%] xl:min-w-[400px]",
-        className
-      ),
+      className: twMerge("sticky top-14 h-fit xl:w-2/5 xl:min-w-[400px]", className),
       ...props,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-4 xl:hidden", children: [

package/dist/components/card.d.mts

@@ -1,12 +1,12 @@
 import { LinkProps } from 'fumadocs-core/link';
 import { HTMLAttributes, ReactNode } from 'react';
 
-declare function Cards(props: HTMLAttributes<HTMLDivElement>): JSX.Element;
+declare function Cards(props: HTMLAttributes<HTMLDivElement>): React.ReactElement;
 type CardProps = {
     icon?: ReactNode;
     title: string;
     description: string;
 } & Omit<LinkProps, 'title'>;
-declare function Card({ icon, title, description, ...props }: CardProps): JSX.Element;
+declare function Card({ icon, title, description, ...props }: CardProps): React.ReactElement;
 
 export { Card, type CardProps, Cards };

package/dist/components/dialog/search-algolia.d.mts

@@ -1,16 +1,14 @@
 import { SearchIndex } from 'algoliasearch/lite';
 import { Options } from 'fumadocs-core/search-algolia/client';
 import { ReactNode } from 'react';
-import { SharedProps, SearchLink } from './search.mjs';
+import { SharedProps } from './search.mjs';
 import 'fumadocs-core/search/shared';
 
-type AlgoliaSearchDialogProps = ContentProps & SharedProps;
-interface ContentProps {
+interface AlgoliaSearchDialogProps extends SharedProps {
     index: SearchIndex;
     searchOptions?: Options;
     footer?: ReactNode;
-    links?: SearchLink[];
 }
-declare function AlgoliaSearchDialog({ open, onOpenChange, ...props }: AlgoliaSearchDialogProps): JSX.Element;
+declare function AlgoliaSearchDialog({ index, searchOptions, ...props }: AlgoliaSearchDialogProps): React.ReactElement;
 
 export { type AlgoliaSearchDialogProps, AlgoliaSearchDialog as default };

package/dist/components/dialog/search-algolia.js

@@ -1,8 +1,7 @@
 "use client";
 import {
-  SearchDialog,
-  SearchDialogContent
-} from "../../chunk-CUAH5G3U.js";
+  SearchDialog
+} from "../../chunk-SHMZYIS4.js";
 import "../../chunk-T7VFHVWK.js";
 import "../../chunk-YAHHY62W.js";
 import "../../chunk-7GZKFBAP.js";
@@ -15,20 +14,13 @@ import {
 } from "fumadocs-core/search-algolia/client";
 import { jsx } from "react/jsx-runtime";
 function AlgoliaSearchDialog({
-  open,
-  onOpenChange,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(SearchDialog, { open, onOpenChange, children: /* @__PURE__ */ jsx(Content, { ...props }) });
-}
-function Content({
   index,
   searchOptions,
   ...props
 }) {
   const { search, setSearch, query } = useAlgoliaSearch(index, searchOptions);
   return /* @__PURE__ */ jsx(
-    SearchDialogContent,
+    SearchDialog,
     {
       search,
       onSearchChange: setSearch,

package/dist/components/dialog/search-default.d.mts

@@ -1,9 +1,8 @@
 import { ReactNode } from 'react';
-import { SharedProps, SearchLink } from './search.mjs';
+import { SharedProps } from './search.mjs';
 import 'fumadocs-core/search/shared';
 
-type DefaultSearchDialogProps = SharedProps & ContentProps;
-interface ContentProps {
+interface DefaultSearchDialogProps extends SharedProps {
     /**
      * Search tag
      */
@@ -13,8 +12,7 @@ interface ContentProps {
      */
     api?: string;
     footer?: ReactNode;
-    links?: SearchLink[];
 }
-declare function DefaultSearchDialog({ open, onOpenChange, ...props }: DefaultSearchDialogProps): JSX.Element;
+declare function DefaultSearchDialog({ tag, api, ...props }: DefaultSearchDialogProps): React.ReactElement;
 
 export { type DefaultSearchDialogProps, DefaultSearchDialog as default };

package/dist/components/dialog/search-default.js

@@ -1,8 +1,7 @@
 "use client";
 import {
-  SearchDialog,
-  SearchDialogContent
-} from "../../chunk-CUAH5G3U.js";
+  SearchDialog
+} from "../../chunk-SHMZYIS4.js";
 import "../../chunk-T7VFHVWK.js";
 import {
   useI18n
@@ -15,17 +14,14 @@ import "../../chunk-6C3VEZWH.js";
 import { useDocsSearch } from "fumadocs-core/search/client";
 import { jsx } from "react/jsx-runtime";
 function DefaultSearchDialog({
-  open,
-  onOpenChange,
+  tag,
+  api,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SearchDialog, { open, onOpenChange, children: /* @__PURE__ */ jsx(Content, { ...props }) });
-}
-function Content({ tag, api, ...props }) {
   const { locale } = useI18n();
   const { search, setSearch, query } = useDocsSearch(locale, tag, api);
   return /* @__PURE__ */ jsx(
-    SearchDialogContent,
+    SearchDialog,
     {
       search,
       onSearchChange: setSearch,

package/dist/components/dialog/search.d.mts

@@ -10,19 +10,15 @@ interface SharedProps {
      */
     links?: SearchLink[];
 }
-interface SearchDialogProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    children?: ReactNode;
+interface SearchDialogProps extends SharedProps, Omit<SearchContentProps, 'defaultItems'> {
+    footer?: ReactNode;
 }
-declare function SearchDialog(props: SearchDialogProps): JSX.Element;
 interface SearchContentProps {
     search: string;
     onSearchChange: (v: string) => void;
     results: SortedResult[] | 'empty';
-    footer?: ReactNode;
-    links?: SearchLink[];
+    defaultItems?: SortedResult[];
 }
-declare function SearchDialogContent({ footer, ...props }: SearchContentProps): JSX.Element;
+declare function SearchDialog({ open, onOpenChange, footer, links, ...props }: SearchDialogProps): React.ReactElement;
 
-export { SearchDialog, SearchDialogContent, type SearchLink, type SharedProps };
+export { SearchDialog, type SearchLink, type SharedProps };

package/dist/components/dialog/search.js

@@ -1,13 +1,11 @@
 import {
-  SearchDialog,
-  SearchDialogContent
-} from "../../chunk-CUAH5G3U.js";
+  SearchDialog
+} from "../../chunk-SHMZYIS4.js";
 import "../../chunk-T7VFHVWK.js";
 import "../../chunk-YAHHY62W.js";
 import "../../chunk-7GZKFBAP.js";
 import "../../chunk-TK3TM3MR.js";
 import "../../chunk-6C3VEZWH.js";
 export {
-  SearchDialog,
-  SearchDialogContent
+  SearchDialog
 };

package/dist/components/files.d.mts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, ReactNode } from 'react';
 
-declare function Files({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
+declare function Files({ className, ...props }: HTMLAttributes<HTMLDivElement>): React.ReactElement;
 interface FileProps extends HTMLAttributes<HTMLDivElement> {
     name: string;
     icon?: ReactNode;
@@ -14,7 +14,7 @@ interface FolderProps extends HTMLAttributes<HTMLDivElement> {
      */
     defaultOpen?: boolean;
 }
-declare function File({ name, icon, className, ...rest }: FileProps): JSX.Element;
-declare function Folder({ name, defaultOpen, ...props }: FolderProps): JSX.Element;
+declare function File({ name, icon, className, ...rest }: FileProps): React.ReactElement;
+declare function Folder({ name, defaultOpen, ...props }: FolderProps): React.ReactElement;
 
 export { File, type FileProps, Files, Folder, type FolderProps };

package/dist/components/heading.d.mts

@@ -4,6 +4,6 @@ type Types = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 type HeadingProps<T extends Types> = Omit<ComponentPropsWithoutRef<T>, 'as'> & {
     as?: T;
 };
-declare function Heading<T extends Types = 'h1'>({ as, className, ...props }: HeadingProps<T>): JSX.Element;
+declare function Heading<T extends Types = 'h1'>({ as, className, ...props }: HeadingProps<T>): React.ReactElement;
 
 export { Heading };

package/dist/components/image-zoom.d.mts

@@ -7,6 +7,6 @@ type ImageZoomProps = ImageProps & {
      */
     zoomInProps?: ImgHTMLAttributes<HTMLImageElement>;
 };
-declare function ImageZoom({ zoomInProps, children, ...props }: ImageZoomProps): JSX.Element;
+declare function ImageZoom({ zoomInProps, children, ...props }: ImageZoomProps): React.ReactElement;
 
 export { ImageZoom, type ImageZoomProps };

package/dist/components/inline-toc.d.mts

@@ -4,6 +4,6 @@ interface InlineTocProps {
     items: TOCItemType[];
     defaultOpen?: boolean;
 }
-declare function InlineTOC({ items, defaultOpen }: InlineTocProps): JSX.Element;
+declare function InlineTOC({ items, defaultOpen, }: InlineTocProps): React.ReactElement;
 
 export { InlineTOC, type InlineTocProps };

package/dist/components/inline-toc.js

@@ -10,7 +10,10 @@ import "../chunk-6C3VEZWH.js";
 // src/components/inline-toc.tsx
 import { ChevronDown } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-function InlineTOC({ items, defaultOpen }) {
+function InlineTOC({
+  items,
+  defaultOpen
+}) {
   return /* @__PURE__ */ jsxs(
     Collapsible,
     {

package/dist/components/roll-button.d.mts

@@ -9,6 +9,6 @@ interface RollButtonProps {
 /**
  * A button that scrolls to the top
  */
-declare function RollButton({ percentage }: RollButtonProps): JSX.Element;
+declare function RollButton({ percentage, }: RollButtonProps): React.ReactElement;
 
 export { RollButton };

package/dist/components/roll-button.js

@@ -11,7 +11,9 @@ import "../chunk-6C3VEZWH.js";
 import { ChevronUpIcon } from "lucide-react";
 import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-function RollButton({ percentage = 0.2 }) {
+function RollButton({
+  percentage = 0.2
+}) {
   const [show, setShow] = useState(false);
   useEffect(() => {
     const listener = () => {

package/dist/components/steps.d.mts

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
 
-declare function Steps({ children }: {
+declare function Steps({ children, }: {
     children: ReactNode;
-}): JSX.Element;
-declare function Step({ children }: {
+}): React.ReactElement;
+declare function Step({ children, }: {
     children: ReactNode;
-}): JSX.Element;
+}): React.ReactElement;
 
 export { Step, Steps };

package/dist/components/steps.js

@@ -2,10 +2,14 @@ import "../chunk-6C3VEZWH.js";
 
 // src/components/steps.tsx
 import { jsx } from "react/jsx-runtime";
-function Steps({ children }) {
+function Steps({
+  children
+}) {
   return /* @__PURE__ */ jsx("div", { className: "steps", children });
 }
-function Step({ children }) {
+function Step({
+  children
+}) {
   return /* @__PURE__ */ jsx("div", { className: "step", children });
 }
 export {

package/dist/components/tabs.d.mts

@@ -1,12 +1,12 @@
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { TabsContentProps } from '@radix-ui/react-tabs';
-import * as React from 'react';
+import * as React$1 from 'react';
 import { ReactNode } from 'react';
 
-declare const Tabs$1: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
-declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Tabs$1: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const tabs_TabsContent: typeof TabsContent;
 declare const tabs_TabsList: typeof TabsList;
@@ -31,7 +31,7 @@ interface TabsProps {
     items?: string[];
     children: ReactNode;
 }
-declare function Tabs({ id, items, persist, defaultIndex, children, }: TabsProps): JSX.Element;
-declare function Tab({ value, className, ...props }: TabsContentProps): JSX.Element;
+declare function Tabs({ id, items, persist, defaultIndex, children, }: TabsProps): React.ReactElement;
+declare function Tab({ value, className, ...props }: TabsContentProps): React.ReactElement;
 
 export { tabs as Primitive, Tab, Tabs, type TabsProps };

package/dist/components/type-table.d.mts

@@ -1,13 +1,11 @@
-import { ReactNode } from 'react';
-
-declare function Info({ children }: {
-    children: ReactNode;
-}): JSX.Element;
+declare function Info({ children, }: {
+    children: React.ReactNode;
+}): React.ReactElement;
 interface ObjectType {
     /**
      * Additional description of the field
      */
-    description?: ReactNode;
+    description?: React.ReactNode;
     type: string;
     typeDescription?: string;
     /**
@@ -18,6 +16,6 @@ interface ObjectType {
 }
 declare function TypeTable({ type, }: {
     type: Record<string, ObjectType>;
-}): JSX.Element;
+}): React.ReactElement;
 
 export { Info, TypeTable };