@fumadocs/base-ui 16.9.2 → 16.10.0

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

@@ -1,5 +1,4 @@
 import { Collapsible } from "./ui/collapsible.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 import { TOCItemType } from "fumadocs-core/toc";
 
@@ -11,6 +10,6 @@ declare function InlineTOC({
   items,
   className,
   ...props
-}: InlineTocProps): _$react_jsx_runtime0.JSX.Element;
+}: InlineTocProps): import("react").JSX.Element;
 //#endregion
 export { InlineTOC, InlineTocProps };

package/dist/components/inline-toc.js

@@ -1,18 +1,18 @@
 "use client";
 import { cn } from "../utils/cn.js";
-import { useTranslations } from "../contexts/i18n.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "lucide-react";
+import { useTranslations } from "@fuma-translate/react";
 //#region src/components/inline-toc.tsx
 function InlineTOC({ items, className, ...props }) {
-	const t = useTranslations();
+	const t = useTranslations({ note: "inline table of contents" });
 	return /* @__PURE__ */ jsxs(Collapsible, {
 		...props,
 		className: (s) => cn("not-prose rounded-lg border bg-fd-card text-fd-card-foreground", typeof className === "function" ? className(s) : className),
 		children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
 			className: "group inline-flex w-full items-center justify-between px-4 py-2.5 font-medium",
-			children: [props.children ?? t.tocInline, /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 transition-transform duration-200 group-data-open:rotate-180" })]
+			children: [props.children ?? t("Table of Contents"), /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 transition-transform duration-200 group-data-open:rotate-180" })]
 		}), /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", {
 			className: "flex flex-col p-4 pt-0 text-sm text-fd-muted-foreground",
 			children: items.map((item) => /* @__PURE__ */ jsx("a", {

package/dist/components/sidebar/base.d.ts

@@ -1,8 +1,6 @@
 import { CollapsibleContentProps, CollapsibleTriggerProps } from "../ui/collapsible.js";
 import { ScrollAreaProps } from "../ui/scroll-area.js";
 import { LinkProps } from "fumadocs-core/link";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as _$react from "react";
 import { ComponentProps, PointerEvent, ReactNode, RefObject } from "react";
 
 //#region src/components/sidebar/base.d.ts
@@ -37,12 +35,12 @@ interface SidebarProviderProps {
   children?: ReactNode;
 }
 type Mode = 'drawer' | 'full';
-declare const SidebarContext: _$react.Context<SidebarContext | null>;
+declare const SidebarContext: import("react").Context<SidebarContext | null>;
 declare function SidebarProvider({
   defaultOpenLevel,
   prefetch,
   children
-}: SidebarProviderProps): _$react_jsx_runtime0.JSX.Element;
+}: SidebarProviderProps): import("react").JSX.Element;
 declare function useSidebar(): SidebarContext;
 declare function useFolder(): {
   open: boolean;
@@ -62,17 +60,17 @@ declare function SidebarContent({
     onPointerLeave: (event: PointerEvent) => void;
   }) => ReactNode;
 }): ReactNode;
-declare function SidebarDrawerOverlay(props: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element | undefined;
+declare function SidebarDrawerOverlay(props: ComponentProps<'div'>): import("react").JSX.Element | undefined;
 declare function SidebarDrawerContent({
   className,
   children,
   ...props
-}: ComponentProps<'aside'>): _$react_jsx_runtime0.JSX.Element | undefined;
+}: ComponentProps<'aside'>): import("react").JSX.Element | undefined;
 declare function SidebarViewport({
   className,
   ...props
-}: ScrollAreaProps): _$react_jsx_runtime0.JSX.Element;
-declare function SidebarSeparator(props: ComponentProps<'p'>): _$react_jsx_runtime0.JSX.Element;
+}: ScrollAreaProps): import("react").JSX.Element;
+declare function SidebarSeparator(props: ComponentProps<'p'>): import("react").JSX.Element;
 declare function SidebarItem({
   icon,
   active,
@@ -81,7 +79,7 @@ declare function SidebarItem({
 }: LinkProps & {
   active?: boolean;
   icon?: ReactNode;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 declare function SidebarFolder({
   defaultOpen: defaultOpenProp,
   collapsible,
@@ -92,24 +90,24 @@ declare function SidebarFolder({
   active?: boolean;
   defaultOpen?: boolean;
   collapsible?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 declare function SidebarFolderTrigger({
   children,
   ...props
-}: CollapsibleTriggerProps): _$react_jsx_runtime0.JSX.Element;
+}: CollapsibleTriggerProps): import("react").JSX.Element;
 declare function SidebarFolderLink({
   children,
   active,
   ...props
 }: LinkProps & {
   active?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
-declare function SidebarFolderContent(props: CollapsibleContentProps): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
+declare function SidebarFolderContent(props: CollapsibleContentProps): import("react").JSX.Element;
 declare function SidebarTrigger({
   children,
   ...props
-}: ComponentProps<'button'>): _$react_jsx_runtime0.JSX.Element;
-declare function SidebarCollapseTrigger(props: ComponentProps<'button'>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<'button'>): import("react").JSX.Element;
+declare function SidebarCollapseTrigger(props: ComponentProps<'button'>): import("react").JSX.Element;
 /**
  * scroll to the element if `active` is true
  */

package/dist/components/sidebar/base.js

@@ -1,7 +1,6 @@
 "use client";
 import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { cn } from "../../utils/cn.js";
-import { useTranslations } from "../../contexts/i18n.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../ui/collapsible.js";
 import { ScrollArea, ScrollViewport } from "../ui/scroll-area.js";
 import Link from "fumadocs-core/link";
@@ -9,6 +8,7 @@ import { usePathname } from "fumadocs-core/framework";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, ExternalLink } from "lucide-react";
 import { createContext, use, useEffect, useMemo, useRef, useState } from "react";
+import { useTranslations } from "@fuma-translate/react";
 import { useOnChange } from "fumadocs-core/utils/use-on-change";
 import { useMediaQuery } from "fumadocs-core/utils/use-media-query";
 import scrollIntoView from "scroll-into-view-if-needed";
@@ -240,7 +240,7 @@ function SidebarFolderContent(props) {
 function SidebarTrigger({ children, ...props }) {
 	const { setOpen } = useSidebar();
 	return /* @__PURE__ */ jsx("button", {
-		"aria-label": useTranslations().sidebarOpen,
+		"aria-label": useTranslations({ note: "sidebar" })("Open Sidebar", { note: "aria-label" }),
 		onClick: () => setOpen((prev) => !prev),
 		...props,
 		children
@@ -250,7 +250,7 @@ function SidebarCollapseTrigger(props) {
 	const { collapsed, setCollapsed } = useSidebar();
 	return /* @__PURE__ */ jsx("button", {
 		type: "button",
-		"aria-label": useTranslations().sidebarCollapse,
+		"aria-label": useTranslations({ note: "sidebar" })("Collapse Sidebar", { note: "aria-label" }),
 		"data-collapsed": collapsed,
 		onClick: () => {
 			setCollapsed((prev) => !prev);

package/dist/components/sidebar/link-item.d.ts

@@ -1,6 +1,5 @@
 import { base_d_exports } from "./base.js";
 import { LinkItemType } from "../../layouts/shared/index.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { HTMLAttributes } from "react";
 
 //#region src/components/sidebar/link-item.d.ts
@@ -18,6 +17,6 @@ declare function createLinkItemRenderer({
   item: Exclude<LinkItemType, {
     type: "icon";
   }>;
-}) => _$react_jsx_runtime0.JSX.Element;
+}) => import("react").JSX.Element;
 //#endregion
 export { createLinkItemRenderer };

package/dist/components/sidebar/page-tree.d.ts

@@ -1,5 +1,4 @@
 import { base_d_exports } from "./base.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { FC, ReactNode } from "react";
 import * as PageTree from "fumadocs-core/page-tree";
 
@@ -24,6 +23,6 @@ declare function createPageTreeRenderer({
   SidebarFolderTrigger,
   SidebarSeparator,
   SidebarItem
-}: InternalComponents): (components: Partial<SidebarPageTreeComponents>) => _$react_jsx_runtime0.JSX.Element;
+}: InternalComponents): (components: Partial<SidebarPageTreeComponents>) => import("react").JSX.Element;
 //#endregion
 export { SidebarPageTreeComponents, createPageTreeRenderer };

package/dist/components/sidebar/tabs/dropdown.d.ts

@@ -1,5 +1,4 @@
 import { LayoutTab, isLayoutTabActive } from "../../../layouts/shared/index.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/sidebar/tabs/dropdown.d.ts
@@ -11,7 +10,7 @@ declare function SidebarTabsDropdown({
 }: {
   placeholder?: ReactNode;
   options: SidebarTabWithProps[];
-} & ComponentProps<'button'>): _$react_jsx_runtime0.JSX.Element;
+} & ComponentProps<'button'>): import("react").JSX.Element;
 declare const isTabActive: typeof isLayoutTabActive;
 //#endregion
 export { SidebarTabWithProps, SidebarTabsDropdown, isTabActive };

package/dist/components/steps.d.ts

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/steps.d.ts
@@ -6,11 +5,11 @@ declare function Steps({
   children
 }: {
   children: ReactNode;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 declare function Step({
   children
 }: {
   children: ReactNode;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 export { Step, Steps };

package/dist/components/tabs.d.ts

@@ -1,5 +1,4 @@
 import { Tabs as Tabs$1, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1 } from "./ui/tabs.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React$1 from "react";
 import { ComponentProps, ReactNode } from "react";
 
@@ -23,11 +22,11 @@ interface TabsProps extends Omit<ComponentProps<typeof Tabs$1>, 'value' | 'onVal
 declare function TabsList({
   className,
   ...props
-}: React$1.ComponentPropsWithRef<typeof TabsList$1>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentPropsWithRef<typeof TabsList$1>): React$1.JSX.Element;
 declare function TabsTrigger({
   className,
   ...props
-}: React$1.ComponentPropsWithRef<typeof TabsTrigger$1>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentPropsWithRef<typeof TabsTrigger$1>): React$1.JSX.Element;
 declare function Tabs({
   ref,
   className,
@@ -36,7 +35,7 @@ declare function Tabs({
   defaultIndex,
   defaultValue,
   ...props
-}: TabsProps): _$react_jsx_runtime0.JSX.Element;
+}: TabsProps): React$1.JSX.Element;
 interface TabProps extends Omit<ComponentProps<typeof TabsContent$1>, 'value'> {
   /**
    * Value of tab, detect from index if unspecified.
@@ -46,11 +45,11 @@ interface TabProps extends Omit<ComponentProps<typeof TabsContent$1>, 'value'> {
 declare function Tab({
   value,
   ...props
-}: TabProps): _$react_jsx_runtime0.JSX.Element;
+}: TabProps): React$1.JSX.Element;
 declare function TabsContent({
   value,
   className,
   ...props
-}: ComponentProps<typeof TabsContent$1>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof TabsContent$1>): React$1.JSX.Element;
 //#endregion
 export { Tab, TabProps, Tabs, TabsContent, TabsList, TabsProps, TabsTrigger };

package/dist/components/toc/clerk.d.ts

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 import * as Primitive from "fumadocs-core/toc";
 
@@ -12,13 +11,13 @@ declare function TOCItems({
   thumbBox,
   children,
   ...props
-}: TOCItemsProps): _$react_jsx_runtime0.JSX.Element;
-declare function TOCEmpty(): _$react_jsx_runtime0.JSX.Element;
+}: TOCItemsProps): import("react").JSX.Element;
+declare function TOCEmpty(): import("react").JSX.Element;
 declare function TOCItem({
   item,
   ...props
 }: Primitive.TOCItemProps & {
   item: Primitive.TOCItemType;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 export { TOCEmpty, TOCItem, TOCItems, TOCItemsProps };

package/dist/components/toc/clerk.js

@@ -1,11 +1,11 @@
 "use client";
 import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { cn } from "../../utils/cn.js";
-import { useTranslations } from "../../contexts/i18n.js";
 import { mergeRefs } from "../../utils/merge-refs.js";
 import { useTOCItems } from "./index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useTranslations } from "@fuma-translate/react";
 import * as Primitive from "fumadocs-core/toc";
 //#region src/components/toc/clerk.tsx
 var clerk_exports = /* @__PURE__ */ __exportAll({
@@ -121,7 +121,7 @@ function TOCItems({ ref, className, thumbBox = true, children, ...props }) {
 function TOCEmpty() {
 	return /* @__PURE__ */ jsx("div", {
 		className: "rounded-lg border bg-fd-card p-3 text-xs text-fd-muted-foreground",
-		children: useTranslations().tocNoHeadings
+		children: useTranslations({ note: "table of contents" })("No Headings")
 	});
 }
 function ThumbTrack({ computed, thumbBox }) {
@@ -182,14 +182,14 @@ function ThumbTrack({ computed, thumbBox }) {
 }
 const a = 8;
 function getItemOffset(depth) {
-	if (depth <= 2) return 12 + a;
-	if (depth === 3) return 24 + a;
-	return 36 + a;
+	if (depth <= 2) return 20;
+	if (depth === 3) return 32;
+	return 44;
 }
 function getLineOffset(depth) {
 	if (depth <= 2) return a;
-	if (depth === 3) return 8 + a;
-	return 16 + a;
+	if (depth === 3) return 16;
+	return 24;
 }
 function TOCItem({ item, ...props }) {
 	const items = useTOCItems();

package/dist/components/toc/default.d.ts

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 import * as Primitive from "fumadocs-core/toc";
 
@@ -8,13 +7,13 @@ declare function TOCItems({
   ref,
   className,
   ...props
-}: TOCItemsProps): _$react_jsx_runtime0.JSX.Element;
-declare function TOCEmpty(): _$react_jsx_runtime0.JSX.Element;
+}: TOCItemsProps): import("react").JSX.Element;
+declare function TOCEmpty(): import("react").JSX.Element;
 declare function TOCItem({
   item,
   ...props
 }: Primitive.TOCItemProps & {
   item: Primitive.TOCItemType;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 export { TOCEmpty, TOCItem, TOCItems, TOCItemsProps };

package/dist/components/toc/default.js

@@ -1,11 +1,11 @@
 "use client";
 import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { cn } from "../../utils/cn.js";
-import { useTranslations } from "../../contexts/i18n.js";
 import { mergeRefs } from "../../utils/merge-refs.js";
 import { useTOCItems } from "./index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
+import { useTranslations } from "@fuma-translate/react";
 import * as Primitive from "fumadocs-core/toc";
 //#region src/components/toc/default.tsx
 var default_exports = /* @__PURE__ */ __exportAll({
@@ -81,7 +81,7 @@ function TocThumb({ computed }) {
 function TOCEmpty() {
 	return /* @__PURE__ */ jsx("div", {
 		className: "rounded-lg border bg-fd-card p-3 text-xs text-fd-muted-foreground",
-		children: useTranslations().tocNoHeadings
+		children: useTranslations({ note: "table of contents" })("No Headings")
 	});
 }
 function TOCItem({ item, ...props }) {

package/dist/components/toc/index.d.ts

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 import * as Primitive from "fumadocs-core/toc";
 
@@ -10,11 +9,11 @@ declare function TOCProvider({
   toc,
   children,
   ...props
-}: TOCProviderProps): _$react_jsx_runtime0.JSX.Element;
+}: TOCProviderProps): import("react").JSX.Element;
 declare function TOCScrollArea({
   ref,
   className,
   ...props
-}: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<'div'>): import("react").JSX.Element;
 //#endregion
 export { TOCProvider, TOCProviderProps, TOCScrollArea, useActiveAnchor, useActiveAnchors, useItems, useTOCItems };

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

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/type-table.d.ts
@@ -39,6 +38,6 @@ declare function TypeTable({
   ...props
 }: {
   type: Record<string, TypeNode>;
-} & ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
+} & ComponentProps<'div'>): import("react").JSX.Element;
 //#endregion
 export { ParameterNode, TypeNode, TypeTable };

package/dist/components/type-table.js

@@ -1,16 +1,16 @@
 "use client";
 import { cn } from "../utils/cn.js";
-import { useTranslations } from "../contexts/i18n.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible.js";
 import Link from "fumadocs-core/link";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "lucide-react";
 import { cva } from "class-variance-authority";
 import { useEffect, useState } from "react";
+import { useTranslations } from "@fuma-translate/react";
 //#region src/components/type-table.tsx
 const fieldVariants = cva("text-fd-muted-foreground not-prose pe-2");
 function TypeTable({ id, type, className, ...props }) {
-	const t = useTranslations();
+	const t = useTranslations({ note: "type table" });
 	return /* @__PURE__ */ jsxs("div", {
 		id,
 		className: cn("@container flex flex-col p-1 bg-fd-card text-fd-card-foreground rounded-2xl border my-6 text-sm overflow-hidden", className),
@@ -19,10 +19,10 @@ function TypeTable({ id, type, className, ...props }) {
 			className: "flex font-medium items-center px-3 py-1 not-prose text-fd-muted-foreground",
 			children: [/* @__PURE__ */ jsx("p", {
 				className: "w-1/4",
-				children: t.typeTableProp
+				children: t("Prop")
 			}), /* @__PURE__ */ jsx("p", {
 				className: "@max-xl:hidden",
-				children: t.typeTableType
+				children: t("Type")
 			})]
 		}), Object.entries(type).map(([key, value]) => /* @__PURE__ */ jsx(Item, {
 			parentId: id,
@@ -32,7 +32,7 @@ function TypeTable({ id, type, className, ...props }) {
 	});
 }
 function Item({ parentId, name, item: { parameters = [], description, required = false, deprecated, typeDescription, default: defaultValue, type, typeDescriptionLink, returns } }) {
-	const t = useTranslations();
+	const t = useTranslations({ note: "type table" });
 	const [open, setOpen] = useState(false);
 	const id = parentId ? `${parentId}-${name}` : void 0;
 	useEffect(() => {
@@ -74,21 +74,21 @@ function Item({ parentId, name, item: { parameters = [], description, required =
 				}),
 				typeDescription && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", {
 					className: cn(fieldVariants()),
-					children: t.typeTableType
+					children: t("Type")
 				}), /* @__PURE__ */ jsx("p", {
 					className: "my-auto not-prose",
 					children: typeDescription
 				})] }),
 				defaultValue && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", {
 					className: cn(fieldVariants()),
-					children: t.typeTableDefault
+					children: t("Default")
 				}), /* @__PURE__ */ jsx("p", {
 					className: "my-auto not-prose",
 					children: defaultValue
 				})] }),
 				parameters.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", {
 					className: cn(fieldVariants()),
-					children: t.typeTableParameters
+					children: t("Parameters")
 				}), /* @__PURE__ */ jsx("div", {
 					className: "flex flex-col gap-2",
 					children: parameters.map((param) => /* @__PURE__ */ jsxs("div", {
@@ -104,7 +104,7 @@ function Item({ parentId, name, item: { parameters = [], description, required =
 				})] }),
 				returns && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", {
 					className: cn(fieldVariants()),
-					children: t.typeTableReturns
+					children: t("Returns")
 				}), /* @__PURE__ */ jsx("div", {
 					className: "my-auto text-sm prose prose-no-margin",
 					children: returns

package/dist/components/ui/accordion.d.ts

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 
@@ -6,25 +5,25 @@ import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 declare function Accordion({
   className,
   ...props
-}: ComponentProps<typeof Accordion$1.Root>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Accordion$1.Root>): import("react").JSX.Element;
 declare function AccordionItem({
   children,
   ...props
-}: ComponentProps<typeof Accordion$1.Item>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Accordion$1.Item>): import("react").JSX.Element;
 declare function AccordionHeader({
   className,
   children,
   ...props
-}: ComponentProps<typeof Accordion$1.Header>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Accordion$1.Header>): import("react").JSX.Element;
 declare function AccordionTrigger({
   className,
   children,
   ...props
-}: ComponentProps<typeof Accordion$1.Trigger>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Accordion$1.Trigger>): import("react").JSX.Element;
 declare function AccordionContent({
   className,
   children,
   ...props
-}: ComponentProps<typeof Accordion$1.Panel>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Accordion$1.Panel>): import("react").JSX.Element;
 //#endregion
 export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger };

package/dist/components/ui/button.d.ts

@@ -1,12 +1,11 @@
 import { VariantProps } from "class-variance-authority";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/ui/button.d.ts
 declare const buttonVariants: (props?: ({
   variant?: "primary" | "outline" | "ghost" | "secondary" | null | undefined;
   color?: "primary" | "outline" | "ghost" | "secondary" | null | undefined;
   size?: "icon" | "sm" | "icon-sm" | "icon-xs" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ButtonProps = VariantProps<typeof buttonVariants>;
 //#endregion
 export { ButtonProps, buttonVariants };

package/dist/components/ui/collapsible.d.ts

@@ -1,17 +1,14 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as _$react from "react";
 import { ComponentProps } from "react";
 import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
-import * as _$_base_ui_react0 from "@base-ui/react";
 
 //#region src/components/ui/collapsible.d.ts
-declare const Collapsible: _$react.ForwardRefExoticComponent<Omit<_$_base_ui_react0.CollapsibleRootProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
-declare const CollapsibleTrigger: _$react.ForwardRefExoticComponent<Omit<_$_base_ui_react0.CollapsibleTriggerProps, "ref"> & _$react.RefAttributes<HTMLButtonElement>>;
+declare const Collapsible: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").CollapsibleRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").CollapsibleTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 declare function CollapsibleContent({
   children,
   className,
   ...props
-}: ComponentProps<typeof Collapsible$1.Panel>): _$react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Collapsible$1.Panel>): import("react").JSX.Element;
 type CollapsibleProps = Collapsible$1.Root.Props;
 type CollapsibleContentProps = Collapsible$1.Panel.Props;
 type CollapsibleTriggerProps = Collapsible$1.Trigger.Props;

package/dist/components/ui/navigation-menu.d.ts

@@ -1,30 +1,28 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React$1 from "react";
 import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
-import * as _$_base_ui_react0 from "@base-ui/react";
 
 //#region src/components/ui/navigation-menu.d.ts
 type NavigationMenuContentProps = NavigationMenu$1.Content.Props;
 type NavigationMenuTriggerProps = NavigationMenu$1.Trigger.Props;
 declare const NavigationMenu: <Value = any>(props: NavigationMenu$1.Root.Props<Value>) => React$1.JSX.Element;
-declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<_$_base_ui_react0.NavigationMenuListProps, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<import("@base-ui/react").NavigationMenuListProps, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
 declare function NavigationMenuItem({
   className,
   children,
   ...props
-}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Item>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Item>): React$1.JSX.Element;
 declare function NavigationMenuTrigger({
   children,
   ...props
-}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Trigger>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Trigger>): React$1.JSX.Element;
 declare function NavigationMenuContent({
   className,
   ...props
-}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Content>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Content>): React$1.JSX.Element;
 declare function NavigationMenuLink({
   children,
   ...props
-}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Link>): _$react_jsx_runtime0.JSX.Element;
-declare function NavigationMenuViewport(props: NavigationMenu$1.Positioner.Props): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Link>): React$1.JSX.Element;
+declare function NavigationMenuViewport(props: NavigationMenu$1.Positioner.Props): React$1.JSX.Element;
 //#endregion
 export { NavigationMenu, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport };

package/dist/components/ui/popover.d.ts

@@ -1,7 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React$1 from "react";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
-import * as _$_base_ui_react0 from "@base-ui/react";
 
 //#region src/components/ui/popover.d.ts
 declare const Popover: typeof Popover$1.Root;
@@ -11,7 +9,7 @@ declare function PopoverContent({
   align,
   sideOffset,
   ...props
-}: React$1.ComponentPropsWithRef<typeof Popover$1.Popup> & Pick<Popover$1.Positioner.Props, 'sideOffset' | 'align'>): _$react_jsx_runtime0.JSX.Element;
-declare const PopoverClose: React$1.ForwardRefExoticComponent<Omit<_$_base_ui_react0.PopoverCloseProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+}: React$1.ComponentPropsWithRef<typeof Popover$1.Popup> & Pick<Popover$1.Positioner.Props, 'sideOffset' | 'align'>): React$1.JSX.Element;
+declare const PopoverClose: React$1.ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverCloseProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { Popover, PopoverClose, PopoverContent, PopoverTrigger };

package/dist/components/ui/scroll-area.d.ts

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as React$1 from "react";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
 
@@ -6,17 +5,17 @@ import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
 declare function ScrollArea({
   children,
   ...props
-}: React$1.ComponentPropsWithRef<typeof ScrollArea$1.Root>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentPropsWithRef<typeof ScrollArea$1.Root>): React$1.JSX.Element;
 declare function ScrollViewport({
   className,
   children,
   ...props
-}: React$1.ComponentPropsWithRef<typeof ScrollArea$1.Viewport>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentPropsWithRef<typeof ScrollArea$1.Viewport>): React$1.JSX.Element;
 declare function ScrollBar({
   className,
   orientation,
   ...props
-}: React$1.ComponentPropsWithRef<typeof ScrollArea$1.Scrollbar>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentPropsWithRef<typeof ScrollArea$1.Scrollbar>): React$1.JSX.Element;
 type ScrollAreaProps = ScrollArea$1.Root.Props;
 //#endregion
 export { ScrollArea, ScrollAreaProps, ScrollBar, ScrollViewport };