@ark-ui/react 4.1.2 → 4.3.0

package/dist/components/index.cjs

@@ -51,6 +51,7 @@ const useCheckboxContext = require('./checkbox/use-checkbox-context.cjs');
 const useCheckboxGroup = require('./checkbox/use-checkbox-group.cjs');
 const useCheckboxGroupContext = require('./checkbox/use-checkbox-group-context.cjs');
 const checkbox = require('./checkbox/checkbox.cjs');
+const clientOnly = require('./client-only/client-only.cjs');
 const clipboardContext = require('./clipboard/clipboard-context.cjs');
 const clipboardControl = require('./clipboard/clipboard-control.cjs');
 const clipboardIndicator = require('./clipboard/clipboard-indicator.cjs');
@@ -194,6 +195,7 @@ const fieldRoot = require('./field/field-root.cjs');
 const fieldRootProvider = require('./field/field-root-provider.cjs');
 const fieldSelect = require('./field/field-select.cjs');
 const fieldTextarea = require('./field/field-textarea.cjs');
+const fieldRequiredIndicator = require('./field/field-required-indicator.cjs');
 const field_anatomy = require('./field/field.anatomy.cjs');
 const useFieldContext = require('./field/use-field-context.cjs');
 const field = require('./field/field.cjs');
@@ -421,6 +423,7 @@ const useSignaturePadContext = require('./signature-pad/use-signature-pad-contex
 const signaturePad$1 = require('./signature-pad/signature-pad.cjs');
 const sliderContext = require('./slider/slider-context.cjs');
 const sliderControl = require('./slider/slider-control.cjs');
+const sliderDraggingIndicator = require('./slider/slider-dragging-indicator.cjs');
 const sliderHiddenInput = require('./slider/slider-hidden-input.cjs');
 const sliderLabel = require('./slider/slider-label.cjs');
 const sliderMarker = require('./slider/slider-marker.cjs');
@@ -564,21 +567,20 @@ const tooltip$1 = require('./tooltip/tooltip.cjs');
 const treeViewBranch = require('./tree-view/tree-view-branch.cjs');
 const treeViewBranchContent = require('./tree-view/tree-view-branch-content.cjs');
 const treeViewBranchControl = require('./tree-view/tree-view-branch-control.cjs');
+const treeViewBranchIndentGuide = require('./tree-view/tree-view-branch-indent-guide.cjs');
 const treeViewBranchIndicator = require('./tree-view/tree-view-branch-indicator.cjs');
 const treeViewBranchText = require('./tree-view/tree-view-branch-text.cjs');
 const treeViewBranchTrigger = require('./tree-view/tree-view-branch-trigger.cjs');
-const treeViewContext = require('./tree-view/tree-view-context.cjs');
 const treeViewItem = require('./tree-view/tree-view-item.cjs');
-const treeViewItemContext = require('./tree-view/tree-view-item-context.cjs');
 const treeViewItemIndicator = require('./tree-view/tree-view-item-indicator.cjs');
 const treeViewItemText = require('./tree-view/tree-view-item-text.cjs');
 const treeViewLabel = require('./tree-view/tree-view-label.cjs');
+const treeViewNodeContext = require('./tree-view/tree-view-node-context.cjs');
+const treeViewNodeProvider = require('./tree-view/tree-view-node-provider.cjs');
 const treeViewRoot = require('./tree-view/tree-view-root.cjs');
 const treeViewRootProvider = require('./tree-view/tree-view-root-provider.cjs');
 const treeViewTree = require('./tree-view/tree-view-tree.cjs');
 const useTreeView = require('./tree-view/use-tree-view.cjs');
-const useTreeViewContext = require('./tree-view/use-tree-view-context.cjs');
-const useTreeViewItemContext = require('./tree-view/use-tree-view-item-context.cjs');
 const treeView$1 = require('./tree-view/tree-view.cjs');
 const accordion = require('@zag-js/accordion');
 const avatar = require('@zag-js/avatar');
@@ -663,6 +665,7 @@ exports.useCheckboxContext = useCheckboxContext.useCheckboxContext;
 exports.useCheckboxGroup = useCheckboxGroup.useCheckboxGroup;
 exports.useCheckboxGroupContext = useCheckboxGroupContext.useCheckboxGroupContext;
 exports.Checkbox = checkbox;
+exports.ClientOnly = clientOnly.ClientOnly;
 exports.ClipboardContext = clipboardContext.ClipboardContext;
 exports.ClipboardControl = clipboardControl.ClipboardControl;
 exports.ClipboardIndicator = clipboardIndicator.ClipboardIndicator;
@@ -720,6 +723,7 @@ exports.useColorPicker = useColorPicker.useColorPicker;
 exports.useColorPickerContext = useColorPickerContext.useColorPickerContext;
 exports.ColorPicker = colorPicker$1;
 exports.createListCollection = collection.createListCollection;
+exports.createTreeCollection = collection.createTreeCollection;
 exports.ComboboxClearTrigger = comboboxClearTrigger.ComboboxClearTrigger;
 exports.ComboboxContent = comboboxContent.ComboboxContent;
 exports.ComboboxContext = comboboxContext.ComboboxContext;
@@ -813,6 +817,7 @@ exports.FieldRoot = fieldRoot.FieldRoot;
 exports.FieldRootProvider = fieldRootProvider.FieldRootProvider;
 exports.FieldSelect = fieldSelect.FieldSelect;
 exports.FieldTextarea = fieldTextarea.FieldTextarea;
+exports.FieldRequiredIndicator = fieldRequiredIndicator.FieldRequiredIndicator;
 exports.fieldAnatomy = field_anatomy.fieldAnatomy;
 exports.useFieldContext = useFieldContext.useFieldContext;
 exports.Field = field;
@@ -1041,6 +1046,7 @@ exports.useSignaturePadContext = useSignaturePadContext.useSignaturePadContext;
 exports.SignaturePad = signaturePad$1;
 exports.SliderContext = sliderContext.SliderContext;
 exports.SliderControl = sliderControl.SliderControl;
+exports.SliderDraggingIndicator = sliderDraggingIndicator.SliderDraggingIndicator;
 exports.SliderHiddenInput = sliderHiddenInput.SliderHiddenInput;
 exports.SliderLabel = sliderLabel.SliderLabel;
 exports.SliderMarker = sliderMarker.SliderMarker;
@@ -1187,21 +1193,20 @@ exports.Tooltip = tooltip$1;
 exports.TreeViewBranch = treeViewBranch.TreeViewBranch;
 exports.TreeViewBranchContent = treeViewBranchContent.TreeViewBranchContent;
 exports.TreeViewBranchControl = treeViewBranchControl.TreeViewBranchControl;
+exports.TreeViewBranchIndentGuide = treeViewBranchIndentGuide.TreeViewBranchIndentGuide;
 exports.TreeViewBranchIndicator = treeViewBranchIndicator.TreeViewBranchIndicator;
 exports.TreeViewBranchText = treeViewBranchText.TreeViewBranchText;
 exports.TreeViewBranchTrigger = treeViewBranchTrigger.TreeViewBranchTrigger;
-exports.TreeViewContext = treeViewContext.TreeViewContext;
 exports.TreeViewItem = treeViewItem.TreeViewItem;
-exports.TreeViewItemContext = treeViewItemContext.TreeViewItemContext;
 exports.TreeViewItemIndicator = treeViewItemIndicator.TreeViewItemIndicator;
 exports.TreeViewItemText = treeViewItemText.TreeViewItemText;
 exports.TreeViewLabel = treeViewLabel.TreeViewLabel;
+exports.TreeViewNodeContext = treeViewNodeContext.TreeViewNodeContext;
+exports.TreeViewNodeProvider = treeViewNodeProvider.TreeViewNodeProvider;
 exports.TreeViewRoot = treeViewRoot.TreeViewRoot;
 exports.TreeViewRootProvider = treeViewRootProvider.TreeViewRootProvider;
 exports.TreeViewTree = treeViewTree.TreeViewTree;
 exports.useTreeView = useTreeView.useTreeView;
-exports.useTreeViewContext = useTreeViewContext.useTreeViewContext;
-exports.useTreeViewItemContext = useTreeViewItemContext.useTreeViewItemContext;
 exports.TreeView = treeView$1;
 Object.defineProperty(exports, "accordionAnatomy", {
 	enumerable: true,

package/dist/components/index.d.cts

@@ -2,6 +2,7 @@ export * from './accordion';
 export * from './avatar';
 export * from './carousel';
 export * from './checkbox';
+export * from './client-only';
 export * from './clipboard';
 export * from './collapsible';
 export * from './color-picker';

package/dist/components/index.d.ts

@@ -2,6 +2,7 @@ export * from './accordion';
 export * from './avatar';
 export * from './carousel';
 export * from './checkbox';
+export * from './client-only';
 export * from './clipboard';
 export * from './collapsible';
 export * from './color-picker';

package/dist/components/index.js

@@ -51,6 +51,7 @@ export { useCheckboxGroup } from './checkbox/use-checkbox-group.js';
 export { useCheckboxGroupContext } from './checkbox/use-checkbox-group-context.js';
 import * as checkbox from './checkbox/checkbox.js';
 export { checkbox as Checkbox };
+export { ClientOnly } from './client-only/client-only.js';
 export { ClipboardContext } from './clipboard/clipboard-context.js';
 export { ClipboardControl } from './clipboard/clipboard-control.js';
 export { ClipboardIndicator } from './clipboard/clipboard-indicator.js';
@@ -107,7 +108,7 @@ export { useColorPicker } from './color-picker/use-color-picker.js';
 export { useColorPickerContext } from './color-picker/use-color-picker-context.js';
 import * as colorPicker from './color-picker/color-picker.js';
 export { colorPicker as ColorPicker };
-export { createListCollection } from './collection.js';
+export { createListCollection, createTreeCollection } from './collection.js';
 export { ComboboxClearTrigger } from './combobox/combobox-clear-trigger.js';
 export { ComboboxContent } from './combobox/combobox-content.js';
 export { ComboboxContext } from './combobox/combobox-context.js';
@@ -201,6 +202,7 @@ export { FieldRoot } from './field/field-root.js';
 export { FieldRootProvider } from './field/field-root-provider.js';
 export { FieldSelect } from './field/field-select.js';
 export { FieldTextarea } from './field/field-textarea.js';
+export { FieldRequiredIndicator } from './field/field-required-indicator.js';
 export { fieldAnatomy } from './field/field.anatomy.js';
 export { useFieldContext } from './field/use-field-context.js';
 import * as field from './field/field.js';
@@ -445,6 +447,7 @@ import * as signaturePad from './signature-pad/signature-pad.js';
 export { signaturePad as SignaturePad };
 export { SliderContext } from './slider/slider-context.js';
 export { SliderControl } from './slider/slider-control.js';
+export { SliderDraggingIndicator } from './slider/slider-dragging-indicator.js';
 export { SliderHiddenInput } from './slider/slider-hidden-input.js';
 export { SliderLabel } from './slider/slider-label.js';
 export { SliderMarker } from './slider/slider-marker.js';
@@ -600,21 +603,20 @@ export { tooltip as Tooltip };
 export { TreeViewBranch } from './tree-view/tree-view-branch.js';
 export { TreeViewBranchContent } from './tree-view/tree-view-branch-content.js';
 export { TreeViewBranchControl } from './tree-view/tree-view-branch-control.js';
+export { TreeViewBranchIndentGuide } from './tree-view/tree-view-branch-indent-guide.js';
 export { TreeViewBranchIndicator } from './tree-view/tree-view-branch-indicator.js';
 export { TreeViewBranchText } from './tree-view/tree-view-branch-text.js';
 export { TreeViewBranchTrigger } from './tree-view/tree-view-branch-trigger.js';
-export { TreeViewContext } from './tree-view/tree-view-context.js';
 export { TreeViewItem } from './tree-view/tree-view-item.js';
-export { TreeViewItemContext } from './tree-view/tree-view-item-context.js';
 export { TreeViewItemIndicator } from './tree-view/tree-view-item-indicator.js';
 export { TreeViewItemText } from './tree-view/tree-view-item-text.js';
 export { TreeViewLabel } from './tree-view/tree-view-label.js';
+export { TreeViewNodeContext } from './tree-view/tree-view-node-context.js';
+export { TreeViewNodeProvider } from './tree-view/tree-view-node-provider.js';
 export { TreeViewRoot } from './tree-view/tree-view-root.js';
 export { TreeViewRootProvider } from './tree-view/tree-view-root-provider.js';
 export { TreeViewTree } from './tree-view/tree-view-tree.js';
 export { useTreeView } from './tree-view/use-tree-view.js';
-export { useTreeViewContext } from './tree-view/use-tree-view-context.js';
-export { useTreeViewItemContext } from './tree-view/use-tree-view-item-context.js';
 import * as treeView from './tree-view/tree-view.js';
 export { treeView as TreeView };
 export { anatomy as accordionAnatomy } from '@zag-js/accordion';

package/dist/components/slider/index.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const sliderContext = require('./slider-context.cjs');
 const sliderControl = require('./slider-control.cjs');
+const sliderDraggingIndicator = require('./slider-dragging-indicator.cjs');
 const sliderHiddenInput = require('./slider-hidden-input.cjs');
 const sliderLabel = require('./slider-label.cjs');
 const sliderMarker = require('./slider-marker.cjs');
@@ -23,6 +24,7 @@ const slider = require('@zag-js/slider');
 
 exports.SliderContext = sliderContext.SliderContext;
 exports.SliderControl = sliderControl.SliderControl;
+exports.SliderDraggingIndicator = sliderDraggingIndicator.SliderDraggingIndicator;
 exports.SliderHiddenInput = sliderHiddenInput.SliderHiddenInput;
 exports.SliderLabel = sliderLabel.SliderLabel;
 exports.SliderMarker = sliderMarker.SliderMarker;

package/dist/components/slider/index.d.cts

@@ -1,6 +1,7 @@
 export type { FocusChangeDetails as SliderFocusChangeDetails, ValueChangeDetails as SliderValueChangeDetails, } from '@zag-js/slider';
 export { SliderContext, type SliderContextProps, } from './slider-context';
 export { SliderControl, type SliderControlBaseProps, type SliderControlProps, } from './slider-control';
+export { SliderDraggingIndicator, type SliderDraggingIndicatorBaseProps, type SliderDraggingIndicatorProps, } from './slider-dragging-indicator';
 export { SliderHiddenInput, type SliderHiddenInputBaseProps, type SliderHiddenInputProps, } from './slider-hidden-input';
 export { SliderLabel, type SliderLabelBaseProps, type SliderLabelProps, } from './slider-label';
 export { SliderMarker, type SliderMarkerBaseProps, type SliderMarkerProps, } from './slider-marker';

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

@@ -1,6 +1,7 @@
 export type { FocusChangeDetails as SliderFocusChangeDetails, ValueChangeDetails as SliderValueChangeDetails, } from '@zag-js/slider';
 export { SliderContext, type SliderContextProps, } from './slider-context';
 export { SliderControl, type SliderControlBaseProps, type SliderControlProps, } from './slider-control';
+export { SliderDraggingIndicator, type SliderDraggingIndicatorBaseProps, type SliderDraggingIndicatorProps, } from './slider-dragging-indicator';
 export { SliderHiddenInput, type SliderHiddenInputBaseProps, type SliderHiddenInputProps, } from './slider-hidden-input';
 export { SliderLabel, type SliderLabelBaseProps, type SliderLabelProps, } from './slider-label';
 export { SliderMarker, type SliderMarkerBaseProps, type SliderMarkerProps, } from './slider-marker';

package/dist/components/slider/index.js

@@ -1,5 +1,6 @@
 export { SliderContext } from './slider-context.js';
 export { SliderControl } from './slider-control.js';
+export { SliderDraggingIndicator } from './slider-dragging-indicator.js';
 export { SliderHiddenInput } from './slider-hidden-input.js';
 export { SliderLabel } from './slider-label.js';
 export { SliderMarker } from './slider-marker.js';

package/dist/components/slider/slider-dragging-indicator.cjs

@@ -0,0 +1,23 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useSliderContext = require('./use-slider-context.cjs');
+const useSliderThumbPropsContext = require('./use-slider-thumb-props-context.cjs');
+
+const SliderDraggingIndicator = react.forwardRef(
+  (props, ref) => {
+    const slider = useSliderContext.useSliderContext();
+    const { index } = useSliderThumbPropsContext.useSliderThumbPropsContext();
+    const mergedProps = react$1.mergeProps(slider.getDraggingIndicatorProps({ index }), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children: props.children || slider.getThumbValue(index) });
+  }
+);
+SliderDraggingIndicator.displayName = "SliderDraggingIndicator";
+
+exports.SliderDraggingIndicator = SliderDraggingIndicator;

package/dist/components/slider/slider-dragging-indicator.d.cts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface SliderDraggingIndicatorBaseProps extends PolymorphicProps {
+}
+export interface SliderDraggingIndicatorProps extends HTMLProps<'span'>, SliderDraggingIndicatorBaseProps {
+}
+export declare const SliderDraggingIndicator: ForwardRefExoticComponent<SliderDraggingIndicatorProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/slider/slider-dragging-indicator.d.ts

@@ -0,0 +1,7 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface SliderDraggingIndicatorBaseProps extends PolymorphicProps {
+}
+export interface SliderDraggingIndicatorProps extends HTMLProps<'span'>, SliderDraggingIndicatorBaseProps {
+}
+export declare const SliderDraggingIndicator: ForwardRefExoticComponent<SliderDraggingIndicatorProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/slider/slider-dragging-indicator.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useSliderContext } from './use-slider-context.js';
+import { useSliderThumbPropsContext } from './use-slider-thumb-props-context.js';
+
+const SliderDraggingIndicator = forwardRef(
+  (props, ref) => {
+    const slider = useSliderContext();
+    const { index } = useSliderThumbPropsContext();
+    const mergedProps = mergeProps(slider.getDraggingIndicatorProps({ index }), props);
+    return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: props.children || slider.getThumbValue(index) });
+  }
+);
+SliderDraggingIndicator.displayName = "SliderDraggingIndicator";
+
+export { SliderDraggingIndicator };

package/dist/components/slider/slider.cjs

@@ -4,6 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const sliderContext = require('./slider-context.cjs');
 const sliderControl = require('./slider-control.cjs');
+const sliderDraggingIndicator = require('./slider-dragging-indicator.cjs');
+const sliderHiddenInput = require('./slider-hidden-input.cjs');
 const sliderLabel = require('./slider-label.cjs');
 const sliderMarker = require('./slider-marker.cjs');
 const sliderMarkerGroup = require('./slider-marker-group.cjs');
@@ -12,13 +14,14 @@ const sliderRoot = require('./slider-root.cjs');
 const sliderRootProvider = require('./slider-root-provider.cjs');
 const sliderThumb = require('./slider-thumb.cjs');
 const sliderTrack = require('./slider-track.cjs');
-const sliderHiddenInput = require('./slider-hidden-input.cjs');
 const sliderValueText = require('./slider-value-text.cjs');
 
 
 
 exports.Context = sliderContext.SliderContext;
 exports.Control = sliderControl.SliderControl;
+exports.DraggingIndicator = sliderDraggingIndicator.SliderDraggingIndicator;
+exports.HiddenInput = sliderHiddenInput.SliderHiddenInput;
 exports.Label = sliderLabel.SliderLabel;
 exports.Marker = sliderMarker.SliderMarker;
 exports.MarkerGroup = sliderMarkerGroup.SliderMarkerGroup;
@@ -27,5 +30,4 @@ exports.Root = sliderRoot.SliderRoot;
 exports.RootProvider = sliderRootProvider.SliderRootProvider;
 exports.Thumb = sliderThumb.SliderThumb;
 exports.Track = sliderTrack.SliderTrack;
-exports.HiddenInput = sliderHiddenInput.SliderHiddenInput;
 exports.ValueText = sliderValueText.SliderValueText;

package/dist/components/slider/slider.d.cts

@@ -1,13 +1,14 @@
 export type { FocusChangeDetails, ValueChangeDetails } from '@zag-js/slider';
 export { SliderContext as Context, type SliderContextProps as ContextProps } from './slider-context';
-export { SliderControl as Control, type SliderControlProps as ControlProps, type SliderControlBaseProps as ControlBaseProps, } from './slider-control';
-export { SliderLabel as Label, type SliderLabelProps as LabelProps, type SliderLabelBaseProps as LabelBaseProps, } from './slider-label';
-export { SliderMarker as Marker, type SliderMarkerProps as MarkerProps, type SliderMarkerBaseProps as MarkerBaseProps, } from './slider-marker';
-export { SliderMarkerGroup as MarkerGroup, type SliderMarkerGroupProps as MarkerGroupProps, type SliderMarkerGroupBaseProps as MarkerGroupBaseProps, } from './slider-marker-group';
-export { SliderRange as Range, type SliderRangeProps as RangeProps, type SliderRangeBaseProps as RangeBaseProps, } from './slider-range';
-export { SliderRoot as Root, type SliderRootProps as RootProps, type SliderRootBaseProps as RootBaseProps, } from './slider-root';
-export { SliderRootProvider as RootProvider, type SliderRootProviderProps as RootProviderProps, type SliderRootProviderBaseProps as RootProviderBaseProps, } from './slider-root-provider';
-export { SliderThumb as Thumb, type SliderThumbProps as ThumbProps, type SliderThumbBaseProps as ThumbBaseProps, } from './slider-thumb';
-export { SliderTrack as Track, type SliderTrackProps as TrackProps, type SliderTrackBaseProps as TrackBaseProps, } from './slider-track';
-export { SliderHiddenInput as HiddenInput, type SliderHiddenInputProps as HiddenInputProps, type SliderHiddenInputBaseProps as HiddenInputBaseProps, } from './slider-hidden-input';
-export { SliderValueText as ValueText, type SliderValueTextProps as ValueTextProps, type SliderValueTextBaseProps as ValueTextBaseProps, } from './slider-value-text';
+export { SliderControl as Control, type SliderControlBaseProps as ControlBaseProps, type SliderControlProps as ControlProps, } from './slider-control';
+export { SliderDraggingIndicator as DraggingIndicator, type SliderDraggingIndicatorBaseProps as DraggingIndicatorBaseProps, type SliderDraggingIndicatorProps as DraggingIndicatorProps, } from './slider-dragging-indicator';
+export { SliderHiddenInput as HiddenInput, type SliderHiddenInputBaseProps as HiddenInputBaseProps, type SliderHiddenInputProps as HiddenInputProps, } from './slider-hidden-input';
+export { SliderLabel as Label, type SliderLabelBaseProps as LabelBaseProps, type SliderLabelProps as LabelProps, } from './slider-label';
+export { SliderMarker as Marker, type SliderMarkerBaseProps as MarkerBaseProps, type SliderMarkerProps as MarkerProps, } from './slider-marker';
+export { SliderMarkerGroup as MarkerGroup, type SliderMarkerGroupBaseProps as MarkerGroupBaseProps, type SliderMarkerGroupProps as MarkerGroupProps, } from './slider-marker-group';
+export { SliderRange as Range, type SliderRangeBaseProps as RangeBaseProps, type SliderRangeProps as RangeProps, } from './slider-range';
+export { SliderRoot as Root, type SliderRootBaseProps as RootBaseProps, type SliderRootProps as RootProps, } from './slider-root';
+export { SliderRootProvider as RootProvider, type SliderRootProviderBaseProps as RootProviderBaseProps, type SliderRootProviderProps as RootProviderProps, } from './slider-root-provider';
+export { SliderThumb as Thumb, type SliderThumbBaseProps as ThumbBaseProps, type SliderThumbProps as ThumbProps, } from './slider-thumb';
+export { SliderTrack as Track, type SliderTrackBaseProps as TrackBaseProps, type SliderTrackProps as TrackProps, } from './slider-track';
+export { SliderValueText as ValueText, type SliderValueTextBaseProps as ValueTextBaseProps, type SliderValueTextProps as ValueTextProps, } from './slider-value-text';

package/dist/components/slider/slider.d.ts

@@ -1,13 +1,14 @@
 export type { FocusChangeDetails, ValueChangeDetails } from '@zag-js/slider';
 export { SliderContext as Context, type SliderContextProps as ContextProps } from './slider-context';
-export { SliderControl as Control, type SliderControlProps as ControlProps, type SliderControlBaseProps as ControlBaseProps, } from './slider-control';
-export { SliderLabel as Label, type SliderLabelProps as LabelProps, type SliderLabelBaseProps as LabelBaseProps, } from './slider-label';
-export { SliderMarker as Marker, type SliderMarkerProps as MarkerProps, type SliderMarkerBaseProps as MarkerBaseProps, } from './slider-marker';
-export { SliderMarkerGroup as MarkerGroup, type SliderMarkerGroupProps as MarkerGroupProps, type SliderMarkerGroupBaseProps as MarkerGroupBaseProps, } from './slider-marker-group';
-export { SliderRange as Range, type SliderRangeProps as RangeProps, type SliderRangeBaseProps as RangeBaseProps, } from './slider-range';
-export { SliderRoot as Root, type SliderRootProps as RootProps, type SliderRootBaseProps as RootBaseProps, } from './slider-root';
-export { SliderRootProvider as RootProvider, type SliderRootProviderProps as RootProviderProps, type SliderRootProviderBaseProps as RootProviderBaseProps, } from './slider-root-provider';
-export { SliderThumb as Thumb, type SliderThumbProps as ThumbProps, type SliderThumbBaseProps as ThumbBaseProps, } from './slider-thumb';
-export { SliderTrack as Track, type SliderTrackProps as TrackProps, type SliderTrackBaseProps as TrackBaseProps, } from './slider-track';
-export { SliderHiddenInput as HiddenInput, type SliderHiddenInputProps as HiddenInputProps, type SliderHiddenInputBaseProps as HiddenInputBaseProps, } from './slider-hidden-input';
-export { SliderValueText as ValueText, type SliderValueTextProps as ValueTextProps, type SliderValueTextBaseProps as ValueTextBaseProps, } from './slider-value-text';
+export { SliderControl as Control, type SliderControlBaseProps as ControlBaseProps, type SliderControlProps as ControlProps, } from './slider-control';
+export { SliderDraggingIndicator as DraggingIndicator, type SliderDraggingIndicatorBaseProps as DraggingIndicatorBaseProps, type SliderDraggingIndicatorProps as DraggingIndicatorProps, } from './slider-dragging-indicator';
+export { SliderHiddenInput as HiddenInput, type SliderHiddenInputBaseProps as HiddenInputBaseProps, type SliderHiddenInputProps as HiddenInputProps, } from './slider-hidden-input';
+export { SliderLabel as Label, type SliderLabelBaseProps as LabelBaseProps, type SliderLabelProps as LabelProps, } from './slider-label';
+export { SliderMarker as Marker, type SliderMarkerBaseProps as MarkerBaseProps, type SliderMarkerProps as MarkerProps, } from './slider-marker';
+export { SliderMarkerGroup as MarkerGroup, type SliderMarkerGroupBaseProps as MarkerGroupBaseProps, type SliderMarkerGroupProps as MarkerGroupProps, } from './slider-marker-group';
+export { SliderRange as Range, type SliderRangeBaseProps as RangeBaseProps, type SliderRangeProps as RangeProps, } from './slider-range';
+export { SliderRoot as Root, type SliderRootBaseProps as RootBaseProps, type SliderRootProps as RootProps, } from './slider-root';
+export { SliderRootProvider as RootProvider, type SliderRootProviderBaseProps as RootProviderBaseProps, type SliderRootProviderProps as RootProviderProps, } from './slider-root-provider';
+export { SliderThumb as Thumb, type SliderThumbBaseProps as ThumbBaseProps, type SliderThumbProps as ThumbProps, } from './slider-thumb';
+export { SliderTrack as Track, type SliderTrackBaseProps as TrackBaseProps, type SliderTrackProps as TrackProps, } from './slider-track';
+export { SliderValueText as ValueText, type SliderValueTextBaseProps as ValueTextBaseProps, type SliderValueTextProps as ValueTextProps, } from './slider-value-text';

package/dist/components/slider/slider.js

@@ -1,5 +1,7 @@
 export { SliderContext as Context } from './slider-context.js';
 export { SliderControl as Control } from './slider-control.js';
+export { SliderDraggingIndicator as DraggingIndicator } from './slider-dragging-indicator.js';
+export { SliderHiddenInput as HiddenInput } from './slider-hidden-input.js';
 export { SliderLabel as Label } from './slider-label.js';
 export { SliderMarker as Marker } from './slider-marker.js';
 export { SliderMarkerGroup as MarkerGroup } from './slider-marker-group.js';
@@ -8,5 +10,4 @@ export { SliderRoot as Root } from './slider-root.js';
 export { SliderRootProvider as RootProvider } from './slider-root-provider.js';
 export { SliderThumb as Thumb } from './slider-thumb.js';
 export { SliderTrack as Track } from './slider-track.js';
-export { SliderHiddenInput as HiddenInput } from './slider-hidden-input.js';
 export { SliderValueText as ValueText } from './slider-value-text.js';

package/dist/components/toast/create-toaster.d.cts

@@ -2,7 +2,7 @@ import { PropTypes } from '@zag-js/react';
 import { ReactNode } from 'react';
 import { Optional } from '../../types';
 import * as toast from '@zag-js/toast';
-export interface CreateToasterProps extends Optional<Partial<toast.GroupMachineContext<ReactNode>>, 'id'> {
+export interface CreateToasterProps extends Optional<Partial<toast.GroupMachineContext>, 'id'> {
     placement: toast.Placement;
 }
 export interface CreateToasterReturn extends toast.GroupApi<PropTypes, ReactNode> {

package/dist/components/toast/create-toaster.d.ts

@@ -2,7 +2,7 @@ import { PropTypes } from '@zag-js/react';
 import { ReactNode } from 'react';
 import { Optional } from '../../types';
 import * as toast from '@zag-js/toast';
-export interface CreateToasterProps extends Optional<Partial<toast.GroupMachineContext<ReactNode>>, 'id'> {
+export interface CreateToasterProps extends Optional<Partial<toast.GroupMachineContext>, 'id'> {
     placement: toast.Placement;
 }
 export interface CreateToasterReturn extends toast.GroupApi<PropTypes, ReactNode> {

package/dist/components/tree-view/index.cjs

@@ -2,47 +2,47 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const collection = require('../collection.cjs');
 const treeViewBranch = require('./tree-view-branch.cjs');
 const treeViewBranchContent = require('./tree-view-branch-content.cjs');
 const treeViewBranchControl = require('./tree-view-branch-control.cjs');
+const treeViewBranchIndentGuide = require('./tree-view-branch-indent-guide.cjs');
 const treeViewBranchIndicator = require('./tree-view-branch-indicator.cjs');
 const treeViewBranchText = require('./tree-view-branch-text.cjs');
 const treeViewBranchTrigger = require('./tree-view-branch-trigger.cjs');
-const treeViewContext = require('./tree-view-context.cjs');
 const treeViewItem = require('./tree-view-item.cjs');
-const treeViewItemContext = require('./tree-view-item-context.cjs');
 const treeViewItemIndicator = require('./tree-view-item-indicator.cjs');
 const treeViewItemText = require('./tree-view-item-text.cjs');
 const treeViewLabel = require('./tree-view-label.cjs');
+const treeViewNodeContext = require('./tree-view-node-context.cjs');
+const treeViewNodeProvider = require('./tree-view-node-provider.cjs');
 const treeViewRoot = require('./tree-view-root.cjs');
 const treeViewRootProvider = require('./tree-view-root-provider.cjs');
 const treeViewTree = require('./tree-view-tree.cjs');
 const useTreeView = require('./use-tree-view.cjs');
-const useTreeViewContext = require('./use-tree-view-context.cjs');
-const useTreeViewItemContext = require('./use-tree-view-item-context.cjs');
 const treeView$1 = require('./tree-view.cjs');
 const treeView = require('@zag-js/tree-view');
 
 
 
+exports.createTreeCollection = collection.createTreeCollection;
 exports.TreeViewBranch = treeViewBranch.TreeViewBranch;
 exports.TreeViewBranchContent = treeViewBranchContent.TreeViewBranchContent;
 exports.TreeViewBranchControl = treeViewBranchControl.TreeViewBranchControl;
+exports.TreeViewBranchIndentGuide = treeViewBranchIndentGuide.TreeViewBranchIndentGuide;
 exports.TreeViewBranchIndicator = treeViewBranchIndicator.TreeViewBranchIndicator;
 exports.TreeViewBranchText = treeViewBranchText.TreeViewBranchText;
 exports.TreeViewBranchTrigger = treeViewBranchTrigger.TreeViewBranchTrigger;
-exports.TreeViewContext = treeViewContext.TreeViewContext;
 exports.TreeViewItem = treeViewItem.TreeViewItem;
-exports.TreeViewItemContext = treeViewItemContext.TreeViewItemContext;
 exports.TreeViewItemIndicator = treeViewItemIndicator.TreeViewItemIndicator;
 exports.TreeViewItemText = treeViewItemText.TreeViewItemText;
 exports.TreeViewLabel = treeViewLabel.TreeViewLabel;
+exports.TreeViewNodeContext = treeViewNodeContext.TreeViewNodeContext;
+exports.TreeViewNodeProvider = treeViewNodeProvider.TreeViewNodeProvider;
 exports.TreeViewRoot = treeViewRoot.TreeViewRoot;
 exports.TreeViewRootProvider = treeViewRootProvider.TreeViewRootProvider;
 exports.TreeViewTree = treeViewTree.TreeViewTree;
 exports.useTreeView = useTreeView.useTreeView;
-exports.useTreeViewContext = useTreeViewContext.useTreeViewContext;
-exports.useTreeViewItemContext = useTreeViewItemContext.useTreeViewItemContext;
 exports.TreeView = treeView$1;
 Object.defineProperty(exports, "treeViewAnatomy", {
   enumerable: true,

package/dist/components/tree-view/index.d.cts

@@ -1,21 +1,21 @@
 export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view';
+export { createTreeCollection, type TreeNode } from '../collection';
 export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps, } from './tree-view-branch';
 export { TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content';
 export { TreeViewBranchControl, type TreeViewBranchControlBaseProps, type TreeViewBranchControlProps, } from './tree-view-branch-control';
+export { TreeViewBranchIndentGuide, type TreeViewBranchIndentGuideBaseProps, type TreeViewBranchIndentGuideProps, } from './tree-view-branch-indent-guide';
 export { TreeViewBranchIndicator, type TreeViewBranchIndicatorBaseProps, type TreeViewBranchIndicatorProps, } from './tree-view-branch-indicator';
 export { TreeViewBranchText, type TreeViewBranchTextBaseProps, type TreeViewBranchTextProps, } from './tree-view-branch-text';
 export { TreeViewBranchTrigger, type TreeViewBranchTriggerBaseProps, type TreeViewBranchTriggerProps, } from './tree-view-branch-trigger';
-export { TreeViewContext, type TreeViewContextProps, } from './tree-view-context';
 export { TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps, } from './tree-view-item';
-export { TreeViewItemContext, type TreeViewItemContextProps, } from './tree-view-item-context';
 export { TreeViewItemIndicator, type TreeViewItemIndicatorBaseProps, type TreeViewItemIndicatorProps, } from './tree-view-item-indicator';
 export { TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps, } from './tree-view-item-text';
 export { TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps, } from './tree-view-label';
+export { TreeViewNodeContext, type TreeViewNodeContextProps, } from './tree-view-node-context';
+export { TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider';
 export { TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootProps, } from './tree-view-root';
 export { TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderProps, } from './tree-view-root-provider';
 export { TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps, } from './tree-view-tree';
 export { treeViewAnatomy } from './tree-view.anatomy';
 export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view';
-export { useTreeViewContext, type UseTreeViewContext } from './use-tree-view-context';
-export { useTreeViewItemContext, type UseTreeViewItemContext } from './use-tree-view-item-context';
 export * as TreeView from './tree-view';

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

@@ -1,21 +1,21 @@
 export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view';
+export { createTreeCollection, type TreeNode } from '../collection';
 export { TreeViewBranch, type TreeViewBranchBaseProps, type TreeViewBranchProps, } from './tree-view-branch';
 export { TreeViewBranchContent, type TreeViewBranchContentBaseProps, type TreeViewBranchContentProps, } from './tree-view-branch-content';
 export { TreeViewBranchControl, type TreeViewBranchControlBaseProps, type TreeViewBranchControlProps, } from './tree-view-branch-control';
+export { TreeViewBranchIndentGuide, type TreeViewBranchIndentGuideBaseProps, type TreeViewBranchIndentGuideProps, } from './tree-view-branch-indent-guide';
 export { TreeViewBranchIndicator, type TreeViewBranchIndicatorBaseProps, type TreeViewBranchIndicatorProps, } from './tree-view-branch-indicator';
 export { TreeViewBranchText, type TreeViewBranchTextBaseProps, type TreeViewBranchTextProps, } from './tree-view-branch-text';
 export { TreeViewBranchTrigger, type TreeViewBranchTriggerBaseProps, type TreeViewBranchTriggerProps, } from './tree-view-branch-trigger';
-export { TreeViewContext, type TreeViewContextProps, } from './tree-view-context';
 export { TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps, } from './tree-view-item';
-export { TreeViewItemContext, type TreeViewItemContextProps, } from './tree-view-item-context';
 export { TreeViewItemIndicator, type TreeViewItemIndicatorBaseProps, type TreeViewItemIndicatorProps, } from './tree-view-item-indicator';
 export { TreeViewItemText, type TreeViewItemTextBaseProps, type TreeViewItemTextProps, } from './tree-view-item-text';
 export { TreeViewLabel, type TreeViewLabelBaseProps, type TreeViewLabelProps, } from './tree-view-label';
+export { TreeViewNodeContext, type TreeViewNodeContextProps, } from './tree-view-node-context';
+export { TreeViewNodeProvider, type TreeViewNodeProviderBaseProps, type TreeViewNodeProviderProps, } from './tree-view-node-provider';
 export { TreeViewRoot, type TreeViewRootBaseProps, type TreeViewRootProps, } from './tree-view-root';
 export { TreeViewRootProvider, type TreeViewRootProviderBaseProps, type TreeViewRootProviderProps, } from './tree-view-root-provider';
 export { TreeViewTree, type TreeViewTreeBaseProps, type TreeViewTreeProps, } from './tree-view-tree';
 export { treeViewAnatomy } from './tree-view.anatomy';
 export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view';
-export { useTreeViewContext, type UseTreeViewContext } from './use-tree-view-context';
-export { useTreeViewItemContext, type UseTreeViewItemContext } from './use-tree-view-item-context';
 export * as TreeView from './tree-view';

package/dist/components/tree-view/index.js

@@ -1,21 +1,21 @@
+export { createTreeCollection } from '../collection.js';
 export { TreeViewBranch } from './tree-view-branch.js';
 export { TreeViewBranchContent } from './tree-view-branch-content.js';
 export { TreeViewBranchControl } from './tree-view-branch-control.js';
+export { TreeViewBranchIndentGuide } from './tree-view-branch-indent-guide.js';
 export { TreeViewBranchIndicator } from './tree-view-branch-indicator.js';
 export { TreeViewBranchText } from './tree-view-branch-text.js';
 export { TreeViewBranchTrigger } from './tree-view-branch-trigger.js';
-export { TreeViewContext } from './tree-view-context.js';
 export { TreeViewItem } from './tree-view-item.js';
-export { TreeViewItemContext } from './tree-view-item-context.js';
 export { TreeViewItemIndicator } from './tree-view-item-indicator.js';
 export { TreeViewItemText } from './tree-view-item-text.js';
 export { TreeViewLabel } from './tree-view-label.js';
+export { TreeViewNodeContext } from './tree-view-node-context.js';
+export { TreeViewNodeProvider } from './tree-view-node-provider.js';
 export { TreeViewRoot } from './tree-view-root.js';
 export { TreeViewRootProvider } from './tree-view-root-provider.js';
 export { TreeViewTree } from './tree-view-tree.js';
 export { useTreeView } from './use-tree-view.js';
-export { useTreeViewContext } from './use-tree-view-context.js';
-export { useTreeViewItemContext } from './use-tree-view-item-context.js';
 import * as treeView from './tree-view.js';
 export { treeView as TreeView };
 export { anatomy as treeViewAnatomy } from '@zag-js/tree-view';

package/dist/components/tree-view/tree-view-branch-content.cjs

@@ -6,16 +6,20 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
-const factory = require('../factory.cjs');
-const useTreeViewBranchContext = require('./use-tree-view-branch-context.cjs');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const collapsibleContent = require('../collapsible/collapsible-content.cjs');
 const useTreeViewContext = require('./use-tree-view-context.cjs');
+const useTreeViewNodePropsContext = require('./use-tree-view-node-props-context.cjs');
 
+const splitVisibilityProps = createSplitProps.createSplitProps();
 const TreeViewBranchContent = react.forwardRef(
   (props, ref) => {
     const treeView = useTreeViewContext.useTreeViewContext();
-    const branchContext = useTreeViewBranchContext.useTreeViewBranchContext();
-    const mergedProps = react$1.mergeProps(treeView.getBranchContentProps(branchContext), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.ul, { ...mergedProps, ref });
+    const nodeProps = useTreeViewNodePropsContext.useTreeViewNodePropsContext();
+    const contentProps = treeView.getBranchContentProps(nodeProps);
+    const [, branchContentProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
+    const mergedProps = react$1.mergeProps(branchContentProps, props);
+    return /* @__PURE__ */ jsxRuntime.jsx(collapsibleContent.CollapsibleContent, { ref, ...mergedProps });
   }
 );
 TreeViewBranchContent.displayName = "TreeViewBranchContent";

package/dist/components/tree-view/tree-view-branch-content.d.cts

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface TreeViewBranchContentBaseProps extends PolymorphicProps {
 }
-export interface TreeViewBranchContentProps extends HTMLProps<'ul'>, TreeViewBranchContentBaseProps {
+export interface TreeViewBranchContentProps extends HTMLProps<'div'>, TreeViewBranchContentBaseProps {
 }
-export declare const TreeViewBranchContent: ForwardRefExoticComponent<TreeViewBranchContentProps & RefAttributes<HTMLUListElement>>;
+export declare const TreeViewBranchContent: ForwardRefExoticComponent<TreeViewBranchContentProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tree-view/tree-view-branch-content.d.ts

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface TreeViewBranchContentBaseProps extends PolymorphicProps {
 }
-export interface TreeViewBranchContentProps extends HTMLProps<'ul'>, TreeViewBranchContentBaseProps {
+export interface TreeViewBranchContentProps extends HTMLProps<'div'>, TreeViewBranchContentBaseProps {
 }
-export declare const TreeViewBranchContent: ForwardRefExoticComponent<TreeViewBranchContentProps & RefAttributes<HTMLUListElement>>;
+export declare const TreeViewBranchContent: ForwardRefExoticComponent<TreeViewBranchContentProps & RefAttributes<HTMLDivElement>>;