@ark-ui/react 4.4.4 → 4.6.0

package/dist/components/date-picker/date-picker.anatomy.d.ts

@@ -1,2 +1,2 @@
 import { AnatomyInstance } from '@zag-js/anatomy';
-export declare const datePickerAnatomy: AnatomyInstance<"input" | "label" | "table" | "view" | "content" | "root" | "trigger" | "nextTrigger" | "prevTrigger" | "control" | "positioner" | "clearTrigger" | "monthSelect" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewTrigger" | "viewControl" | "yearSelect" | "presetTrigger">;
+export declare const datePickerAnatomy: AnatomyInstance<"input" | "label" | "table" | "view" | "content" | "root" | "trigger" | "control" | "positioner" | "clearTrigger" | "monthSelect" | "nextTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewTrigger" | "viewControl" | "yearSelect" | "presetTrigger">;

package/dist/components/file-upload/file-upload.d.cts

@@ -1,4 +1,4 @@
-export type { FileAcceptDetails, FileChangeDetails, FileRejectDetails } from '@zag-js/file-upload';
+export type { FileAcceptDetails, FileChangeDetails, FileRejectDetails, FileValidateDetails, } from '@zag-js/file-upload';
 export { FileUploadClearTrigger as ClearTrigger, type FileUploadClearTriggerBaseProps as ClearTriggerBaseProps, type FileUploadClearTriggerProps as ClearTriggerProps, } from './file-upload-clear-trigger';
 export { FileUploadContext as Context, type FileUploadContextProps as ContextProps, } from './file-upload-context';
 export { FileUploadDropzone as Dropzone, type FileUploadDropzoneBaseProps as DropzoneBaseProps, type FileUploadDropzoneProps as DropzoneProps, } from './file-upload-dropzone';

package/dist/components/file-upload/file-upload.d.ts

@@ -1,4 +1,4 @@
-export type { FileAcceptDetails, FileChangeDetails, FileRejectDetails } from '@zag-js/file-upload';
+export type { FileAcceptDetails, FileChangeDetails, FileRejectDetails, FileValidateDetails, } from '@zag-js/file-upload';
 export { FileUploadClearTrigger as ClearTrigger, type FileUploadClearTriggerBaseProps as ClearTriggerBaseProps, type FileUploadClearTriggerProps as ClearTriggerProps, } from './file-upload-clear-trigger';
 export { FileUploadContext as Context, type FileUploadContextProps as ContextProps, } from './file-upload-context';
 export { FileUploadDropzone as Dropzone, type FileUploadDropzoneBaseProps as DropzoneBaseProps, type FileUploadDropzoneProps as DropzoneProps, } from './file-upload-dropzone';

package/dist/components/file-upload/index.d.cts

@@ -1,4 +1,4 @@
-export type { FileAcceptDetails as FileUploadFileAcceptDetails, FileChangeDetails as FileUploadFileChangeDetails, FileRejectDetails as FileUploadFileRejectDetails, } from '@zag-js/file-upload';
+export type { FileAcceptDetails as FileUploadFileAcceptDetails, FileChangeDetails as FileUploadFileChangeDetails, FileRejectDetails as FileUploadFileRejectDetails, FileValidateDetails as FileUploadFileValidateDetails, } from '@zag-js/file-upload';
 export { FileUploadClearTrigger, type FileUploadClearTriggerBaseProps, type FileUploadClearTriggerProps, } from './file-upload-clear-trigger';
 export { FileUploadContext, type FileUploadContextProps } from './file-upload-context';
 export { FileUploadDropzone, type FileUploadDropzoneBaseProps, type FileUploadDropzoneProps, } from './file-upload-dropzone';

package/dist/components/file-upload/index.d.ts

@@ -1,4 +1,4 @@
-export type { FileAcceptDetails as FileUploadFileAcceptDetails, FileChangeDetails as FileUploadFileChangeDetails, FileRejectDetails as FileUploadFileRejectDetails, } from '@zag-js/file-upload';
+export type { FileAcceptDetails as FileUploadFileAcceptDetails, FileChangeDetails as FileUploadFileChangeDetails, FileRejectDetails as FileUploadFileRejectDetails, FileValidateDetails as FileUploadFileValidateDetails, } from '@zag-js/file-upload';
 export { FileUploadClearTrigger, type FileUploadClearTriggerBaseProps, type FileUploadClearTriggerProps, } from './file-upload-clear-trigger';
 export { FileUploadContext, type FileUploadContextProps } from './file-upload-context';
 export { FileUploadDropzone, type FileUploadDropzoneBaseProps, type FileUploadDropzoneProps, } from './file-upload-dropzone';

package/dist/components/index.cjs

@@ -22,6 +22,7 @@ const avatarRootProvider = require('./avatar/avatar-root-provider.cjs');
 const useAvatar = require('./avatar/use-avatar.cjs');
 const useAvatarContext = require('./avatar/use-avatar-context.cjs');
 const avatar$1 = require('./avatar/avatar.cjs');
+const carouselAutoplayTrigger = require('./carousel/carousel-autoplay-trigger.cjs');
 const carouselContext = require('./carousel/carousel-context.cjs');
 const carouselControl = require('./carousel/carousel-control.cjs');
 const carouselIndicator = require('./carousel/carousel-indicator.cjs');
@@ -32,11 +33,9 @@ const carouselNextTrigger = require('./carousel/carousel-next-trigger.cjs');
 const carouselPrevTrigger = require('./carousel/carousel-prev-trigger.cjs');
 const carouselRoot = require('./carousel/carousel-root.cjs');
 const carouselRootProvider = require('./carousel/carousel-root-provider.cjs');
-const carouselViewport = require('./carousel/carousel-viewport.cjs');
-const carousel_anatomy = require('./carousel/carousel.anatomy.cjs');
 const useCarousel = require('./carousel/use-carousel.cjs');
 const useCarouselContext = require('./carousel/use-carousel-context.cjs');
-const carousel = require('./carousel/carousel.cjs');
+const carousel$1 = require('./carousel/carousel.cjs');
 const checkboxContext = require('./checkbox/checkbox-context.cjs');
 const checkboxControl = require('./checkbox/checkbox-control.cjs');
 const checkboxGroup = require('./checkbox/checkbox-group.cjs');
@@ -519,10 +518,10 @@ const useTimePicker = require('./time-picker/use-time-picker.cjs');
 const useTimePickerContext = require('./time-picker/use-time-picker-context.cjs');
 const timePicker$1 = require('./time-picker/time-picker.cjs');
 const timerActionTrigger = require('./timer/timer-action-trigger.cjs');
+const timerArea = require('./timer/timer-area.cjs');
 const timerContext = require('./timer/timer-context.cjs');
-const timerItem = require('./timer/timer-item.cjs');
 const timerControl = require('./timer/timer-control.cjs');
-const timerArea = require('./timer/timer-area.cjs');
+const timerItem = require('./timer/timer-item.cjs');
 const timerRoot = require('./timer/timer-root.cjs');
 const timerRootProvider = require('./timer/timer-root-provider.cjs');
 const timerSeparator = require('./timer/timer-separator.cjs');
@@ -585,6 +584,7 @@ const useTreeView = require('./tree-view/use-tree-view.cjs');
 const treeView$1 = require('./tree-view/tree-view.cjs');
 const accordion = require('@zag-js/accordion');
 const avatar = require('@zag-js/avatar');
+const carousel = require('@zag-js/carousel');
 const clipboard = require('@zag-js/clipboard');
 const collapsible = require('@zag-js/collapsible');
 const combobox = require('@zag-js/combobox');
@@ -638,6 +638,7 @@ exports.AvatarRootProvider = avatarRootProvider.AvatarRootProvider;
 exports.useAvatar = useAvatar.useAvatar;
 exports.useAvatarContext = useAvatarContext.useAvatarContext;
 exports.Avatar = avatar$1;
+exports.CarouselAutoplayTrigger = carouselAutoplayTrigger.CarouselAutoplayTrigger;
 exports.CarouselContext = carouselContext.CarouselContext;
 exports.CarouselControl = carouselControl.CarouselControl;
 exports.CarouselIndicator = carouselIndicator.CarouselIndicator;
@@ -648,11 +649,9 @@ exports.CarouselNextTrigger = carouselNextTrigger.CarouselNextTrigger;
 exports.CarouselPrevTrigger = carouselPrevTrigger.CarouselPrevTrigger;
 exports.CarouselRoot = carouselRoot.CarouselRoot;
 exports.CarouselRootProvider = carouselRootProvider.CarouselRootProvider;
-exports.CarouselViewport = carouselViewport.CarouselViewport;
-exports.carouselAnatomy = carousel_anatomy.carouselAnatomy;
 exports.useCarousel = useCarousel.useCarousel;
 exports.useCarouselContext = useCarouselContext.useCarouselContext;
-exports.Carousel = carousel;
+exports.Carousel = carousel$1;
 exports.CheckboxContext = checkboxContext.CheckboxContext;
 exports.CheckboxControl = checkboxControl.CheckboxControl;
 exports.CheckboxGroup = checkboxGroup.CheckboxGroup;
@@ -724,6 +723,7 @@ exports.colorPickerAnatomy = colorPicker_anatomy.colorPickerAnatomy;
 exports.useColorPicker = useColorPicker.useColorPicker;
 exports.useColorPickerContext = useColorPickerContext.useColorPickerContext;
 exports.ColorPicker = colorPicker$1;
+exports.createFileTreeCollection = collection.createFileTreeCollection;
 exports.createListCollection = collection.createListCollection;
 exports.createTreeCollection = collection.createTreeCollection;
 exports.ComboboxClearTrigger = comboboxClearTrigger.ComboboxClearTrigger;
@@ -1147,10 +1147,10 @@ exports.useTimePicker = useTimePicker.useTimePicker;
 exports.useTimePickerContext = useTimePickerContext.useTimePickerContext;
 exports.TimePicker = timePicker$1;
 exports.TimerActionTrigger = timerActionTrigger.TimerActionTrigger;
+exports.TimerArea = timerArea.TimerArea;
 exports.TimerContext = timerContext.TimerContext;
-exports.TimerItem = timerItem.TimerItem;
 exports.TimerControl = timerControl.TimerControl;
-exports.TimerArea = timerArea.TimerArea;
+exports.TimerItem = timerItem.TimerItem;
 exports.TimerRoot = timerRoot.TimerRoot;
 exports.TimerRootProvider = timerRootProvider.TimerRootProvider;
 exports.TimerSeparator = timerSeparator.TimerSeparator;
@@ -1219,6 +1219,10 @@ Object.defineProperty(exports, "avatarAnatomy", {
 	enumerable: true,
 	get: () => avatar.anatomy
 });
+Object.defineProperty(exports, "carouselAnatomy", {
+	enumerable: true,
+	get: () => carousel.anatomy
+});
 Object.defineProperty(exports, "clipboardAnatomy", {
 	enumerable: true,
 	get: () => clipboard.anatomy

package/dist/components/index.js

@@ -20,6 +20,7 @@ export { useAvatar } from './avatar/use-avatar.js';
 export { useAvatarContext } from './avatar/use-avatar-context.js';
 import * as avatar from './avatar/avatar.js';
 export { avatar as Avatar };
+export { CarouselAutoplayTrigger } from './carousel/carousel-autoplay-trigger.js';
 export { CarouselContext } from './carousel/carousel-context.js';
 export { CarouselControl } from './carousel/carousel-control.js';
 export { CarouselIndicator } from './carousel/carousel-indicator.js';
@@ -30,8 +31,6 @@ export { CarouselNextTrigger } from './carousel/carousel-next-trigger.js';
 export { CarouselPrevTrigger } from './carousel/carousel-prev-trigger.js';
 export { CarouselRoot } from './carousel/carousel-root.js';
 export { CarouselRootProvider } from './carousel/carousel-root-provider.js';
-export { CarouselViewport } from './carousel/carousel-viewport.js';
-export { carouselAnatomy } from './carousel/carousel.anatomy.js';
 export { useCarousel } from './carousel/use-carousel.js';
 export { useCarouselContext } from './carousel/use-carousel-context.js';
 import * as carousel from './carousel/carousel.js';
@@ -108,7 +107,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, createTreeCollection } from './collection.js';
+export { createFileTreeCollection, 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';
@@ -550,10 +549,10 @@ export { useTimePickerContext } from './time-picker/use-time-picker-context.js';
 import * as timePicker from './time-picker/time-picker.js';
 export { timePicker as TimePicker };
 export { TimerActionTrigger } from './timer/timer-action-trigger.js';
+export { TimerArea } from './timer/timer-area.js';
 export { TimerContext } from './timer/timer-context.js';
-export { TimerItem } from './timer/timer-item.js';
 export { TimerControl } from './timer/timer-control.js';
-export { TimerArea } from './timer/timer-area.js';
+export { TimerItem } from './timer/timer-item.js';
 export { TimerRoot } from './timer/timer-root.js';
 export { TimerRootProvider } from './timer/timer-root-provider.js';
 export { TimerSeparator } from './timer/timer-separator.js';
@@ -622,6 +621,7 @@ import * as treeView from './tree-view/tree-view.js';
 export { treeView as TreeView };
 export { anatomy as accordionAnatomy } from '@zag-js/accordion';
 export { anatomy as avatarAnatomy } from '@zag-js/avatar';
+export { anatomy as carouselAnatomy } from '@zag-js/carousel';
 export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
 export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
 export { anatomy as comboboxAnatomy } from '@zag-js/combobox';

package/dist/components/number-input/use-number-input.cjs

@@ -32,7 +32,7 @@ const numberInput__namespace = /*#__PURE__*/_interopNamespaceDefault(numberInput
 
 const useNumberInput = (props = {}) => {
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
-  const { dir } = useLocaleContext.useLocaleContext();
+  const { dir, locale } = useLocaleContext.useLocaleContext();
   const field = useFieldContext.useFieldContext();
   const initialContext = {
     id: react.useId(),
@@ -45,6 +45,7 @@ const useNumberInput = (props = {}) => {
     required: field?.required,
     invalid: field?.invalid,
     dir,
+    locale,
     getRootNode,
     value: props.defaultValue,
     ...props

package/dist/components/number-input/use-number-input.js

@@ -9,7 +9,7 @@ import { useFieldContext } from '../field/use-field-context.js';
 
 const useNumberInput = (props = {}) => {
   const { getRootNode } = useEnvironmentContext();
-  const { dir } = useLocaleContext();
+  const { dir, locale } = useLocaleContext();
   const field = useFieldContext();
   const initialContext = {
     id: useId(),
@@ -22,6 +22,7 @@ const useNumberInput = (props = {}) => {
     required: field?.required,
     invalid: field?.invalid,
     dir,
+    locale,
     getRootNode,
     value: props.defaultValue,
     ...props

package/dist/components/presence/use-presence.cjs

@@ -28,10 +28,11 @@ function _interopNamespaceDefault(e) {
 const presence__namespace = /*#__PURE__*/_interopNamespaceDefault(presence);
 
 const usePresence = (props) => {
-  const { lazyMount, unmountOnExit, ...rest } = props;
+  const { lazyMount, unmountOnExit, present, ...rest } = props;
   const wasEverPresent = react.useRef(false);
   const context = {
     ...rest,
+    present,
     onExitComplete: useEvent.useEvent(props.onExitComplete)
   };
   const [state, send] = react$1.useMachine(presence__namespace.machine(context), { context });
@@ -41,7 +42,7 @@ const usePresence = (props) => {
   }
   const unmounted = !api.present && !wasEverPresent.current && lazyMount || unmountOnExit && !api.present && wasEverPresent.current;
   const getPresenceProps = () => ({
-    "data-state": props.present ? "open" : "closed",
+    "data-state": present ? "open" : "closed",
     hidden: !api.present
   });
   return {

package/dist/components/presence/use-presence.js

@@ -5,10 +5,11 @@ import { useRef } from 'react';
 import { useEvent } from '../../utils/use-event.js';
 
 const usePresence = (props) => {
-  const { lazyMount, unmountOnExit, ...rest } = props;
+  const { lazyMount, unmountOnExit, present, ...rest } = props;
   const wasEverPresent = useRef(false);
   const context = {
     ...rest,
+    present,
     onExitComplete: useEvent(props.onExitComplete)
   };
   const [state, send] = useMachine(presence.machine(context), { context });
@@ -18,7 +19,7 @@ const usePresence = (props) => {
   }
   const unmounted = !api.present && !wasEverPresent.current && lazyMount || unmountOnExit && !api.present && wasEverPresent.current;
   const getPresenceProps = () => ({
-    "data-state": props.present ? "open" : "closed",
+    "data-state": present ? "open" : "closed",
     hidden: !api.present
   });
   return {

package/dist/components/segment-group/segment-group.anatomy.d.cts

@@ -1,3 +1,3 @@
 import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
-export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl">;
-export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", AnatomyPart>;
+export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl">;
+export declare const parts: Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", AnatomyPart>;

package/dist/components/segment-group/segment-group.anatomy.d.ts

@@ -1,3 +1,3 @@
 import { Anatomy, AnatomyPart } from '@zag-js/anatomy';
-export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl">;
-export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", AnatomyPart>;
+export declare const segmentGroupAnatomy: Anatomy<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl">;
+export declare const parts: Record<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", AnatomyPart>;

package/dist/components/tabs/tab-content.cjs

@@ -9,6 +9,7 @@ const react = require('react');
 const composeRefs = require('../../utils/compose-refs.cjs');
 const createSplitProps = require('../../utils/create-split-props.cjs');
 const renderStrategy = require('../../utils/render-strategy.cjs');
+const useDebounce = require('../../utils/use-debounce.cjs');
 const factory = require('../factory.cjs');
 const usePresence = require('../presence/use-presence.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
@@ -20,7 +21,7 @@ const TabContent = react.forwardRef((props, ref) => {
   const renderStrategyProps = renderStrategy.useRenderStrategyPropsContext();
   const presence = usePresence.usePresence({
     ...renderStrategyProps,
-    present: tabs.value === props.value,
+    present: useDebounce.useDebounce(tabs.value === props.value, 0),
     immediate: true
   });
   const mergedProps = react$1.mergeProps(

package/dist/components/tabs/tab-content.js

@@ -5,6 +5,7 @@ import { forwardRef } from 'react';
 import { composeRefs } from '../../utils/compose-refs.js';
 import { createSplitProps } from '../../utils/create-split-props.js';
 import { useRenderStrategyPropsContext } from '../../utils/render-strategy.js';
+import { useDebounce } from '../../utils/use-debounce.js';
 import { ark } from '../factory.js';
 import { usePresence } from '../presence/use-presence.js';
 import { PresenceProvider } from '../presence/use-presence-context.js';
@@ -16,7 +17,7 @@ const TabContent = forwardRef((props, ref) => {
   const renderStrategyProps = useRenderStrategyPropsContext();
   const presence = usePresence({
     ...renderStrategyProps,
-    present: tabs.value === props.value,
+    present: useDebounce(tabs.value === props.value, 0),
     immediate: true
   });
   const mergedProps = mergeProps(

package/dist/components/timer/index.cjs

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const timerActionTrigger = require('./timer-action-trigger.cjs');
+const timerArea = require('./timer-area.cjs');
 const timerContext = require('./timer-context.cjs');
-const timerItem = require('./timer-item.cjs');
 const timerControl = require('./timer-control.cjs');
-const timerArea = require('./timer-area.cjs');
+const timerItem = require('./timer-item.cjs');
 const timerRoot = require('./timer-root.cjs');
 const timerRootProvider = require('./timer-root-provider.cjs');
 const timerSeparator = require('./timer-separator.cjs');
@@ -18,10 +18,10 @@ const timer = require('@zag-js/timer');
 
 
 exports.TimerActionTrigger = timerActionTrigger.TimerActionTrigger;
+exports.TimerArea = timerArea.TimerArea;
 exports.TimerContext = timerContext.TimerContext;
-exports.TimerItem = timerItem.TimerItem;
 exports.TimerControl = timerControl.TimerControl;
-exports.TimerArea = timerArea.TimerArea;
+exports.TimerItem = timerItem.TimerItem;
 exports.TimerRoot = timerRoot.TimerRoot;
 exports.TimerRootProvider = timerRootProvider.TimerRootProvider;
 exports.TimerSeparator = timerSeparator.TimerSeparator;

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

@@ -1,8 +1,8 @@
 export { TimerActionTrigger, type TimerActionTriggerBaseProps, type TimerActionTriggerProps, } from './timer-action-trigger';
+export { TimerArea, type TimerAreaBaseProps, type TimerAreaProps } from './timer-area';
 export { TimerContext, type TimerContextProps } from './timer-context';
-export { TimerItem, type TimerItemBaseProps, type TimerItemProps } from './timer-item';
 export { TimerControl, type TimerControlBaseProps, type TimerControlProps } from './timer-control';
-export { TimerArea, type TimerAreaBaseProps, type TimerAreaProps } from './timer-area';
+export { TimerItem, type TimerItemBaseProps, type TimerItemProps } from './timer-item';
 export { TimerRoot, type TimerRootBaseProps, type TimerRootProps } from './timer-root';
 export { TimerRootProvider, type TimerRootProviderBaseProps, type TimerRootProviderProps, } from './timer-root-provider';
 export { TimerSeparator, type TimerSeparatorBaseProps, type TimerSeparatorProps, } from './timer-separator';

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

@@ -1,8 +1,8 @@
 export { TimerActionTrigger, type TimerActionTriggerBaseProps, type TimerActionTriggerProps, } from './timer-action-trigger';
+export { TimerArea, type TimerAreaBaseProps, type TimerAreaProps } from './timer-area';
 export { TimerContext, type TimerContextProps } from './timer-context';
-export { TimerItem, type TimerItemBaseProps, type TimerItemProps } from './timer-item';
 export { TimerControl, type TimerControlBaseProps, type TimerControlProps } from './timer-control';
-export { TimerArea, type TimerAreaBaseProps, type TimerAreaProps } from './timer-area';
+export { TimerItem, type TimerItemBaseProps, type TimerItemProps } from './timer-item';
 export { TimerRoot, type TimerRootBaseProps, type TimerRootProps } from './timer-root';
 export { TimerRootProvider, type TimerRootProviderBaseProps, type TimerRootProviderProps, } from './timer-root-provider';
 export { TimerSeparator, type TimerSeparatorBaseProps, type TimerSeparatorProps, } from './timer-separator';

package/dist/components/timer/index.js

@@ -1,8 +1,8 @@
 export { TimerActionTrigger } from './timer-action-trigger.js';
+export { TimerArea } from './timer-area.js';
 export { TimerContext } from './timer-context.js';
-export { TimerItem } from './timer-item.js';
 export { TimerControl } from './timer-control.js';
-export { TimerArea } from './timer-area.js';
+export { TimerItem } from './timer-item.js';
 export { TimerRoot } from './timer-root.js';
 export { TimerRootProvider } from './timer-root-provider.js';
 export { TimerSeparator } from './timer-separator.js';

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

@@ -26,6 +26,7 @@ const treeView = require('@zag-js/tree-view');
 
 
 
+exports.createFileTreeCollection = collection.createFileTreeCollection;
 exports.createTreeCollection = collection.createTreeCollection;
 exports.TreeViewBranch = treeViewBranch.TreeViewBranch;
 exports.TreeViewBranchContent = treeViewBranchContent.TreeViewBranchContent;

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

@@ -1,5 +1,5 @@
 export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view';
-export { createTreeCollection, type TreeNode } from '../collection';
+export { createFileTreeCollection, createTreeCollection, type TreeCollection, 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';
@@ -8,15 +8,15 @@ export { TreeViewBranchIndicator, type TreeViewBranchIndicatorBaseProps, type Tr
 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 { TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps } from './tree-view-item';
 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 { 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 { 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 { 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 * as TreeView from './tree-view';

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

@@ -1,5 +1,5 @@
 export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view';
-export { createTreeCollection, type TreeNode } from '../collection';
+export { createFileTreeCollection, createTreeCollection, type TreeCollection, 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';
@@ -8,15 +8,15 @@ export { TreeViewBranchIndicator, type TreeViewBranchIndicatorBaseProps, type Tr
 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 { TreeViewItem, type TreeViewItemBaseProps, type TreeViewItemProps } from './tree-view-item';
 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 { 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 { 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 { 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 * as TreeView from './tree-view';

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

@@ -1,4 +1,4 @@
-export { createTreeCollection } from '../collection.js';
+export { createFileTreeCollection, 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';

package/dist/index.cjs

@@ -22,6 +22,7 @@ const avatarRootProvider = require('./components/avatar/avatar-root-provider.cjs
 const useAvatar = require('./components/avatar/use-avatar.cjs');
 const useAvatarContext = require('./components/avatar/use-avatar-context.cjs');
 const avatar$1 = require('./components/avatar/avatar.cjs');
+const carouselAutoplayTrigger = require('./components/carousel/carousel-autoplay-trigger.cjs');
 const carouselContext = require('./components/carousel/carousel-context.cjs');
 const carouselControl = require('./components/carousel/carousel-control.cjs');
 const carouselIndicator = require('./components/carousel/carousel-indicator.cjs');
@@ -32,11 +33,9 @@ const carouselNextTrigger = require('./components/carousel/carousel-next-trigger
 const carouselPrevTrigger = require('./components/carousel/carousel-prev-trigger.cjs');
 const carouselRoot = require('./components/carousel/carousel-root.cjs');
 const carouselRootProvider = require('./components/carousel/carousel-root-provider.cjs');
-const carouselViewport = require('./components/carousel/carousel-viewport.cjs');
-const carousel_anatomy = require('./components/carousel/carousel.anatomy.cjs');
 const useCarousel = require('./components/carousel/use-carousel.cjs');
 const useCarouselContext = require('./components/carousel/use-carousel-context.cjs');
-const carousel = require('./components/carousel/carousel.cjs');
+const carousel$1 = require('./components/carousel/carousel.cjs');
 const checkboxContext = require('./components/checkbox/checkbox-context.cjs');
 const checkboxControl = require('./components/checkbox/checkbox-control.cjs');
 const checkboxGroup = require('./components/checkbox/checkbox-group.cjs');
@@ -519,10 +518,10 @@ const useTimePicker = require('./components/time-picker/use-time-picker.cjs');
 const useTimePickerContext = require('./components/time-picker/use-time-picker-context.cjs');
 const timePicker$1 = require('./components/time-picker/time-picker.cjs');
 const timerActionTrigger = require('./components/timer/timer-action-trigger.cjs');
+const timerArea = require('./components/timer/timer-area.cjs');
 const timerContext = require('./components/timer/timer-context.cjs');
-const timerItem = require('./components/timer/timer-item.cjs');
 const timerControl = require('./components/timer/timer-control.cjs');
-const timerArea = require('./components/timer/timer-area.cjs');
+const timerItem = require('./components/timer/timer-item.cjs');
 const timerRoot = require('./components/timer/timer-root.cjs');
 const timerRootProvider = require('./components/timer/timer-root-provider.cjs');
 const timerSeparator = require('./components/timer/timer-separator.cjs');
@@ -589,6 +588,7 @@ const localeProvider = require('./providers/locale/locale-provider.cjs');
 const useLocaleContext = require('./providers/locale/use-locale-context.cjs');
 const accordion = require('@zag-js/accordion');
 const avatar = require('@zag-js/avatar');
+const carousel = require('@zag-js/carousel');
 const clipboard = require('@zag-js/clipboard');
 const collapsible = require('@zag-js/collapsible');
 const combobox = require('@zag-js/combobox');
@@ -642,6 +642,7 @@ exports.AvatarRootProvider = avatarRootProvider.AvatarRootProvider;
 exports.useAvatar = useAvatar.useAvatar;
 exports.useAvatarContext = useAvatarContext.useAvatarContext;
 exports.Avatar = avatar$1;
+exports.CarouselAutoplayTrigger = carouselAutoplayTrigger.CarouselAutoplayTrigger;
 exports.CarouselContext = carouselContext.CarouselContext;
 exports.CarouselControl = carouselControl.CarouselControl;
 exports.CarouselIndicator = carouselIndicator.CarouselIndicator;
@@ -652,11 +653,9 @@ exports.CarouselNextTrigger = carouselNextTrigger.CarouselNextTrigger;
 exports.CarouselPrevTrigger = carouselPrevTrigger.CarouselPrevTrigger;
 exports.CarouselRoot = carouselRoot.CarouselRoot;
 exports.CarouselRootProvider = carouselRootProvider.CarouselRootProvider;
-exports.CarouselViewport = carouselViewport.CarouselViewport;
-exports.carouselAnatomy = carousel_anatomy.carouselAnatomy;
 exports.useCarousel = useCarousel.useCarousel;
 exports.useCarouselContext = useCarouselContext.useCarouselContext;
-exports.Carousel = carousel;
+exports.Carousel = carousel$1;
 exports.CheckboxContext = checkboxContext.CheckboxContext;
 exports.CheckboxControl = checkboxControl.CheckboxControl;
 exports.CheckboxGroup = checkboxGroup.CheckboxGroup;
@@ -728,6 +727,7 @@ exports.colorPickerAnatomy = colorPicker_anatomy.colorPickerAnatomy;
 exports.useColorPicker = useColorPicker.useColorPicker;
 exports.useColorPickerContext = useColorPickerContext.useColorPickerContext;
 exports.ColorPicker = colorPicker$1;
+exports.createFileTreeCollection = collection.createFileTreeCollection;
 exports.createListCollection = collection.createListCollection;
 exports.createTreeCollection = collection.createTreeCollection;
 exports.ComboboxClearTrigger = comboboxClearTrigger.ComboboxClearTrigger;
@@ -1151,10 +1151,10 @@ exports.useTimePicker = useTimePicker.useTimePicker;
 exports.useTimePickerContext = useTimePickerContext.useTimePickerContext;
 exports.TimePicker = timePicker$1;
 exports.TimerActionTrigger = timerActionTrigger.TimerActionTrigger;
+exports.TimerArea = timerArea.TimerArea;
 exports.TimerContext = timerContext.TimerContext;
-exports.TimerItem = timerItem.TimerItem;
 exports.TimerControl = timerControl.TimerControl;
-exports.TimerArea = timerArea.TimerArea;
+exports.TimerItem = timerItem.TimerItem;
 exports.TimerRoot = timerRoot.TimerRoot;
 exports.TimerRootProvider = timerRootProvider.TimerRootProvider;
 exports.TimerSeparator = timerSeparator.TimerSeparator;
@@ -1227,6 +1227,10 @@ Object.defineProperty(exports, "avatarAnatomy", {
 	enumerable: true,
 	get: () => avatar.anatomy
 });
+Object.defineProperty(exports, "carouselAnatomy", {
+	enumerable: true,
+	get: () => carousel.anatomy
+});
 Object.defineProperty(exports, "clipboardAnatomy", {
 	enumerable: true,
 	get: () => clipboard.anatomy

package/dist/index.js

@@ -20,6 +20,7 @@ export { useAvatar } from './components/avatar/use-avatar.js';
 export { useAvatarContext } from './components/avatar/use-avatar-context.js';
 import * as avatar from './components/avatar/avatar.js';
 export { avatar as Avatar };
+export { CarouselAutoplayTrigger } from './components/carousel/carousel-autoplay-trigger.js';
 export { CarouselContext } from './components/carousel/carousel-context.js';
 export { CarouselControl } from './components/carousel/carousel-control.js';
 export { CarouselIndicator } from './components/carousel/carousel-indicator.js';
@@ -30,8 +31,6 @@ export { CarouselNextTrigger } from './components/carousel/carousel-next-trigger
 export { CarouselPrevTrigger } from './components/carousel/carousel-prev-trigger.js';
 export { CarouselRoot } from './components/carousel/carousel-root.js';
 export { CarouselRootProvider } from './components/carousel/carousel-root-provider.js';
-export { CarouselViewport } from './components/carousel/carousel-viewport.js';
-export { carouselAnatomy } from './components/carousel/carousel.anatomy.js';
 export { useCarousel } from './components/carousel/use-carousel.js';
 export { useCarouselContext } from './components/carousel/use-carousel-context.js';
 import * as carousel from './components/carousel/carousel.js';
@@ -108,7 +107,7 @@ export { useColorPicker } from './components/color-picker/use-color-picker.js';
 export { useColorPickerContext } from './components/color-picker/use-color-picker-context.js';
 import * as colorPicker from './components/color-picker/color-picker.js';
 export { colorPicker as ColorPicker };
-export { createListCollection, createTreeCollection } from './components/collection.js';
+export { createFileTreeCollection, createListCollection, createTreeCollection } from './components/collection.js';
 export { ComboboxClearTrigger } from './components/combobox/combobox-clear-trigger.js';
 export { ComboboxContent } from './components/combobox/combobox-content.js';
 export { ComboboxContext } from './components/combobox/combobox-context.js';
@@ -550,10 +549,10 @@ export { useTimePickerContext } from './components/time-picker/use-time-picker-c
 import * as timePicker from './components/time-picker/time-picker.js';
 export { timePicker as TimePicker };
 export { TimerActionTrigger } from './components/timer/timer-action-trigger.js';
+export { TimerArea } from './components/timer/timer-area.js';
 export { TimerContext } from './components/timer/timer-context.js';
-export { TimerItem } from './components/timer/timer-item.js';
 export { TimerControl } from './components/timer/timer-control.js';
-export { TimerArea } from './components/timer/timer-area.js';
+export { TimerItem } from './components/timer/timer-item.js';
 export { TimerRoot } from './components/timer/timer-root.js';
 export { TimerRootProvider } from './components/timer/timer-root-provider.js';
 export { TimerSeparator } from './components/timer/timer-separator.js';
@@ -626,6 +625,7 @@ export { LocaleProvider } from './providers/locale/locale-provider.js';
 export { useLocaleContext } from './providers/locale/use-locale-context.js';
 export { anatomy as accordionAnatomy } from '@zag-js/accordion';
 export { anatomy as avatarAnatomy } from '@zag-js/avatar';
+export { anatomy as carouselAnatomy } from '@zag-js/carousel';
 export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
 export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
 export { anatomy as comboboxAnatomy } from '@zag-js/combobox';

package/dist/providers/environment/index.d.cts

@@ -1,2 +1,6 @@
 export { EnvironmentProvider, type EnvironmentProviderProps } from './environment-provider';
-export { useEnvironmentContext, type EnvironmentContext, type RootNode, } from './use-environment-context';
+export { useEnvironmentContext, type UseEnvironmentContext, 
+/**
+ * @deprecated Use `UseEnvironmentContext` instead.
+ */
+type UseEnvironmentContext as EnvironmentContext, type RootNode, } from './use-environment-context';

package/dist/providers/environment/index.d.ts

@@ -1,2 +1,6 @@
 export { EnvironmentProvider, type EnvironmentProviderProps } from './environment-provider';
-export { useEnvironmentContext, type EnvironmentContext, type RootNode, } from './use-environment-context';
+export { useEnvironmentContext, type UseEnvironmentContext, 
+/**
+ * @deprecated Use `UseEnvironmentContext` instead.
+ */
+type UseEnvironmentContext as EnvironmentContext, type RootNode, } from './use-environment-context';