@moduix/react 2.2.0 → 2.2.4

package/dist/components/tour/{Tour.css → Tour_module.css}

@@ -1,69 +1,119 @@
 @layer moduix.components {
-  ._5wc7ja_backdrop {
-    z-index: calc(var(--moduix-tour-z-index, var(--moduix-z-modal)) + var(--layer-index, 0));
+  .backdrop-okc1Ik {
+    z-index: calc(var(--moduix-tour-z-index, var(--moduix-z-modal)) + var(--tour-layer, 0) +
+        var(--layer-index, 0));
     background-color: var(--moduix-tour-backdrop-bg, var(--moduix-backdrop-bg, var(--moduix-color-overlay)));
+    -webkit-backdrop-filter: var(--moduix-backdrop-filter, blur(var(--moduix-tour-backdrop-blur, 4px)));
     backdrop-filter: var(--moduix-backdrop-filter, blur(var(--moduix-tour-backdrop-blur, 4px)));
+  }
 
-    &[data-state="open"] {
-      animation: _5wc7ja_tour-backdrop-in
+  .backdrop-okc1Ik[data-state="open"] {
+    animation: tour-backdrop-in-rR_UM_
         var(--moduix-tour-backdrop-transition, var(--moduix-transition-default));
-    }
+  }
 
-    &[data-state="closed"] {
-      animation: _5wc7ja_tour-backdrop-out
+  .backdrop-okc1Ik[data-state="closed"] {
+    animation: tour-backdrop-out-ERuuzg
         var(--moduix-tour-backdrop-transition, var(--moduix-transition-default));
-    }
   }
 
-  ._5wc7ja_spotlight {
+  .spotlight-gPJyi_ {
     z-index: calc(var(--moduix-tour-z-index, var(--moduix-z-modal)) + var(--tour-layer, 0));
     box-shadow: var(--moduix-tour-spotlight-shadow, 0 0 0 var(--moduix-tour-spotlight-ring-width, 2px) var(--moduix-color-ring));
   }
 
-  ._5wc7ja_positioner {
-    z-index: var(--z-index, var(--moduix-tour-z-index, var(--moduix-z-modal)));
+  .positioner-Zk89xT {
+    --moduix-tour-positioner-z-index: calc(var(--moduix-tour-z-index, var(--moduix-z-modal)) + var(--tour-layer, 0) +
+        var(--layer-index, 0));
+    z-index: var(--z-index, var(--moduix-tour-positioner-z-index));
     max-width: var(--available-width);
     max-height: var(--available-height);
     outline: 0;
+  }
 
-    &[data-type="dialog"] {
-      overscroll-behavior: contain;
-      padding: var(--moduix-tour-positioner-padding, var(--moduix-spacing-4));
-      place-items: center;
-      display: grid;
-      position: fixed;
-      inset: 0;
-      overflow-y: auto;
-    }
+  .positioner-Zk89xT[data-type="dialog"] {
+    overscroll-behavior: contain;
+    padding: var(--moduix-tour-positioner-padding, var(--moduix-spacing-4));
+    place-items: center;
+    display: grid;
+    position: fixed;
+    inset: 0;
+    overflow-y: auto;
+  }
 
-    &[data-type="floating"] {
-      z-index: var(--moduix-tour-z-index, var(--moduix-z-modal));
-      margin: var(--moduix-tour-floating-offset, var(--moduix-spacing-6));
-      position: fixed;
+  .positioner-Zk89xT[data-type="floating"] {
+    max-width: calc(100vw - (var(--moduix-tour-floating-offset, var(--moduix-spacing-6)) * 2));
+    max-height: calc(100dvh - (var(--moduix-tour-floating-offset, var(--moduix-spacing-6)) * 2));
+    position: fixed;
+  }
 
-      &[data-placement*="top"] {
-        inset-block-start: 0;
-      }
+  .positioner-Zk89xT[data-type="floating"][data-placement="top"] {
+    inset-block-start: var(--moduix-tour-floating-offset, var(--moduix-spacing-6));
+    inset-inline-start: 50%;
+    translate: -50%;
+  }
 
-      &[data-placement*="bottom"] {
-        inset-block-end: 0;
-      }
+  .positioner-Zk89xT[data-type="floating"][data-placement="bottom"] {
+    inset-block-end: var(--moduix-tour-floating-offset, var(--moduix-spacing-6));
+    inset-inline-start: 50%;
+    translate: -50%;
+  }
 
-      &[data-placement*="start"] {
-        inset-inline-start: 0;
-      }
+  .positioner-Zk89xT[data-type="floating"][data-placement="left"] {
+    left: var(--moduix-tour-floating-offset, var(--moduix-spacing-6));
+    inset-block-start: 50%;
+    translate: 0 -50%;
+  }
 
-      &[data-placement*="end"] {
-        inset-inline-end: 0;
-      }
-    }
+  .positioner-Zk89xT[data-type="floating"][data-placement="right"] {
+    right: var(--moduix-tour-floating-offset, var(--moduix-spacing-6));
+    inset-block-start: 50%;
+    translate: 0 -50%;
+  }
+
+  .positioner-Zk89xT[data-type="floating"][data-placement="top-start"], .positioner-Zk89xT[data-type="floating"][data-placement="bottom-start"] {
+    inset-inline-start: var(--moduix-tour-floating-offset, var(--moduix-spacing-6));
+  }
+
+  .positioner-Zk89xT[data-type="floating"][data-placement="top-end"], .positioner-Zk89xT[data-type="floating"][data-placement="bottom-end"] {
+    inset-inline-end: var(--moduix-tour-floating-offset, var(--moduix-spacing-6));
+  }
+
+  .positioner-Zk89xT[data-type="floating"][data-placement="top-start"], .positioner-Zk89xT[data-type="floating"][data-placement="top-end"] {
+    inset-block-start: var(--moduix-tour-floating-offset, var(--moduix-spacing-6));
+  }
+
+  .positioner-Zk89xT[data-type="floating"][data-placement="bottom-start"], .positioner-Zk89xT[data-type="floating"][data-placement="bottom-end"] {
+    inset-block-end: var(--moduix-tour-floating-offset, var(--moduix-spacing-6));
+  }
+
+  .positioner-Zk89xT[data-type="floating"][data-placement="left-start"], .positioner-Zk89xT[data-type="floating"][data-placement="right-start"] {
+    inset-block-start: var(--moduix-tour-floating-offset, var(--moduix-spacing-6));
+  }
+
+  .positioner-Zk89xT[data-type="floating"][data-placement="left-end"], .positioner-Zk89xT[data-type="floating"][data-placement="right-end"] {
+    inset-block-end: var(--moduix-tour-floating-offset, var(--moduix-spacing-6));
+  }
+
+  .positioner-Zk89xT[data-type="floating"][data-placement="left-start"], .positioner-Zk89xT[data-type="floating"][data-placement="left-end"] {
+    left: var(--moduix-tour-floating-offset, var(--moduix-spacing-6));
+  }
+
+  .positioner-Zk89xT[data-type="floating"][data-placement="right-start"], .positioner-Zk89xT[data-type="floating"][data-placement="right-end"] {
+    right: var(--moduix-tour-floating-offset, var(--moduix-spacing-6));
+  }
+
+  .positioner-Zk89xT[data-type="floating"][data-placement="center"] {
+    inset: 50%;
+    translate: -50% -50%;
   }
 
-  ._5wc7ja_content {
+  .content-ZY9BS9 {
     --arrow-background: var(--moduix-tour-arrow-background, var(--moduix-tour-bg, var(--moduix-color-popover)));
     --arrow-size: var(--moduix-tour-arrow-size, var(--moduix-spacing-2-5));
     box-sizing: border-box;
-    z-index: calc(var(--moduix-tour-z-index, var(--moduix-z-modal)) + var(--layer-index, 0));
+    z-index: calc(var(--moduix-tour-z-index, var(--moduix-z-modal)) + var(--tour-layer, 0) +
+        var(--layer-index, 0));
     gap: var(--moduix-tour-gap, var(--moduix-spacing-1));
     width: min(var(--moduix-tour-width, 20rem), var(--available-width, 100vw));
     max-width: min(var(--moduix-tour-max-width, calc(100vw - var(--moduix-spacing-8))),
@@ -82,45 +132,50 @@
     display: flex;
     position: relative;
     overflow: visible;
+  }
 
-    &[data-state="open"] {
-      animation: _5wc7ja_tour-content-in
+  .content-ZY9BS9[data-state="open"] {
+    animation: tour-content-in-mwLmu_
         var(--moduix-tour-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-normal))
             var(--moduix-popup-motion-easing, var(--moduix-ease-in-out)))
         both;
-    }
+  }
 
-    &[data-state="closed"] {
-      animation: _5wc7ja_tour-content-out
+  .content-ZY9BS9[data-state="closed"] {
+    animation: tour-content-out-FyzK_o
         var(--moduix-tour-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-normal))
             var(--moduix-popup-motion-easing, var(--moduix-ease-in-out)))
         both;
-    }
+  }
 
-    &[data-type="dialog"] {
-      width: min(var(--moduix-tour-dialog-width, 26rem),
+  .content-ZY9BS9[data-type="dialog"] {
+    width: min(var(--moduix-tour-dialog-width, 26rem),
         var(--moduix-tour-max-width, calc(100vw - var(--moduix-spacing-8))));
-    }
+  }
 
-    &[data-type="floating"] {
-      width: min(var(--moduix-tour-floating-width, 22rem),
+  .content-ZY9BS9[data-type="floating"] {
+    width: min(var(--moduix-tour-floating-width, 22rem),
         var(--moduix-tour-max-width, calc(100vw - var(--moduix-spacing-8))));
-    }
   }
 
-  ._5wc7ja_arrow {
+  .content-ZY9BS9:has(.body-w5DEFg) {
+    grid-template-rows: minmax(0, 1fr) auto;
+    display: grid;
+  }
+
+  .arrow-MGJKtO {
     --arrow-background: var(--moduix-tour-arrow-background, var(--moduix-tour-bg, var(--moduix-color-popover)));
     --arrow-size: var(--moduix-tour-arrow-size, var(--moduix-spacing-2-5));
   }
 
-  ._5wc7ja_arrowTip {
+  .arrowTip-ptK6ik {
     border-top: var(--moduix-tour-border-width, var(--moduix-border-width-sm)) solid
       var(--moduix-tour-arrow-stroke-color, var(--moduix-tour-border-color, var(--moduix-color-border)));
     border-left: var(--moduix-tour-border-width, var(--moduix-border-width-sm)) solid
       var(--moduix-tour-arrow-stroke-color, var(--moduix-tour-border-color, var(--moduix-color-border)));
   }
 
-  ._5wc7ja_title {
+  .title-wiiGDZ {
     margin: var(--moduix-tour-title-margin, 0);
     color: var(--moduix-tour-title-color, var(--moduix-tour-color, var(--moduix-color-popover-foreground)));
     font-size: var(--moduix-tour-title-font-size, var(--moduix-text-md));
@@ -129,14 +184,14 @@
     padding-inline-end: var(--moduix-tour-title-padding-inline-end, var(--moduix-spacing-6));
   }
 
-  ._5wc7ja_description {
+  .description-uDg1g_ {
     margin: var(--moduix-tour-description-margin, 0);
     color: var(--moduix-tour-description-color, var(--moduix-color-muted-foreground));
     font-size: var(--moduix-tour-description-font-size, var(--moduix-text-sm));
     line-height: var(--moduix-tour-description-line-height, var(--moduix-line-height-text-sm));
   }
 
-  ._5wc7ja_progressText {
+  .progressText-Jm6Fx2 {
     margin-top: var(--moduix-tour-progress-text-margin-top, var(--moduix-spacing-2));
     color: var(--moduix-tour-progress-text-color, var(--moduix-color-muted-foreground));
     font-size: var(--moduix-tour-progress-text-font-size, var(--moduix-text-xs));
@@ -144,7 +199,15 @@
     order: 1;
   }
 
-  ._5wc7ja_closeTrigger {
+  .body-w5DEFg {
+    gap: var(--moduix-tour-gap, var(--moduix-spacing-1));
+    flex-direction: column;
+    min-block-size: 0;
+    display: flex;
+    overflow: auto;
+  }
+
+  .closeTrigger-fNBdoQ {
     box-sizing: border-box;
     width: var(--moduix-tour-close-trigger-size, var(--moduix-spacing-7));
     height: var(--moduix-tour-close-trigger-size, var(--moduix-spacing-7));
@@ -162,28 +225,28 @@
     position: absolute;
     inset-block-start: var(--moduix-tour-close-trigger-offset, var(--moduix-spacing-4));
     inset-inline-end: var(--moduix-tour-close-trigger-offset, var(--moduix-spacing-4));
+  }
 
-    & :where(svg) {
-      width: var(--moduix-tour-close-trigger-icon-size, var(--moduix-spacing-3));
-      height: var(--moduix-tour-close-trigger-icon-size, var(--moduix-spacing-3));
-    }
+  .closeTrigger-fNBdoQ :where(svg) {
+    width: var(--moduix-tour-close-trigger-icon-size, var(--moduix-spacing-3));
+    height: var(--moduix-tour-close-trigger-icon-size, var(--moduix-spacing-3));
+  }
 
-    @media (hover: hover) {
-      &:hover {
-        background: var(--moduix-tour-close-trigger-bg-hover, var(--moduix-color-accent));
-        color: var(--moduix-tour-close-trigger-color-hover, var(--moduix-tour-color, var(--moduix-color-popover-foreground)));
-      }
+  @media (hover: hover) {
+    .closeTrigger-fNBdoQ:hover {
+      background: var(--moduix-tour-close-trigger-bg-hover, var(--moduix-color-accent));
+      color: var(--moduix-tour-close-trigger-color-hover, var(--moduix-tour-color, var(--moduix-color-popover-foreground)));
     }
+  }
 
-    &:focus-visible {
-      outline: var(--moduix-tour-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+  .closeTrigger-fNBdoQ:focus-visible {
+    outline: var(--moduix-tour-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
         solid var(--moduix-tour-focus-ring-color, var(--moduix-color-ring));
-      outline-offset: calc(var(--moduix-tour-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))) *
+    outline-offset: calc(var(--moduix-tour-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))) *
           -1);
-    }
   }
 
-  ._5wc7ja_closeIcon {
+  .closeIcon-izAf2Q {
     --moduix-close-button-size: var(--moduix-tour-close-trigger-size, var(--moduix-spacing-7));
     --moduix-close-button-radius: var(--moduix-tour-close-trigger-radius, var(--moduix-radius-md));
     --moduix-close-button-icon-size: var(--moduix-tour-close-trigger-icon-size, var(--moduix-spacing-3));
@@ -197,7 +260,7 @@
     inset-inline-end: var(--moduix-tour-close-trigger-offset, var(--moduix-spacing-4));
   }
 
-  ._5wc7ja_control {
+  .control-pLhhBF {
     justify-content: flex-end;
     gap: var(--moduix-tour-control-gap, var(--moduix-spacing-2));
     margin-top: var(--moduix-tour-control-margin-top, var(--moduix-spacing-3));
@@ -206,7 +269,7 @@
     display: flex;
   }
 
-  ._5wc7ja_actionTrigger {
+  .actionTrigger-LsjeVS {
     box-sizing: border-box;
     min-height: var(--moduix-tour-action-height, var(--moduix-size-sm));
     justify-content: center;
@@ -230,52 +293,54 @@
       color var(--moduix-tour-action-transition, var(--moduix-transition-default));
     text-decoration: none;
     display: inline-flex;
+  }
 
-    &[data-type="next"], &[data-type="close"] {
-      border-color: var(--moduix-tour-action-primary-border-color, var(--moduix-color-primary));
-      background: var(--moduix-tour-action-primary-bg, var(--moduix-color-primary));
-      color: var(--moduix-tour-action-primary-color, var(--moduix-color-primary-foreground));
-    }
+  .actionTrigger-LsjeVS[data-type="next"], .actionTrigger-LsjeVS[data-type="close"] {
+    border-color: var(--moduix-tour-action-primary-border-color, var(--moduix-color-primary));
+    background: var(--moduix-tour-action-primary-bg, var(--moduix-color-primary));
+    color: var(--moduix-tour-action-primary-color, var(--moduix-color-primary-foreground));
+  }
 
-    @media (hover: hover) {
-      &:hover:not([data-disabled], :disabled) {
-        background: var(--moduix-tour-action-bg-hover, var(--moduix-color-accent));
-      }
+  @media (hover: hover) {
+    .actionTrigger-LsjeVS:hover:not([data-disabled], :disabled) {
+      background: var(--moduix-tour-action-bg-hover, var(--moduix-color-accent));
+    }
 
-      &:is([data-type="next"], [data-type="close"]):hover:not([data-disabled], :disabled) {
-        border-color: var(--moduix-tour-action-primary-border-color-hover, color-mix(in oklab, var(--moduix-color-primary), black 12%));
-        background: var(--moduix-tour-action-primary-bg-hover, color-mix(in oklab, var(--moduix-color-primary), black 12%));
-      }
+    .actionTrigger-LsjeVS:is([data-type="next"], [data-type="close"]):hover:not([data-disabled], :disabled) {
+      border-color: var(--moduix-tour-action-primary-border-color-hover, color-mix(in oklab, var(--moduix-color-primary), black 12%));
+      background: var(--moduix-tour-action-primary-bg-hover, color-mix(in oklab, var(--moduix-color-primary), black 12%));
     }
+  }
 
-    &:focus-visible {
-      outline: var(--moduix-tour-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+  .actionTrigger-LsjeVS:focus-visible {
+    outline: var(--moduix-tour-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
         solid var(--moduix-tour-focus-ring-color, var(--moduix-color-ring));
-      outline-offset: calc(var(--moduix-tour-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))) *
+    outline-offset: calc(var(--moduix-tour-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))) *
           -1);
-    }
+  }
 
-    &[data-disabled], &:disabled {
-      pointer-events: none;
-      opacity: var(--moduix-tour-disabled-opacity, var(--moduix-opacity-disabled));
-    }
+  .actionTrigger-LsjeVS[data-disabled], .actionTrigger-LsjeVS:disabled {
+    pointer-events: none;
+    opacity: var(--moduix-tour-disabled-opacity, var(--moduix-opacity-disabled));
   }
 
-  @keyframes _5wc7ja_tour-backdrop-in {
+  @keyframes tour-backdrop-in-rR_UM_ {
     from {
       opacity: var(--moduix-tour-backdrop-starting-opacity, 0);
+      -webkit-backdrop-filter: var(--moduix-tour-backdrop-starting-blur, none);
       backdrop-filter: var(--moduix-tour-backdrop-starting-blur, none);
     }
   }
 
-  @keyframes _5wc7ja_tour-backdrop-out {
+  @keyframes tour-backdrop-out-ERuuzg {
     to {
       opacity: var(--moduix-tour-backdrop-ending-opacity, 0);
+      -webkit-backdrop-filter: var(--moduix-tour-backdrop-ending-blur, none);
       backdrop-filter: var(--moduix-tour-backdrop-ending-blur, none);
     }
   }
 
-  @keyframes _5wc7ja_tour-content-in {
+  @keyframes tour-content-in-mwLmu_ {
     from {
       opacity: var(--moduix-tour-content-starting-opacity, var(--moduix-popup-motion-starting-opacity, 0));
       translate: var(--moduix-tour-content-starting-translate-x, var(--moduix-popup-motion-starting-translate-x, 0))
@@ -284,7 +349,7 @@
     }
   }
 
-  @keyframes _5wc7ja_tour-content-out {
+  @keyframes tour-content-out-FyzK_o {
     to {
       opacity: var(--moduix-tour-content-ending-opacity, var(--moduix-popup-motion-ending-opacity, 0));
       translate: var(--moduix-tour-content-ending-translate-x, var(--moduix-popup-motion-ending-translate-x, 0))
@@ -293,3 +358,4 @@
     }
   }
 }
+

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

@@ -1,2 +1 @@
-import { Tour, useTour, waitForElement, waitForElementValue, waitForEvent, waitForPromise } from "./Tour.js";
-export { Tour, useTour, waitForElement, waitForElementValue, waitForEvent, waitForPromise };
+export { Tour, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise, } from './Tour.js';

package/dist/components/tour/index.js

@@ -0,0 +1 @@
+export { Tour, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise } from "./Tour.js";

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

@@ -1,32 +1,38 @@
-import { ComponentProps } from "react";
-import { TreeView, TreeViewLoadChildrenDetails, TreeViewNodeProviderProps, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewNodeContext } from "@ark-ui/react/tree-view";
-
-//#region src/components/tree-view/TreeView.d.ts
-declare function TreeViewNodeCheckboxIndicator({
-  className,
-  children,
-  indeterminate,
-  ...props
-}: ComponentProps<typeof TreeView.NodeCheckboxIndicator>): import("react").JSX.Element;
-declare const TreeView$1: TreeView.RootComponent & {
-  Root: TreeView.RootComponent;
-  RootProvider: TreeView.RootProviderComponent;
-  Label: import("react").ForwardRefExoticComponent<Omit<TreeView.LabelProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
-  Tree: import("react").ForwardRefExoticComponent<Omit<TreeView.TreeProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  NodeProvider: typeof TreeView.NodeProvider;
-  Branch: import("react").ForwardRefExoticComponent<Omit<TreeView.BranchProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  BranchControl: import("react").ForwardRefExoticComponent<Omit<TreeView.BranchControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  BranchTrigger: import("react").ForwardRefExoticComponent<Omit<TreeView.BranchTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  BranchIndicator: import("react").ForwardRefExoticComponent<Omit<TreeView.BranchIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  BranchText: import("react").ForwardRefExoticComponent<Omit<TreeView.BranchTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-  BranchContent: import("react").ForwardRefExoticComponent<Omit<TreeView.BranchContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  BranchIndentGuide: import("react").ForwardRefExoticComponent<Omit<TreeView.BranchIndentGuideProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Item: import("react").ForwardRefExoticComponent<Omit<TreeView.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ItemText: import("react").ForwardRefExoticComponent<Omit<TreeView.ItemTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-  ItemIndicator: import("react").ForwardRefExoticComponent<Omit<TreeView.ItemIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  NodeCheckbox: import("react").ForwardRefExoticComponent<Omit<TreeView.NodeCheckboxProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-  NodeCheckboxIndicator: typeof TreeViewNodeCheckboxIndicator;
-  NodeRenameInput: import("react").ForwardRefExoticComponent<Omit<TreeView.NodeRenameInputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+import { TreeView as TreeViewPrimitive, createFileTreeCollection, createTreeCollection, type TreeNode, type TreeViewLoadChildrenDetails, type TreeViewNodeProps as TreeViewPrimitiveNodeProps, type TreeViewNodeProviderProps, type TreeViewNodeState, 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> = {
+    indexPath: number[];
+    node: T;
+    state: TreeViewNodeState;
 };
-//#endregion
-export { TreeView$1 as TreeView, type TreeViewLoadChildrenDetails, type TreeViewNodeProviderProps, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewNodeContext };
+type TreeViewNodeProps<T extends TreeNode> = {
+    children: (props: TreeViewNodeRenderProps<T>) => ReactNode;
+    indexPath: number[];
+    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;
+    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>>;
+    Tree: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.TreeProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Node: typeof TreeViewNode;
+    NodeProvider: typeof TreeViewPrimitive.NodeProvider;
+    Branch: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.BranchProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    BranchControl: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.BranchControlProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    BranchTrigger: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.BranchTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    BranchIndicator: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.BranchIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    BranchText: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.BranchTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    BranchContent: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.BranchContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    BranchIndentGuide: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.BranchIndentGuideProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.ItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ItemText: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.ItemTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    ItemIndicator: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.ItemIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    NodeCheckbox: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.NodeCheckboxProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    NodeCheckboxIndicator: typeof TreeViewNodeCheckboxIndicator;
+    NodeRenameInput: import("react").ForwardRefExoticComponent<Omit<TreeViewPrimitive.NodeRenameInputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+};
+export { TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewContext, useTreeViewNodeContext, type TreeViewLoadChildrenDetails, type TreeViewNodeRenderProps, type TreeViewNodeState, type TreeViewPrimitiveNodeProps as TreeViewNodeProps, type TreeViewNodeProviderProps, };