@moduix/solid 1.0.0

package/dist/components/tour/Tour_module.css

@@ -0,0 +1,373 @@
+@layer moduix.components {
+  .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)));
+  }
+
+  .backdrop-okc1Ik[data-state="open"] {
+    animation: tour-backdrop-in-rR_UM_
+        var(--moduix-tour-backdrop-transition, var(--moduix-transition-default));
+  }
+
+  .backdrop-okc1Ik[data-state="closed"] {
+    animation: tour-backdrop-out-ERuuzg
+        var(--moduix-tour-backdrop-transition, var(--moduix-transition-default));
+  }
+
+  .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));
+  }
+
+  .positioner-Zk89xT {
+    --tour-z-index: var(--moduix-tour-z-index, var(--moduix-z-modal));
+    --_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(--_tour-positioner-z-index));
+    max-width: var(--available-width);
+    max-height: var(--available-height);
+    outline: 0;
+  }
+
+  .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;
+  }
+
+  .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;
+  }
+
+  .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%;
+  }
+
+  .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%;
+  }
+
+  .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%;
+  }
+
+  .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%;
+  }
+
+  .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(--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))),
+      var(--available-width, 100vw));
+    max-height: min(var(--moduix-tour-max-height, 24rem), var(--available-height, 100dvh));
+    padding: var(--moduix-tour-padding, var(--moduix-spacing-5));
+    border: var(--moduix-tour-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-tour-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-tour-radius, var(--moduix-radius-lg));
+    background-color: var(--moduix-tour-bg, var(--moduix-color-popover));
+    color: var(--moduix-tour-color, var(--moduix-color-popover-foreground));
+    box-shadow: var(--moduix-tour-shadow, var(--moduix-shadow-lg));
+    transform-origin: var(--transform-origin);
+    outline: 0;
+    flex-direction: column;
+    display: flex;
+    position: relative;
+    overflow: visible;
+  }
+
+  .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;
+  }
+
+  .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;
+  }
+
+  .content-ZY9BS9[data-type="dialog"] {
+    width: min(var(--moduix-tour-dialog-width, 26rem),
+        var(--moduix-tour-max-width, calc(100vw - var(--moduix-spacing-8))));
+  }
+
+  .content-ZY9BS9[data-type="floating"] {
+    width: min(var(--moduix-tour-floating-width, 22rem),
+        var(--moduix-tour-max-width, calc(100vw - var(--moduix-spacing-8))));
+  }
+
+  .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));
+  }
+
+  .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)));
+  }
+
+  .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));
+    font-weight: var(--moduix-tour-title-font-weight, var(--moduix-weight-semibold));
+    line-height: var(--moduix-tour-title-line-height, var(--moduix-line-height-text-md));
+    padding-inline-end: var(--moduix-tour-title-padding-inline-end, var(--moduix-spacing-6));
+  }
+
+  .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));
+  }
+
+  .progressText-Jm6Fx2 {
+    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));
+    line-height: var(--moduix-tour-progress-text-line-height, var(--moduix-line-height-text-xs));
+    order: 1;
+    margin-block-start: var(--moduix-tour-progress-text-margin-top, var(--moduix-spacing-2));
+  }
+
+  .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));
+    border-radius: var(--moduix-tour-close-trigger-radius, var(--moduix-radius-md));
+    background: var(--moduix-tour-close-trigger-bg, transparent);
+    color: var(--moduix-tour-close-trigger-color, var(--moduix-color-muted-foreground));
+    font: inherit;
+    cursor: pointer;
+    border: 0;
+    justify-content: center;
+    align-items: center;
+    padding: 0;
+    line-height: 1;
+    display: inline-flex;
+    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));
+  }
+
+  .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) {
+    .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)));
+    }
+  }
+
+  .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))) *
+          -1);
+  }
+
+  .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));
+    --moduix-close-button-bg: var(--moduix-tour-close-trigger-bg, transparent);
+    --moduix-close-button-bg-hover: var(--moduix-tour-close-trigger-bg-hover, var(--moduix-color-accent));
+    --moduix-close-button-color: var(--moduix-tour-close-trigger-color, var(--moduix-color-muted-foreground));
+    --moduix-close-button-color-hover: var(--moduix-tour-close-trigger-color-hover, var(--moduix-tour-color, var(--moduix-color-popover-foreground)));
+    --moduix-close-button-focus-ring-color: var(--moduix-tour-focus-ring-color, var(--moduix-color-ring));
+    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));
+  }
+
+  .control-pLhhBF {
+    justify-content: flex-end;
+    gap: var(--moduix-tour-control-gap, var(--moduix-spacing-2));
+    flex-wrap: wrap;
+    order: 2;
+    margin-block-start: var(--moduix-tour-control-margin-top, var(--moduix-spacing-3));
+    display: flex;
+  }
+
+  .actionTrigger-LsjeVS {
+    box-sizing: border-box;
+    min-height: var(--moduix-tour-action-height, var(--moduix-size-sm));
+    justify-content: center;
+    align-items: center;
+    gap: var(--moduix-tour-action-gap, var(--moduix-spacing-2));
+    padding-block: var(--moduix-tour-action-padding-y, var(--moduix-spacing-1-5));
+    padding-inline: var(--moduix-tour-action-padding-x, var(--moduix-spacing-3));
+    border: var(--moduix-tour-action-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-tour-action-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-tour-action-radius, var(--moduix-radius-md));
+    background: var(--moduix-tour-action-bg, var(--moduix-color-background));
+    color: var(--moduix-tour-action-color, var(--moduix-color-foreground));
+    font: inherit;
+    font-size: var(--moduix-tour-action-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-tour-action-font-weight, var(--moduix-weight-medium));
+    line-height: var(--moduix-tour-action-line-height, var(--moduix-line-height-text-sm));
+    white-space: nowrap;
+    cursor: pointer;
+    transition: background-color var(--moduix-tour-action-transition, var(--moduix-transition-default)),
+      border-color var(--moduix-tour-action-transition, var(--moduix-transition-default)),
+      color var(--moduix-tour-action-transition, var(--moduix-transition-default));
+    text-decoration: none;
+    display: inline-flex;
+  }
+
+  .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) {
+    .actionTrigger-LsjeVS:hover:not([data-disabled], :disabled) {
+      background: var(--moduix-tour-action-bg-hover, var(--moduix-color-accent));
+    }
+
+    .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%));
+    }
+  }
+
+  .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))) *
+          -1);
+  }
+
+  .actionTrigger-LsjeVS[data-disabled], .actionTrigger-LsjeVS:disabled {
+    pointer-events: none;
+    opacity: var(--moduix-tour-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .backdrop-okc1Ik[data-state], .content-ZY9BS9[data-state] {
+      animation-duration: 1ms;
+      animation-delay: 0s;
+    }
+
+    .actionTrigger-LsjeVS {
+      transition: none;
+    }
+  }
+
+  @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 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 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))
+        var(--moduix-tour-content-starting-translate-y, var(--moduix-popup-motion-starting-translate-y, 0));
+      scale: var(--moduix-tour-content-starting-scale, var(--moduix-popup-motion-starting-scale, var(--moduix-scale-popup)));
+    }
+  }
+
+  @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))
+        var(--moduix-tour-content-ending-translate-y, var(--moduix-popup-motion-ending-translate-y, 0));
+      scale: var(--moduix-tour-content-ending-scale, var(--moduix-popup-motion-ending-scale, var(--moduix-scale-popup)));
+    }
+  }
+}
+

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

@@ -0,0 +1,2 @@
+export { Tour, useTour, useTourContext, waitForElement, waitForElementValue, waitForEvent, waitForPromise, } from './Tour.js';
+export type { TourCloseIconProps, TourRootProps } 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/tour/index.jsx

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

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

@@ -0,0 +1,58 @@
+import { type HTMLArkProps } from '@ark-ui/solid/factory';
+import { TreeView as TreeViewPrimitive, createFileTreeCollection, createTreeCollection, type TreeNode, type TreeViewLoadChildrenDetails, type TreeViewNodeProviderProps, type TreeViewNodeState, type TreeViewRootComponent, type TreeViewRootProviderComponent, useTreeView, useTreeViewContext, useTreeViewNodeContext } from '@ark-ui/solid/tree-view';
+import type { Accessor, ComponentProps, JSX } from 'solid-js';
+declare const TreeViewRoot: TreeViewRootComponent;
+declare const TreeViewRootProvider: TreeViewRootProviderComponent;
+declare function TreeViewLabel(props: ComponentProps<typeof TreeViewPrimitive.Label>): JSX.Element;
+declare function TreeViewTree(props: ComponentProps<typeof TreeViewPrimitive.Tree>): JSX.Element;
+declare function TreeViewBranch(props: ComponentProps<typeof TreeViewPrimitive.Branch>): JSX.Element;
+declare function TreeViewBranchControl(props: ComponentProps<typeof TreeViewPrimitive.BranchControl>): JSX.Element;
+declare function TreeViewBranchTrigger(props: ComponentProps<typeof TreeViewPrimitive.BranchTrigger>): JSX.Element;
+declare function TreeViewBranchIndicator(props: ComponentProps<typeof TreeViewPrimitive.BranchIndicator>): JSX.Element;
+declare function TreeViewBranchText(props: ComponentProps<typeof TreeViewPrimitive.BranchText>): JSX.Element;
+declare function TreeViewBranchContent(props: ComponentProps<typeof TreeViewPrimitive.BranchContent>): JSX.Element;
+declare function TreeViewBranchIndentGuide(props: ComponentProps<typeof TreeViewPrimitive.BranchIndentGuide>): JSX.Element;
+declare function TreeViewItem(props: ComponentProps<typeof TreeViewPrimitive.Item>): JSX.Element;
+declare function TreeViewItemText(props: ComponentProps<typeof TreeViewPrimitive.ItemText>): JSX.Element;
+declare function TreeViewItemIndicator(props: ComponentProps<typeof TreeViewPrimitive.ItemIndicator>): JSX.Element;
+declare function TreeViewNodeCheckbox(props: ComponentProps<typeof TreeViewPrimitive.NodeCheckbox>): JSX.Element;
+type TreeViewNodeCheckboxIndicatorProps = ComponentProps<typeof TreeViewPrimitive.NodeCheckboxIndicator> & Omit<HTMLArkProps<'span'>, 'children'>;
+declare function TreeViewNodeCheckboxIndicator(props: TreeViewNodeCheckboxIndicatorProps): JSX.Element;
+declare function TreeViewNodeRenameInput(props: ComponentProps<typeof TreeViewPrimitive.NodeRenameInput>): JSX.Element;
+declare const TreeViewNodeProvider: typeof TreeViewPrimitive.NodeProvider;
+type TreeViewNodeRenderProps<T extends TreeNode> = {
+    indexPath: number[];
+    node: T;
+    state: Accessor<TreeViewNodeState>;
+};
+type TreeViewNodeProps<T extends TreeNode> = {
+    children: (props: TreeViewNodeRenderProps<T>) => JSX.Element;
+    indexPath: number[];
+    node: T;
+};
+declare function TreeViewNode<T extends TreeNode>(props: TreeViewNodeProps<T>): JSX.Element;
+type TreeViewComponent = typeof TreeViewRoot & {
+    Root: typeof TreeViewRoot;
+    RootProvider: typeof TreeViewRootProvider;
+    Context: typeof TreeViewPrimitive.Context;
+    NodeContext: typeof TreeViewPrimitive.NodeContext;
+    Label: typeof TreeViewLabel;
+    Tree: typeof TreeViewTree;
+    Node: typeof TreeViewNode;
+    NodeProvider: typeof TreeViewNodeProvider;
+    Branch: typeof TreeViewBranch;
+    BranchControl: typeof TreeViewBranchControl;
+    BranchTrigger: typeof TreeViewBranchTrigger;
+    BranchIndicator: typeof TreeViewBranchIndicator;
+    BranchText: typeof TreeViewBranchText;
+    BranchContent: typeof TreeViewBranchContent;
+    BranchIndentGuide: typeof TreeViewBranchIndentGuide;
+    Item: typeof TreeViewItem;
+    ItemText: typeof TreeViewItemText;
+    ItemIndicator: typeof TreeViewItemIndicator;
+    NodeCheckbox: typeof TreeViewNodeCheckbox;
+    NodeCheckboxIndicator: typeof TreeViewNodeCheckboxIndicator;
+    NodeRenameInput: typeof TreeViewNodeRenameInput;
+};
+declare const TreeView: TreeViewComponent;
+export { TreeView, createFileTreeCollection, createTreeCollection, useTreeView, useTreeViewContext, useTreeViewNodeContext, type TreeViewLoadChildrenDetails, type TreeViewNodeProps, type TreeViewNodeRenderProps, type TreeViewNodeState, type TreeViewNodeProviderProps, };