@moduix/react 2.5.1 → 2.7.0

package/dist/components/toc/Toc.js

@@ -3,7 +3,6 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Toc, useToc, useTocContext } from "@ark-ui/react/toc";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Toc_module from "./Toc.module.js";
 const railBaseOffset = 0;
 const railStep = 12;
@@ -19,78 +18,78 @@ const Toc_TocRoot = /*#__PURE__*/ forwardRef(function({ autoScroll = false, clas
     return /*#__PURE__*/ jsx(Toc.Root, {
         ref: ref,
         autoScroll: autoScroll,
-        "data-slot": "toc-root",
-        className: clsx(Toc_module.root, normalizeClassName(className)),
-        ...props
+        className: clsx(Toc_module.root, className),
+        ...props,
+        "data-slot": "toc-root"
     });
 });
 const Toc_TocRootProvider = /*#__PURE__*/ forwardRef(function({ className, style, value, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.RootProvider, {
         ref: ref,
         value: value,
-        "data-slot": "toc-root-provider",
-        className: clsx(Toc_module.root, normalizeClassName(className)),
+        className: clsx(Toc_module.root, className),
         style: {
             ...value.getRootProps().style,
             ...style
         },
-        ...props
+        ...props,
+        "data-slot": "toc-root-provider"
     });
 });
 const Toc_TocContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.Content, {
         ref: ref,
-        "data-slot": "toc-content",
-        className: clsx(Toc_module.content, normalizeClassName(className)),
-        ...props
+        className: clsx(Toc_module.content, className),
+        ...props,
+        "data-slot": "toc-content"
     });
 });
 const Toc_TocNav = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.Nav, {
         ref: ref,
-        "data-slot": "toc-nav",
-        className: clsx(Toc_module.nav, normalizeClassName(className)),
-        ...props
+        className: clsx(Toc_module.nav, className),
+        ...props,
+        "data-slot": "toc-nav"
     });
 });
 const Toc_TocTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.Title, {
         ref: ref,
-        "data-slot": "toc-title",
-        className: clsx(Toc_module.title, normalizeClassName(className)),
-        ...props
+        className: clsx(Toc_module.title, className),
+        ...props,
+        "data-slot": "toc-title"
     });
 });
 const Toc_TocList = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.List, {
         ref: ref,
-        "data-slot": "toc-list",
-        className: clsx(Toc_module.list, normalizeClassName(className)),
-        ...props
+        className: clsx(Toc_module.list, className),
+        ...props,
+        "data-slot": "toc-list"
     });
 });
 const Toc_TocItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.Item, {
         ref: ref,
-        "data-slot": "toc-item",
-        className: clsx(Toc_module.item, normalizeClassName(className)),
-        ...props
+        className: clsx(Toc_module.item, className),
+        ...props,
+        "data-slot": "toc-item"
     });
 });
 const Toc_TocLink = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.Link, {
         ref: ref,
-        "data-slot": "toc-link",
-        className: clsx(Toc_module.link, normalizeClassName(className)),
-        ...props
+        className: clsx(Toc_module.link, className),
+        ...props,
+        "data-slot": "toc-link"
     });
 });
 const Toc_TocIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toc.Indicator, {
         ref: ref,
-        "data-slot": "toc-indicator",
-        className: clsx(Toc_module.indicator, normalizeClassName(className)),
-        ...props
+        className: clsx(Toc_module.indicator, className),
+        ...props,
+        "data-slot": "toc-indicator"
     });
 });
 const Toc_TocRail = /*#__PURE__*/ forwardRef(function({ className, depth, nextDepth = depth, previousDepth = depth, style, ...props }, ref) {
@@ -102,14 +101,14 @@ const Toc_TocRail = /*#__PURE__*/ forwardRef(function({ className, depth, nextDe
     return /*#__PURE__*/ jsxs("svg", {
         ref: ref,
         "aria-hidden": "true",
-        "data-slot": "toc-rail",
-        className: clsx(Toc_module.rail, normalizeClassName(className)),
+        className: clsx(Toc_module.rail, className),
         style: {
             width,
             height: lineOffset === nextLineOffset ? `calc(100% + ${railBridge}px + var(--moduix-table-of-contents-list-gap, var(--moduix-spacing-0-5)))` : '100%',
             ...style
         },
         ...props,
+        "data-slot": "toc-rail",
         children: [
             hasTurn && /*#__PURE__*/ jsx("path", {
                 d: `M ${previousLineOffset + 0.5} 0 C ${previousLineOffset + 0.5} 8 ${lineOffset + 0.5} 4 ${lineOffset + 0.5} ${2 * railBridge}`,

package/dist/components/toc/Toc_module.css

@@ -12,7 +12,7 @@
     display: grid;
   }
 
-  @media (max-width: 48rem) {
+  @media (width <= 48rem) {
     .root-VBggED {
       grid-template-columns: minmax(0, 1fr);
     }
@@ -49,7 +49,7 @@
         var(--moduix-table-of-contents-nav-width, 16rem)) minmax(0, 1fr);
   }
 
-  @media (max-width: 48rem) {
+  @media (width <= 48rem) {
     .root-VBggED:has(.nav-q0EDqs[data-placement="left"]) .nav-q0EDqs[data-placement="left"] {
       grid-area: auto;
     }

package/dist/components/toggle/Toggle.js

@@ -3,24 +3,23 @@ import { jsx } from "react/jsx-runtime";
 import { Toggle, ToggleContext, useToggleContext } from "@ark-ui/react/toggle";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Toggle_module from "./Toggle.module.js";
 const Toggle_ToggleRoot = /*#__PURE__*/ forwardRef(function({ className, variant = 'default', size = 'md', ...props }, ref) {
     return /*#__PURE__*/ jsx(Toggle.Root, {
         ref: ref,
-        "data-slot": "toggle-root",
         "data-variant": variant,
         "data-size": size,
-        className: clsx(Toggle_module.root, normalizeClassName(className)),
-        ...props
+        className: clsx(Toggle_module.root, className),
+        ...props,
+        "data-slot": "toggle-root"
     });
 });
 const Toggle_ToggleIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Toggle.Indicator, {
         ref: ref,
-        "data-slot": "toggle-indicator",
-        className: clsx(Toggle_module.indicator, normalizeClassName(className)),
-        ...props
+        className: clsx(Toggle_module.indicator, className),
+        ...props,
+        "data-slot": "toggle-indicator"
     });
 });
 const Toggle_Toggle = Object.assign(Toggle_ToggleRoot, {

package/dist/components/toggle-group/ToggleGroup.d.ts

@@ -1,6 +1,6 @@
 import { ToggleGroup as ToggleGroupPrimitive, useToggleGroup, useToggleGroupContext } from '@ark-ui/react/toggle-group';
 import type { ComponentProps } from 'react';
-import type { ToggleSize, ToggleVariant } from '../toggle/Toggle';
+import type { ToggleSize, ToggleVariant } from '../toggle/Toggle.js';
 type ToggleGroupRootProps = ComponentProps<typeof ToggleGroupPrimitive.Root> & {
     variant?: ToggleVariant;
     size?: ToggleSize;

package/dist/components/toggle-group/ToggleGroup.js

@@ -3,7 +3,6 @@ import { jsx } from "react/jsx-runtime";
 import { ToggleGroup, useToggleGroup, useToggleGroupContext } from "@ark-ui/react/toggle-group";
 import { clsx } from "clsx";
 import { createContext, forwardRef, useContext } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import Toggle_module from "../toggle/Toggle.module.js";
 import ToggleGroup_module from "./ToggleGroup.module.js";
 const defaultToggleGroupStyles = {
@@ -23,7 +22,7 @@ const ToggleGroup_ToggleGroupRoot = /*#__PURE__*/ forwardRef(function({ classNam
             "data-slot": "toggle-group-root",
             "data-variant": variant,
             "data-size": size,
-            className: clsx(ToggleGroup_module.root, normalizeClassName(className))
+            className: clsx(ToggleGroup_module.root, className)
         })
     });
 });
@@ -39,7 +38,7 @@ const ToggleGroup_ToggleGroupRootProvider = /*#__PURE__*/ forwardRef(function({
             "data-slot": "toggle-group-root-provider",
             "data-variant": variant,
             "data-size": size,
-            className: clsx(ToggleGroup_module.root, normalizeClassName(className))
+            className: clsx(ToggleGroup_module.root, className)
         })
     });
 });
@@ -51,7 +50,7 @@ const ToggleGroup_ToggleGroupItem = /*#__PURE__*/ forwardRef(function({ classNam
         "data-slot": "toggle-group-item",
         "data-variant": variant ?? inherited.variant,
         "data-size": size ?? inherited.size,
-        className: clsx(Toggle_module.root, ToggleGroup_module.item, normalizeClassName(className))
+        className: clsx(Toggle_module.root, ToggleGroup_module.item, className)
     });
 });
 const ToggleGroup_ToggleGroup = Object.assign(ToggleGroup_ToggleGroupRoot, {

package/dist/components/tooltip/Tooltip.d.ts

@@ -1,6 +1,6 @@
 import { Tooltip as TooltipPrimitive, useTooltip, useTooltipContext } from '@ark-ui/react/tooltip';
 import type { ComponentProps } from 'react';
-import { type OverlayPortalProps } from '../../internal/overlayPortal';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
 type TooltipRootProps = ComponentProps<typeof TooltipPrimitive.Root> & OverlayPortalProps;
 type TooltipRootProviderProps = ComponentProps<typeof TooltipPrimitive.RootProvider> & OverlayPortalProps;
 declare function TooltipRoot({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: TooltipRootProps): import("react").JSX.Element;

package/dist/components/tooltip/Tooltip.js

@@ -3,7 +3,6 @@ import { jsx } from "react/jsx-runtime";
 import { Tooltip, useTooltip, useTooltipContext } from "@ark-ui/react/tooltip";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
 import Tooltip_module from "./Tooltip.module.js";
 function TooltipRoot({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }) {
@@ -31,10 +30,10 @@ function TooltipRootProvider({ lazyMount = true, portalled, portalRef, unmountOn
 const Tooltip_TooltipTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tooltip.Trigger, {
         ref: ref,
-        "data-slot": "tooltip-trigger",
         asChild: asChild,
-        className: clsx(!asChild && Tooltip_module.trigger, normalizeClassName(className)),
-        ...props
+        className: clsx(!asChild && Tooltip_module.trigger, className),
+        ...props,
+        "data-slot": "tooltip-trigger"
     });
 });
 const Tooltip_TooltipDisabledTrigger = /*#__PURE__*/ forwardRef(function({ className, tabIndex = 0, ...props }, ref) {
@@ -42,10 +41,10 @@ const Tooltip_TooltipDisabledTrigger = /*#__PURE__*/ forwardRef(function({ class
         asChild: true,
         children: /*#__PURE__*/ jsx("span", {
             ref: ref,
-            "data-slot": "tooltip-disabled-trigger",
             tabIndex: tabIndex,
-            className: clsx(Tooltip_module.disabledTrigger, normalizeClassName(className)),
-            ...props
+            className: clsx(Tooltip_module.disabledTrigger, className),
+            ...props,
+            "data-slot": "tooltip-disabled-trigger"
         })
     });
 });
@@ -53,18 +52,18 @@ const Tooltip_TooltipPositioner = /*#__PURE__*/ forwardRef(function({ className,
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Tooltip.Positioner, {
             ref: ref,
-            "data-slot": "tooltip-positioner",
-            className: clsx(Tooltip_module.positioner, normalizeClassName(className)),
-            ...props
+            className: clsx(Tooltip_module.positioner, className),
+            ...props,
+            "data-slot": "tooltip-positioner"
         })
     });
 });
 const Tooltip_TooltipContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tooltip.Content, {
         ref: ref,
-        "data-slot": "tooltip-content",
-        className: clsx(Tooltip_module.content, normalizeClassName(className)),
-        ...props
+        className: clsx(Tooltip_module.content, className),
+        ...props,
+        "data-slot": "tooltip-content"
     });
 });
 const Tooltip_TooltipBody = /*#__PURE__*/ forwardRef(function(props, ref) {
@@ -78,18 +77,18 @@ const Tooltip_TooltipBody = /*#__PURE__*/ forwardRef(function(props, ref) {
 const Tooltip_TooltipArrow = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tooltip.Arrow, {
         ref: ref,
-        "data-slot": "tooltip-arrow",
-        className: clsx(Tooltip_module.arrow, normalizeClassName(className)),
+        className: clsx(Tooltip_module.arrow, className),
         ...props,
+        "data-slot": "tooltip-arrow",
         children: children ?? /*#__PURE__*/ jsx(Tooltip_TooltipArrowTip, {})
     });
 });
 const Tooltip_TooltipArrowTip = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tooltip.ArrowTip, {
         ref: ref,
-        "data-slot": "tooltip-arrow-tip",
-        className: clsx(Tooltip_module.arrowTip, normalizeClassName(className)),
-        ...props
+        className: clsx(Tooltip_module.arrowTip, className),
+        ...props,
+        "data-slot": "tooltip-arrow-tip"
     });
 });
 const Tooltip_Tooltip = Object.assign(TooltipRoot, {

package/dist/components/tooltip/Tooltip_module.css

@@ -77,7 +77,7 @@
     border-radius: var(--moduix-tooltip-radius, var(--moduix-radius-md));
     background-color: var(--moduix-tooltip-bg, var(--moduix-color-popover));
     color: var(--moduix-tooltip-color, var(--moduix-color-popover-foreground));
-    box-shadow: var(--moduix-tooltip-shadow, var(--moduix-shadow-lg));
+    box-shadow: var(--moduix-tooltip-shadow, var(--moduix-shadow-md));
     font-size: var(--moduix-tooltip-font-size, var(--moduix-text-sm));
     line-height: var(--moduix-tooltip-line-height, var(--moduix-line-height-text-sm));
     text-align: center;

package/dist/components/tour/Tour.d.ts

@@ -1,6 +1,6 @@
 import { Tour as TourPrimitive, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise } from '@ark-ui/react/tour';
 import type { ComponentProps } from 'react';
-import { type OverlayPortalProps } from '../../internal/overlayPortal';
+import { type OverlayPortalProps } from '../../internal/overlayPortal.js';
 type TourRootProps = ComponentProps<typeof TourPrimitive.Root> & OverlayPortalProps;
 declare function TourRoot({ lazyMount, portalled, portalRef, unmountOnExit, ...props }: TourRootProps): import("react").JSX.Element;
 declare function TourActionList({ className }: {

package/dist/components/tour/Tour.js

@@ -4,7 +4,6 @@ import { ark } from "@ark-ui/react/factory";
 import { Tour, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise } from "@ark-ui/react/tour";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { normalizeClassName } from "../../internal/normalizeClassName.js";
 import { OverlayPortal, OverlayPortalProvider } from "../../internal/overlayPortal.js";
 import { CloseButton } from "../close-button/index.js";
 import Tour_module from "./Tour.module.js";
@@ -24,9 +23,9 @@ const Tour_TourBackdrop = /*#__PURE__*/ forwardRef(function({ className, ...prop
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Tour.Backdrop, {
             ref: ref,
-            "data-slot": "tour-backdrop",
-            className: clsx(Tour_module.backdrop, normalizeClassName(className)),
-            ...props
+            className: clsx(Tour_module.backdrop, className),
+            ...props,
+            "data-slot": "tour-backdrop"
         })
     });
 });
@@ -34,9 +33,9 @@ const Tour_TourSpotlight = /*#__PURE__*/ forwardRef(function({ className, ...pro
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Tour.Spotlight, {
             ref: ref,
-            "data-slot": "tour-spotlight",
-            className: clsx(Tour_module.spotlight, normalizeClassName(className)),
-            ...props
+            className: clsx(Tour_module.spotlight, className),
+            ...props,
+            "data-slot": "tour-spotlight"
         })
     });
 });
@@ -44,76 +43,76 @@ const Tour_TourPositioner = /*#__PURE__*/ forwardRef(function({ className, ...pr
     return /*#__PURE__*/ jsx(OverlayPortal, {
         children: /*#__PURE__*/ jsx(Tour.Positioner, {
             ref: ref,
-            "data-slot": "tour-positioner",
-            className: clsx(Tour_module.positioner, normalizeClassName(className)),
-            ...props
+            className: clsx(Tour_module.positioner, className),
+            ...props,
+            "data-slot": "tour-positioner"
         })
     });
 });
 const Tour_TourContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tour.Content, {
         ref: ref,
-        "data-slot": "tour-content",
-        className: clsx(Tour_module.content, normalizeClassName(className)),
-        ...props
+        className: clsx(Tour_module.content, className),
+        ...props,
+        "data-slot": "tour-content"
     });
 });
 const Tour_TourArrow = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tour.Arrow, {
         ref: ref,
-        "data-slot": "tour-arrow",
-        className: clsx(Tour_module.arrow, normalizeClassName(className)),
+        className: clsx(Tour_module.arrow, className),
         ...props,
+        "data-slot": "tour-arrow",
         children: children ?? /*#__PURE__*/ jsx(Tour_TourArrowTip, {})
     });
 });
 const Tour_TourArrowTip = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tour.ArrowTip, {
         ref: ref,
-        "data-slot": "tour-arrow-tip",
-        className: clsx(Tour_module.arrowTip, normalizeClassName(className)),
-        ...props
+        className: clsx(Tour_module.arrowTip, className),
+        ...props,
+        "data-slot": "tour-arrow-tip"
     });
 });
 const Tour_TourTitle = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tour.Title, {
         ref: ref,
-        "data-slot": "tour-title",
-        className: clsx(Tour_module.title, normalizeClassName(className)),
-        ...props
+        className: clsx(Tour_module.title, className),
+        ...props,
+        "data-slot": "tour-title"
     });
 });
 const Tour_TourDescription = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tour.Description, {
         ref: ref,
-        "data-slot": "tour-description",
-        className: clsx(Tour_module.description, normalizeClassName(className)),
-        ...props
+        className: clsx(Tour_module.description, className),
+        ...props,
+        "data-slot": "tour-description"
     });
 });
 const Tour_TourProgressText = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tour.ProgressText, {
         ref: ref,
-        "data-slot": "tour-progress-text",
-        className: clsx(Tour_module.progressText, normalizeClassName(className)),
-        ...props
+        className: clsx(Tour_module.progressText, className),
+        ...props,
+        "data-slot": "tour-progress-text"
     });
 });
 const Tour_TourBody = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(ark.div, {
         ref: ref,
-        "data-slot": "tour-body",
-        className: clsx(Tour_module.body, normalizeClassName(className)),
-        ...props
+        className: clsx(Tour_module.body, className),
+        ...props,
+        "data-slot": "tour-body"
     });
 });
 const Tour_TourCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tour.CloseTrigger, {
         ref: ref,
         asChild: asChild,
-        "data-slot": "tour-close-trigger",
-        className: clsx(!asChild && Tour_module.closeTrigger, normalizeClassName(className)),
-        ...props
+        className: clsx(!asChild && Tour_module.closeTrigger, className),
+        ...props,
+        "data-slot": "tour-close-trigger"
     });
 });
 const Tour_TourCloseIcon = /*#__PURE__*/ forwardRef(function({ className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_BUTTON_LABEL, ...props }, ref) {
@@ -124,7 +123,7 @@ const Tour_TourCloseIcon = /*#__PURE__*/ forwardRef(function({ className, childr
             ref: ref,
             "data-slot": "tour-close-icon",
             "aria-label": ariaLabel,
-            className: clsx(Tour_module.closeIcon, normalizeClassName(className)),
+            className: clsx(Tour_module.closeIcon, className),
             children: children
         })
     });
@@ -132,18 +131,18 @@ const Tour_TourCloseIcon = /*#__PURE__*/ forwardRef(function({ className, childr
 const Tour_TourControl = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tour.Control, {
         ref: ref,
-        "data-slot": "tour-control",
-        className: clsx(Tour_module.control, normalizeClassName(className)),
-        ...props
+        className: clsx(Tour_module.control, className),
+        ...props,
+        "data-slot": "tour-control"
     });
 });
 const Tour_TourActionTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, ...props }, ref) {
     return /*#__PURE__*/ jsx(Tour.ActionTrigger, {
         ref: ref,
         asChild: asChild,
-        "data-slot": "tour-action-trigger",
-        className: clsx(!asChild && Tour_module.actionTrigger, normalizeClassName(className)),
-        ...props
+        className: clsx(!asChild && Tour_module.actionTrigger, className),
+        ...props,
+        "data-slot": "tour-action-trigger"
     });
 });
 const TourActions = Tour.Actions;

package/dist/components/tree-view/TreeView.d.ts

@@ -1,4 +1,4 @@
-import { TreeView as TreeViewPrimitive, createFileTreeCollection, createTreeCollection, type TreeNode, type TreeViewLoadChildrenDetails, type TreeViewNodeProviderProps, type TreeViewNodeState, useTreeView, useTreeViewContext, useTreeViewNodeContext } from '@ark-ui/react/tree-view';
+import { TreeView as TreeViewPrimitive, createFileTreeCollection, createTreeCollection, type TreeNode, type TreeViewLoadChildrenDetails, type TreeViewNodeProviderProps, type TreeViewNodeState, type TreeViewRootComponent, type TreeViewRootProviderComponent, useTreeView, useTreeViewContext, useTreeViewNodeContext } from '@ark-ui/react/tree-view';
 import type { ComponentProps, ReactNode } from 'react';
 declare function TreeViewNodeCheckboxIndicator({ className, children, indeterminate, ...props }: ComponentProps<typeof TreeViewPrimitive.NodeCheckboxIndicator>): import("react").JSX.Element;
 type TreeViewNodeRenderProps<T extends TreeNode> = {
@@ -12,9 +12,9 @@ type TreeViewNodeProps<T extends TreeNode> = {
     node: T;
 };
 declare function TreeViewNode<T extends TreeNode>({ children, indexPath, node }: TreeViewNodeProps<T>): import("react").JSX.Element;
-declare const TreeView: TreeViewPrimitive.RootComponent & {
-    Root: TreeViewPrimitive.RootComponent;
-    RootProvider: TreeViewPrimitive.RootProviderComponent;
+declare const TreeView: TreeViewRootComponent & {
+    Root: TreeViewRootComponent;
+    RootProvider: TreeViewRootProviderComponent;
     Context: <T extends unknown>(props: TreeViewPrimitive.ContextProps<T>) => ReactNode;
     NodeContext: (props: TreeViewPrimitive.NodeContextProps) => ReactNode;
     Label: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.LabelProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;