@ark-ui/react 3.13.0 → 4.0.0

package/dist/components/select/select-context.d.cts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { CollectionItem } from '../../types';
+import { CollectionItem } from '../collection';
 import { UseSelectContext } from './use-select-context';
 export interface SelectContextProps<T extends CollectionItem> {
     children: (context: UseSelectContext<T>) => ReactNode;
 }
-export declare const SelectContext: <T extends CollectionItem>(props: SelectContextProps<T>) => ReactNode;
+export declare const SelectContext: <T extends unknown>(props: SelectContextProps<T>) => ReactNode;

package/dist/components/select/select-context.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { CollectionItem } from '../../types';
+import { CollectionItem } from '../collection';
 import { UseSelectContext } from './use-select-context';
 export interface SelectContextProps<T extends CollectionItem> {
     children: (context: UseSelectContext<T>) => ReactNode;
 }
-export declare const SelectContext: <T extends CollectionItem>(props: SelectContextProps<T>) => ReactNode;
+export declare const SelectContext: <T extends unknown>(props: SelectContextProps<T>) => ReactNode;

package/dist/components/select/select-root-provider.d.cts

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { CollectionItem } from '../../types';
+import { CollectionItem } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseSelectReturn } from './use-select';

package/dist/components/select/select-root-provider.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { CollectionItem } from '../../types';
+import { CollectionItem } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseSelectReturn } from './use-select';

package/dist/components/select/select-root.cjs

@@ -18,6 +18,7 @@ const SelectImpl = (props, ref) => {
   const [presenceProps, selectProps] = splitPresenceProps.splitPresenceProps(props);
   const [useSelectProps, localProps] = createSplitProps.createSplitProps()(selectProps, [
     "closeOnSelect",
+    "collection",
     "composite",
     "defaultOpen",
     "defaultValue",
@@ -28,10 +29,6 @@ const SelectImpl = (props, ref) => {
     "id",
     "ids",
     "invalid",
-    "isItemDisabled",
-    "items",
-    "itemToString",
-    "itemToValue",
     "loopFocus",
     "multiple",
     "name",

package/dist/components/select/select-root.d.cts

@@ -1,5 +1,6 @@
 import { JSX } from 'react';
-import { Assign, CollectionItem } from '../../types';
+import { Assign } from '../../types';
+import { CollectionItem } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseSelectProps } from './use-select';

package/dist/components/select/select-root.d.ts

@@ -1,5 +1,6 @@
 import { JSX } from 'react';
-import { Assign, CollectionItem } from '../../types';
+import { Assign } from '../../types';
+import { CollectionItem } from '../collection';
 import { HTMLProps, PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseSelectProps } from './use-select';

package/dist/components/select/select-root.js

@@ -14,6 +14,7 @@ const SelectImpl = (props, ref) => {
   const [presenceProps, selectProps] = splitPresenceProps(props);
   const [useSelectProps, localProps] = createSplitProps()(selectProps, [
     "closeOnSelect",
+    "collection",
     "composite",
     "defaultOpen",
     "defaultValue",
@@ -24,10 +25,6 @@ const SelectImpl = (props, ref) => {
     "id",
     "ids",
     "invalid",
-    "isItemDisabled",
-    "items",
-    "itemToString",
-    "itemToValue",
     "loopFocus",
     "multiple",
     "name",

package/dist/components/select/select.d.cts

@@ -1,5 +1,5 @@
 export type { HighlightChangeDetails, OpenChangeDetails, ValueChangeDetails } from '@zag-js/select';
-export type { CollectionItem } from '../../types';
+export type { CollectionItem, ListCollection } from '../collection';
 export { SelectClearTrigger as ClearTrigger, type SelectClearTriggerProps as ClearTriggerProps, type SelectClearTriggerBaseProps as ClearTriggerBaseProps, } from './select-clear-trigger';
 export { SelectContent as Content, type SelectContentProps as ContentProps, type SelectContentBaseProps as ContentBaseProps, } from './select-content';
 export { SelectContext as Context, type SelectContextProps as ContextProps } from './select-context';

package/dist/components/select/select.d.ts

@@ -1,5 +1,5 @@
 export type { HighlightChangeDetails, OpenChangeDetails, ValueChangeDetails } from '@zag-js/select';
-export type { CollectionItem } from '../../types';
+export type { CollectionItem, ListCollection } from '../collection';
 export { SelectClearTrigger as ClearTrigger, type SelectClearTriggerProps as ClearTriggerProps, type SelectClearTriggerBaseProps as ClearTriggerBaseProps, } from './select-clear-trigger';
 export { SelectContent as Content, type SelectContentProps as ContentProps, type SelectContentBaseProps as ContentBaseProps, } from './select-content';
 export { SelectContext as Context, type SelectContextProps as ContextProps } from './select-context';

package/dist/components/select/use-select-context.d.cts

@@ -1,4 +1,4 @@
-import { CollectionItem } from '../../types';
+import { CollectionItem } from '../collection';
 import { UseSelectReturn } from './use-select';
 import { Provider } from 'react';
 export interface UseSelectContext<T extends CollectionItem> extends UseSelectReturn<T> {

package/dist/components/select/use-select-context.d.ts

@@ -1,4 +1,4 @@
-import { CollectionItem } from '../../types';
+import { CollectionItem } from '../collection';
 import { UseSelectReturn } from './use-select';
 import { Provider } from 'react';
 export interface UseSelectContext<T extends CollectionItem> extends UseSelectReturn<T> {

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

@@ -8,7 +8,6 @@ const select = require('@zag-js/select');
 const react = require('react');
 const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
 const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
-const createSplitProps = require('../../utils/create-split-props.cjs');
 const useEvent = require('../../utils/use-event.cjs');
 const useFieldContext = require('../field/use-field-context.cjs');
 
@@ -32,16 +31,7 @@ function _interopNamespaceDefault(e) {
 const select__namespace = /*#__PURE__*/_interopNamespaceDefault(select);
 
 const useSelect = (props) => {
-  const [collectionOptions, selectProps] = createSplitProps.createSplitProps()(props, [
-    "isItemDisabled",
-    "itemToValue",
-    "itemToString",
-    "items"
-  ]);
-  const collection = react.useMemo(
-    () => select__namespace.collection(collectionOptions),
-    Object.values(collectionOptions)
-  );
+  const { collection, ...selectProps } = props;
   const locale = useLocaleContext.useLocaleContext();
   const environment = useEnvironmentContext.useEnvironmentContext();
   const field = useFieldContext.useFieldContext();
@@ -73,14 +63,13 @@ const useSelect = (props) => {
       onOpenChange: useEvent.useEvent(props.onOpenChange)
     };
   })();
-  const [state, send] = react$1.useMachine(select__namespace.machine(initialContext), {
+  const [state, send, service] = react$1.useMachine(select__namespace.machine(initialContext), {
     context
   });
-  const api = select__namespace.connect(state, send, react$1.normalizeProps);
   react.useEffect(() => {
-    api.setCollection(collection);
+    service.setContext({ collection });
   }, [collection]);
-  return api;
+  return select__namespace.connect(state, send, react$1.normalizeProps);
 };
 
 exports.useSelect = useSelect;

package/dist/components/select/use-select.d.cts

@@ -1,8 +1,8 @@
 import { PropTypes } from '@zag-js/react';
-import { CollectionOptions } from '@zag-js/select';
-import { CollectionItem, Optional } from '../../types';
+import { Optional } from '../../types';
+import { CollectionItem, ListCollection } from '../collection';
 import * as select from '@zag-js/select';
-export interface UseSelectProps<T extends CollectionItem> extends CollectionOptions<T>, Optional<Omit<select.Context<T>, 'collection' | 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
+export interface UseSelectProps<T extends CollectionItem> extends Optional<Omit<select.Context<T>, 'dir' | 'getRootNode' | 'open.controlled' | 'collection'>, 'id'> {
     /**
      * The initial open state of the select when it is first rendered.
      * Use when you do not need to control its open state.
@@ -13,7 +13,11 @@ export interface UseSelectProps<T extends CollectionItem> extends CollectionOpti
      * Use when you do not need to control the state of the select.
      */
     defaultValue?: select.Context<T>['value'];
+    /**
+     * The collection of items
+     */
+    collection: ListCollection<T>;
 }
 export interface UseSelectReturn<T extends CollectionItem> extends select.Api<PropTypes, T> {
 }
-export declare const useSelect: <T extends CollectionItem>(props: UseSelectProps<T>) => UseSelectReturn<T>;
+export declare const useSelect: <T extends unknown>(props: UseSelectProps<T>) => UseSelectReturn<T>;

package/dist/components/select/use-select.d.ts

@@ -1,8 +1,8 @@
 import { PropTypes } from '@zag-js/react';
-import { CollectionOptions } from '@zag-js/select';
-import { CollectionItem, Optional } from '../../types';
+import { Optional } from '../../types';
+import { CollectionItem, ListCollection } from '../collection';
 import * as select from '@zag-js/select';
-export interface UseSelectProps<T extends CollectionItem> extends CollectionOptions<T>, Optional<Omit<select.Context<T>, 'collection' | 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
+export interface UseSelectProps<T extends CollectionItem> extends Optional<Omit<select.Context<T>, 'dir' | 'getRootNode' | 'open.controlled' | 'collection'>, 'id'> {
     /**
      * The initial open state of the select when it is first rendered.
      * Use when you do not need to control its open state.
@@ -13,7 +13,11 @@ export interface UseSelectProps<T extends CollectionItem> extends CollectionOpti
      * Use when you do not need to control the state of the select.
      */
     defaultValue?: select.Context<T>['value'];
+    /**
+     * The collection of items
+     */
+    collection: ListCollection<T>;
 }
 export interface UseSelectReturn<T extends CollectionItem> extends select.Api<PropTypes, T> {
 }
-export declare const useSelect: <T extends CollectionItem>(props: UseSelectProps<T>) => UseSelectReturn<T>;
+export declare const useSelect: <T extends unknown>(props: UseSelectProps<T>) => UseSelectReturn<T>;

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

@@ -1,24 +1,14 @@
 'use client';
 import { useMachine, normalizeProps } from '@zag-js/react';
 import * as select from '@zag-js/select';
-import { useMemo, useId, useEffect } from 'react';
+import { useId, useEffect } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
-import { createSplitProps } from '../../utils/create-split-props.js';
 import { useEvent } from '../../utils/use-event.js';
 import { useFieldContext } from '../field/use-field-context.js';
 
 const useSelect = (props) => {
-  const [collectionOptions, selectProps] = createSplitProps()(props, [
-    "isItemDisabled",
-    "itemToValue",
-    "itemToString",
-    "items"
-  ]);
-  const collection = useMemo(
-    () => select.collection(collectionOptions),
-    Object.values(collectionOptions)
-  );
+  const { collection, ...selectProps } = props;
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const field = useFieldContext();
@@ -50,14 +40,13 @@ const useSelect = (props) => {
       onOpenChange: useEvent(props.onOpenChange)
     };
   })();
-  const [state, send] = useMachine(select.machine(initialContext), {
+  const [state, send, service] = useMachine(select.machine(initialContext), {
     context
   });
-  const api = select.connect(state, send, normalizeProps);
   useEffect(() => {
-    api.setCollection(collection);
+    service.setContext({ collection });
   }, [collection]);
-  return api;
+  return select.connect(state, send, normalizeProps);
 };
 
 export { useSelect };

package/dist/components/signature-pad/index.cjs

@@ -6,8 +6,8 @@ const signaturePadClearTrigger = require('./signature-pad-clear-trigger.cjs');
 const signaturePadContext = require('./signature-pad-context.cjs');
 const signaturePadControl = require('./signature-pad-control.cjs');
 const signaturePadGuide = require('./signature-pad-guide.cjs');
-const signaturePadLabel = require('./signature-pad-label.cjs');
 const signaturePadHiddenInput = require('./signature-pad-hidden-input.cjs');
+const signaturePadLabel = require('./signature-pad-label.cjs');
 const signaturePadRoot = require('./signature-pad-root.cjs');
 const signaturePadRootProvider = require('./signature-pad-root-provider.cjs');
 const signaturePadSegment = require('./signature-pad-segment.cjs');
@@ -22,8 +22,8 @@ exports.SignaturePadClearTrigger = signaturePadClearTrigger.SignaturePadClearTri
 exports.SignaturePadContext = signaturePadContext.SignaturePadContext;
 exports.SignaturePadControl = signaturePadControl.SignaturePadControl;
 exports.SignaturePadGuide = signaturePadGuide.SignaturePadGuide;
-exports.SignaturePadLabel = signaturePadLabel.SignaturePadLabel;
 exports.SignaturePadHiddenInput = signaturePadHiddenInput.SignaturePadHiddenInput;
+exports.SignaturePadLabel = signaturePadLabel.SignaturePadLabel;
 exports.SignaturePadRoot = signaturePadRoot.SignaturePadRoot;
 exports.SignaturePadRootProvider = signaturePadRootProvider.SignaturePadRootProvider;
 exports.SignaturePadSegment = signaturePadSegment.SignaturePadSegment;

package/dist/components/signature-pad/index.d.cts

@@ -1,14 +1,14 @@
 export type { DrawDetails as SignaturePadDrawDetails, DrawEndDetails as SignaturePadDrawEndDetails, DrawingOptions as SignaturePadDrawingOptions, } from '@zag-js/signature-pad';
-export { SignaturePadClearTrigger, type SignaturePadClearTriggerProps, type SignaturePadClearTriggerBaseProps, } from './signature-pad-clear-trigger';
+export { SignaturePadClearTrigger, type SignaturePadClearTriggerBaseProps, type SignaturePadClearTriggerProps, } from './signature-pad-clear-trigger';
 export { SignaturePadContext, type SignaturePadContextProps, } from './signature-pad-context';
-export { SignaturePadControl, type SignaturePadControlProps, type SignaturePadControlBaseProps, } from './signature-pad-control';
-export { SignaturePadGuide, type SignaturePadGuideProps, type SignaturePadGuideBaseProps, } from './signature-pad-guide';
-export { SignaturePadLabel, type SignaturePadLabelProps, type SignaturePadLabelBaseProps, } from './signature-pad-label';
-export { SignaturePadHiddenInput, type SignaturePadHiddenInputProps, type SignaturePadHiddenInputBaseProps, } from './signature-pad-hidden-input';
-export { SignaturePadRoot, type SignaturePadRootProps, type SignaturePadRootBaseProps, } from './signature-pad-root';
-export { SignaturePadRootProvider, type SignaturePadRootProviderProps, type SignaturePadRootProviderBaseProps, } from './signature-pad-root-provider';
-export { SignaturePadSegment, type SignaturePadSegmentProps, type SignaturePadSegmentBaseProps, } from './signature-pad-segment';
+export { SignaturePadControl, type SignaturePadControlBaseProps, type SignaturePadControlProps, } from './signature-pad-control';
+export { SignaturePadGuide, type SignaturePadGuideBaseProps, type SignaturePadGuideProps, } from './signature-pad-guide';
+export { SignaturePadHiddenInput, type SignaturePadHiddenInputBaseProps, type SignaturePadHiddenInputProps, } from './signature-pad-hidden-input';
+export { SignaturePadLabel, type SignaturePadLabelBaseProps, type SignaturePadLabelProps, } from './signature-pad-label';
+export { SignaturePadRoot, type SignaturePadRootBaseProps, type SignaturePadRootProps, } from './signature-pad-root';
+export { SignaturePadRootProvider, type SignaturePadRootProviderBaseProps, type SignaturePadRootProviderProps, } from './signature-pad-root-provider';
+export { SignaturePadSegment, type SignaturePadSegmentBaseProps, type SignaturePadSegmentProps, } from './signature-pad-segment';
+export { signaturePadAnatomy } from './signature-pad.anatomy';
 export { useSignaturePad, type UseSignaturePadProps, type UseSignaturePadReturn, } from './use-signature-pad';
 export { useSignaturePadContext, type UseSignaturePadContext } from './use-signature-pad-context';
-export { signaturePadAnatomy } from './signature-pad.anatomy';
 export * as SignaturePad from './signature-pad';

package/dist/components/signature-pad/index.d.ts

@@ -1,14 +1,14 @@
 export type { DrawDetails as SignaturePadDrawDetails, DrawEndDetails as SignaturePadDrawEndDetails, DrawingOptions as SignaturePadDrawingOptions, } from '@zag-js/signature-pad';
-export { SignaturePadClearTrigger, type SignaturePadClearTriggerProps, type SignaturePadClearTriggerBaseProps, } from './signature-pad-clear-trigger';
+export { SignaturePadClearTrigger, type SignaturePadClearTriggerBaseProps, type SignaturePadClearTriggerProps, } from './signature-pad-clear-trigger';
 export { SignaturePadContext, type SignaturePadContextProps, } from './signature-pad-context';
-export { SignaturePadControl, type SignaturePadControlProps, type SignaturePadControlBaseProps, } from './signature-pad-control';
-export { SignaturePadGuide, type SignaturePadGuideProps, type SignaturePadGuideBaseProps, } from './signature-pad-guide';
-export { SignaturePadLabel, type SignaturePadLabelProps, type SignaturePadLabelBaseProps, } from './signature-pad-label';
-export { SignaturePadHiddenInput, type SignaturePadHiddenInputProps, type SignaturePadHiddenInputBaseProps, } from './signature-pad-hidden-input';
-export { SignaturePadRoot, type SignaturePadRootProps, type SignaturePadRootBaseProps, } from './signature-pad-root';
-export { SignaturePadRootProvider, type SignaturePadRootProviderProps, type SignaturePadRootProviderBaseProps, } from './signature-pad-root-provider';
-export { SignaturePadSegment, type SignaturePadSegmentProps, type SignaturePadSegmentBaseProps, } from './signature-pad-segment';
+export { SignaturePadControl, type SignaturePadControlBaseProps, type SignaturePadControlProps, } from './signature-pad-control';
+export { SignaturePadGuide, type SignaturePadGuideBaseProps, type SignaturePadGuideProps, } from './signature-pad-guide';
+export { SignaturePadHiddenInput, type SignaturePadHiddenInputBaseProps, type SignaturePadHiddenInputProps, } from './signature-pad-hidden-input';
+export { SignaturePadLabel, type SignaturePadLabelBaseProps, type SignaturePadLabelProps, } from './signature-pad-label';
+export { SignaturePadRoot, type SignaturePadRootBaseProps, type SignaturePadRootProps, } from './signature-pad-root';
+export { SignaturePadRootProvider, type SignaturePadRootProviderBaseProps, type SignaturePadRootProviderProps, } from './signature-pad-root-provider';
+export { SignaturePadSegment, type SignaturePadSegmentBaseProps, type SignaturePadSegmentProps, } from './signature-pad-segment';
+export { signaturePadAnatomy } from './signature-pad.anatomy';
 export { useSignaturePad, type UseSignaturePadProps, type UseSignaturePadReturn, } from './use-signature-pad';
 export { useSignaturePadContext, type UseSignaturePadContext } from './use-signature-pad-context';
-export { signaturePadAnatomy } from './signature-pad.anatomy';
 export * as SignaturePad from './signature-pad';

package/dist/components/signature-pad/index.js

@@ -2,8 +2,8 @@ export { SignaturePadClearTrigger } from './signature-pad-clear-trigger.js';
 export { SignaturePadContext } from './signature-pad-context.js';
 export { SignaturePadControl } from './signature-pad-control.js';
 export { SignaturePadGuide } from './signature-pad-guide.js';
-export { SignaturePadLabel } from './signature-pad-label.js';
 export { SignaturePadHiddenInput } from './signature-pad-hidden-input.js';
+export { SignaturePadLabel } from './signature-pad-label.js';
 export { SignaturePadRoot } from './signature-pad-root.js';
 export { SignaturePadRootProvider } from './signature-pad-root-provider.js';
 export { SignaturePadSegment } from './signature-pad-segment.js';

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

@@ -1,17 +1,17 @@
 export type { FocusChangeDetails as SliderFocusChangeDetails, ValueChangeDetails as SliderValueChangeDetails, } from '@zag-js/slider';
 export { SliderContext, type SliderContextProps, } from './slider-context';
-export { SliderControl, type SliderControlProps, type SliderControlBaseProps, } from './slider-control';
-export { SliderHiddenInput, type SliderHiddenInputProps, type SliderHiddenInputBaseProps, } from './slider-hidden-input';
-export { SliderLabel, type SliderLabelProps, type SliderLabelBaseProps, } from './slider-label';
-export { SliderMarker, type SliderMarkerProps, type SliderMarkerBaseProps, } from './slider-marker';
-export { SliderMarkerGroup, type SliderMarkerGroupProps, type SliderMarkerGroupBaseProps, } from './slider-marker-group';
-export { SliderRange, type SliderRangeProps, type SliderRangeBaseProps, } from './slider-range';
-export { SliderRoot, type SliderRootProps, type SliderRootBaseProps, } from './slider-root';
-export { SliderRootProvider, type SliderRootProviderProps, type SliderRootProviderBaseProps, } from './slider-root-provider';
-export { SliderThumb, type SliderThumbProps, type SliderThumbBaseProps, } from './slider-thumb';
-export { SliderTrack, type SliderTrackProps, type SliderTrackBaseProps, } from './slider-track';
-export { SliderValueText, type SliderValueTextProps, type SliderValueTextBaseProps, } from './slider-value-text';
+export { SliderControl, type SliderControlBaseProps, type SliderControlProps, } from './slider-control';
+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';
+export { SliderMarkerGroup, type SliderMarkerGroupBaseProps, type SliderMarkerGroupProps, } from './slider-marker-group';
+export { SliderRange, type SliderRangeBaseProps, type SliderRangeProps, } from './slider-range';
+export { SliderRoot, type SliderRootBaseProps, type SliderRootProps, } from './slider-root';
+export { SliderRootProvider, type SliderRootProviderBaseProps, type SliderRootProviderProps, } from './slider-root-provider';
+export { SliderThumb, type SliderThumbBaseProps, type SliderThumbProps, } from './slider-thumb';
+export { SliderTrack, type SliderTrackBaseProps, type SliderTrackProps, } from './slider-track';
+export { SliderValueText, type SliderValueTextBaseProps, type SliderValueTextProps, } from './slider-value-text';
+export { sliderAnatomy } from './slider.anatomy';
 export { useSlider, type UseSliderProps, type UseSliderReturn } from './use-slider';
 export { useSliderContext, type UseSliderContext } from './use-slider-context';
-export { sliderAnatomy } from './slider.anatomy';
 export * as Slider from './slider';

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

@@ -1,17 +1,17 @@
 export type { FocusChangeDetails as SliderFocusChangeDetails, ValueChangeDetails as SliderValueChangeDetails, } from '@zag-js/slider';
 export { SliderContext, type SliderContextProps, } from './slider-context';
-export { SliderControl, type SliderControlProps, type SliderControlBaseProps, } from './slider-control';
-export { SliderHiddenInput, type SliderHiddenInputProps, type SliderHiddenInputBaseProps, } from './slider-hidden-input';
-export { SliderLabel, type SliderLabelProps, type SliderLabelBaseProps, } from './slider-label';
-export { SliderMarker, type SliderMarkerProps, type SliderMarkerBaseProps, } from './slider-marker';
-export { SliderMarkerGroup, type SliderMarkerGroupProps, type SliderMarkerGroupBaseProps, } from './slider-marker-group';
-export { SliderRange, type SliderRangeProps, type SliderRangeBaseProps, } from './slider-range';
-export { SliderRoot, type SliderRootProps, type SliderRootBaseProps, } from './slider-root';
-export { SliderRootProvider, type SliderRootProviderProps, type SliderRootProviderBaseProps, } from './slider-root-provider';
-export { SliderThumb, type SliderThumbProps, type SliderThumbBaseProps, } from './slider-thumb';
-export { SliderTrack, type SliderTrackProps, type SliderTrackBaseProps, } from './slider-track';
-export { SliderValueText, type SliderValueTextProps, type SliderValueTextBaseProps, } from './slider-value-text';
+export { SliderControl, type SliderControlBaseProps, type SliderControlProps, } from './slider-control';
+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';
+export { SliderMarkerGroup, type SliderMarkerGroupBaseProps, type SliderMarkerGroupProps, } from './slider-marker-group';
+export { SliderRange, type SliderRangeBaseProps, type SliderRangeProps, } from './slider-range';
+export { SliderRoot, type SliderRootBaseProps, type SliderRootProps, } from './slider-root';
+export { SliderRootProvider, type SliderRootProviderBaseProps, type SliderRootProviderProps, } from './slider-root-provider';
+export { SliderThumb, type SliderThumbBaseProps, type SliderThumbProps, } from './slider-thumb';
+export { SliderTrack, type SliderTrackBaseProps, type SliderTrackProps, } from './slider-track';
+export { SliderValueText, type SliderValueTextBaseProps, type SliderValueTextProps, } from './slider-value-text';
+export { sliderAnatomy } from './slider.anatomy';
 export { useSlider, type UseSliderProps, type UseSliderReturn } from './use-slider';
 export { useSliderContext, type UseSliderContext } from './use-slider-context';
-export { sliderAnatomy } from './slider.anatomy';
 export * as Slider from './slider';

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

@@ -1,10 +1,10 @@
 export type { SizeChangeDetails as SplitterSizeChangeDetails } from '@zag-js/splitter';
 export { SplitterContext, type SplitterContextProps, } from './splitter-context';
-export { SplitterPanel, type SplitterPanelProps, type SplitterPanelBaseProps, } from './splitter-panel';
-export { SplitterResizeTrigger, type SplitterResizeTriggerProps, type SplitterResizeTriggerBaseProps, } from './splitter-resize-trigger';
-export { SplitterRoot, type SplitterRootProps, type SplitterRootBaseProps, } from './splitter-root';
-export { SplitterRootProvider, type SplitterRootProviderProps, type SplitterRootProviderBaseProps, } from './splitter-root-provider';
+export { SplitterPanel, type SplitterPanelBaseProps, type SplitterPanelProps, } from './splitter-panel';
+export { SplitterResizeTrigger, type SplitterResizeTriggerBaseProps, type SplitterResizeTriggerProps, } from './splitter-resize-trigger';
+export { SplitterRoot, type SplitterRootBaseProps, type SplitterRootProps, } from './splitter-root';
+export { SplitterRootProvider, type SplitterRootProviderBaseProps, type SplitterRootProviderProps, } from './splitter-root-provider';
+export { splitterAnatomy } from './splitter.anatomy';
 export { useSplitter, type UseSplitterProps, type UseSplitterReturn } from './use-splitter';
 export { useSplitterContext, type UseSplitterContext } from './use-splitter-context';
-export { splitterAnatomy } from './splitter.anatomy';
 export * as Splitter from './splitter';

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

@@ -1,10 +1,10 @@
 export type { SizeChangeDetails as SplitterSizeChangeDetails } from '@zag-js/splitter';
 export { SplitterContext, type SplitterContextProps, } from './splitter-context';
-export { SplitterPanel, type SplitterPanelProps, type SplitterPanelBaseProps, } from './splitter-panel';
-export { SplitterResizeTrigger, type SplitterResizeTriggerProps, type SplitterResizeTriggerBaseProps, } from './splitter-resize-trigger';
-export { SplitterRoot, type SplitterRootProps, type SplitterRootBaseProps, } from './splitter-root';
-export { SplitterRootProvider, type SplitterRootProviderProps, type SplitterRootProviderBaseProps, } from './splitter-root-provider';
+export { SplitterPanel, type SplitterPanelBaseProps, type SplitterPanelProps, } from './splitter-panel';
+export { SplitterResizeTrigger, type SplitterResizeTriggerBaseProps, type SplitterResizeTriggerProps, } from './splitter-resize-trigger';
+export { SplitterRoot, type SplitterRootBaseProps, type SplitterRootProps, } from './splitter-root';
+export { SplitterRootProvider, type SplitterRootProviderBaseProps, type SplitterRootProviderProps, } from './splitter-root-provider';
+export { splitterAnatomy } from './splitter.anatomy';
 export { useSplitter, type UseSplitterProps, type UseSplitterReturn } from './use-splitter';
 export { useSplitterContext, type UseSplitterContext } from './use-splitter-context';
-export { splitterAnatomy } from './splitter.anatomy';
 export * as Splitter from './splitter';

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

@@ -1,12 +1,12 @@
 export type { CheckedChangeDetails as SwitchCheckedChangeDetails } from '@zag-js/switch';
 export { SwitchContext, type SwitchContextProps, } from './switch-context';
-export { SwitchControl, type SwitchControlProps, type SwitchControlBaseProps, } from './switch-control';
-export { SwitchHiddenInput, type SwitchHiddenInputProps, type SwitchHiddenInputBaseProps, } from './switch-hidden-input';
-export { SwitchLabel, type SwitchLabelProps, type SwitchLabelBaseProps, } from './switch-label';
-export { SwitchRoot, type SwitchRootProps, type SwitchRootBaseProps, } from './switch-root';
-export { SwitchRootProvider, type SwitchRootProviderProps, type SwitchRootProviderBaseProps, } from './switch-root-provider';
-export { SwitchThumb, type SwitchThumbProps, type SwitchThumbBaseProps, } from './switch-thumb';
+export { SwitchControl, type SwitchControlBaseProps, type SwitchControlProps, } from './switch-control';
+export { SwitchHiddenInput, type SwitchHiddenInputBaseProps, type SwitchHiddenInputProps, } from './switch-hidden-input';
+export { SwitchLabel, type SwitchLabelBaseProps, type SwitchLabelProps, } from './switch-label';
+export { SwitchRoot, type SwitchRootBaseProps, type SwitchRootProps, } from './switch-root';
+export { SwitchRootProvider, type SwitchRootProviderBaseProps, type SwitchRootProviderProps, } from './switch-root-provider';
+export { SwitchThumb, type SwitchThumbBaseProps, type SwitchThumbProps, } from './switch-thumb';
+export { switchAnatomy } from './switch.anatomy';
 export { useSwitch, type UseSwitchProps, type UseSwitchReturn } from './use-switch';
 export { useSwitchContext, type UseSwitchContext } from './use-switch-context';
-export { switchAnatomy } from './switch.anatomy';
 export * as Switch from './switch';

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

@@ -1,12 +1,12 @@
 export type { CheckedChangeDetails as SwitchCheckedChangeDetails } from '@zag-js/switch';
 export { SwitchContext, type SwitchContextProps, } from './switch-context';
-export { SwitchControl, type SwitchControlProps, type SwitchControlBaseProps, } from './switch-control';
-export { SwitchHiddenInput, type SwitchHiddenInputProps, type SwitchHiddenInputBaseProps, } from './switch-hidden-input';
-export { SwitchLabel, type SwitchLabelProps, type SwitchLabelBaseProps, } from './switch-label';
-export { SwitchRoot, type SwitchRootProps, type SwitchRootBaseProps, } from './switch-root';
-export { SwitchRootProvider, type SwitchRootProviderProps, type SwitchRootProviderBaseProps, } from './switch-root-provider';
-export { SwitchThumb, type SwitchThumbProps, type SwitchThumbBaseProps, } from './switch-thumb';
+export { SwitchControl, type SwitchControlBaseProps, type SwitchControlProps, } from './switch-control';
+export { SwitchHiddenInput, type SwitchHiddenInputBaseProps, type SwitchHiddenInputProps, } from './switch-hidden-input';
+export { SwitchLabel, type SwitchLabelBaseProps, type SwitchLabelProps, } from './switch-label';
+export { SwitchRoot, type SwitchRootBaseProps, type SwitchRootProps, } from './switch-root';
+export { SwitchRootProvider, type SwitchRootProviderBaseProps, type SwitchRootProviderProps, } from './switch-root-provider';
+export { SwitchThumb, type SwitchThumbBaseProps, type SwitchThumbProps, } from './switch-thumb';
+export { switchAnatomy } from './switch.anatomy';
 export { useSwitch, type UseSwitchProps, type UseSwitchReturn } from './use-switch';
 export { useSwitchContext, type UseSwitchContext } from './use-switch-context';
-export { switchAnatomy } from './switch.anatomy';
 export * as Switch from './switch';

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

@@ -1,12 +1,12 @@
 export type { FocusChangeDetails as TabsFocusChangeDetails, ValueChangeDetails as TabsValueChangeDetails, } from '@zag-js/tabs';
-export { TabContent, type TabContentProps, type TabContentBaseProps, } from './tab-content';
-export { TabIndicator, type TabIndicatorProps, type TabIndicatorBaseProps, } from './tab-indicator';
-export { TabList, type TabListProps, type TabListBaseProps, } from './tab-list';
-export { TabTrigger, type TabTriggerProps, type TabTriggerBaseProps, } from './tab-trigger';
+export { TabContent, type TabContentBaseProps, type TabContentProps, } from './tab-content';
+export { TabIndicator, type TabIndicatorBaseProps, type TabIndicatorProps, } from './tab-indicator';
+export { TabList, type TabListBaseProps, type TabListProps, } from './tab-list';
+export { TabTrigger, type TabTriggerBaseProps, type TabTriggerProps, } from './tab-trigger';
 export { TabsContext, type TabsContextProps, } from './tabs-context';
-export { TabsRoot, type TabsRootProps, type TabsRootBaseProps, } from './tabs-root';
-export { TabsRootProvider, type TabsRootProviderProps, type TabsRootProviderBaseProps, } from './tabs-root-provider';
+export { TabsRoot, type TabsRootBaseProps, type TabsRootProps, } from './tabs-root';
+export { TabsRootProvider, type TabsRootProviderBaseProps, type TabsRootProviderProps, } from './tabs-root-provider';
+export { tabsAnatomy } from './tabs.anatomy';
 export { useTabs, type UseTabsProps, type UseTabsReturn } from './use-tabs';
 export { useTabsContext, type UseTabsContext } from './use-tabs-context';
-export { tabsAnatomy } from './tabs.anatomy';
 export * as Tabs from './tabs';

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

@@ -1,12 +1,12 @@
 export type { FocusChangeDetails as TabsFocusChangeDetails, ValueChangeDetails as TabsValueChangeDetails, } from '@zag-js/tabs';
-export { TabContent, type TabContentProps, type TabContentBaseProps, } from './tab-content';
-export { TabIndicator, type TabIndicatorProps, type TabIndicatorBaseProps, } from './tab-indicator';
-export { TabList, type TabListProps, type TabListBaseProps, } from './tab-list';
-export { TabTrigger, type TabTriggerProps, type TabTriggerBaseProps, } from './tab-trigger';
+export { TabContent, type TabContentBaseProps, type TabContentProps, } from './tab-content';
+export { TabIndicator, type TabIndicatorBaseProps, type TabIndicatorProps, } from './tab-indicator';
+export { TabList, type TabListBaseProps, type TabListProps, } from './tab-list';
+export { TabTrigger, type TabTriggerBaseProps, type TabTriggerProps, } from './tab-trigger';
 export { TabsContext, type TabsContextProps, } from './tabs-context';
-export { TabsRoot, type TabsRootProps, type TabsRootBaseProps, } from './tabs-root';
-export { TabsRootProvider, type TabsRootProviderProps, type TabsRootProviderBaseProps, } from './tabs-root-provider';
+export { TabsRoot, type TabsRootBaseProps, type TabsRootProps, } from './tabs-root';
+export { TabsRootProvider, type TabsRootProviderBaseProps, type TabsRootProviderProps, } from './tabs-root-provider';
+export { tabsAnatomy } from './tabs.anatomy';
 export { useTabs, type UseTabsProps, type UseTabsReturn } from './use-tabs';
 export { useTabsContext, type UseTabsContext } from './use-tabs-context';
-export { tabsAnatomy } from './tabs.anatomy';
 export * as Tabs from './tabs';

package/dist/components/tags-input/index.d.cts

@@ -1,20 +1,20 @@
 export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails, } from '@zag-js/tags-input';
-export { TagsInputClearTrigger, type TagsInputClearTriggerProps, type TagsInputClearTriggerBaseProps, } from './tags-input-clear-trigger';
+export { TagsInputClearTrigger, type TagsInputClearTriggerBaseProps, type TagsInputClearTriggerProps, } from './tags-input-clear-trigger';
 export { TagsInputContext, type TagsInputContextProps, } from './tags-input-context';
-export { TagsInputControl, type TagsInputControlProps, type TagsInputControlBaseProps, } from './tags-input-control';
-export { TagsInputHiddenInput, type TagsInputHiddenInputProps, type TagsInputHiddenInputBaseProps, } from './tags-input-hidden-input';
-export { TagsInputInput, type TagsInputInputProps, type TagsInputInputBaseProps, } from './tags-input-input';
-export { TagsInputItem, type TagsInputItemProps, type TagsInputItemBaseProps, } from './tags-input-item';
+export { TagsInputControl, type TagsInputControlBaseProps, type TagsInputControlProps, } from './tags-input-control';
+export { TagsInputHiddenInput, type TagsInputHiddenInputBaseProps, type TagsInputHiddenInputProps, } from './tags-input-hidden-input';
+export { TagsInputInput, type TagsInputInputBaseProps, type TagsInputInputProps, } from './tags-input-input';
+export { TagsInputItem, type TagsInputItemBaseProps, type TagsInputItemProps, } from './tags-input-item';
 export { TagsInputItemContext, type TagsInputItemContextProps, } from './tags-input-item-context';
-export { TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerProps, type TagsInputItemDeleteTriggerBaseProps, } from './tags-input-item-delete-trigger';
-export { TagsInputItemInput, type TagsInputItemInputProps, type TagsInputItemInputBaseProps, } from './tags-input-item-input';
-export { TagsInputItemPreview, type TagsInputItemPreviewProps, type TagsInputItemPreviewBaseProps, } from './tags-input-item-preview';
-export { TagsInputItemText, type TagsInputItemTextProps, type TagsInputItemTextBaseProps, } from './tags-input-item-text';
-export { TagsInputLabel, type TagsInputLabelProps, type TagsInputLabelBaseProps, } from './tags-input-label';
-export { TagsInputRoot, type TagsInputRootProps, type TagsInputRootBaseProps, } from './tags-input-root';
-export { TagsInputRootProvider, type TagsInputRootProviderProps, type TagsInputRootProviderBaseProps, } from './tags-input-root-provider';
+export { TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerBaseProps, type TagsInputItemDeleteTriggerProps, } from './tags-input-item-delete-trigger';
+export { TagsInputItemInput, type TagsInputItemInputBaseProps, type TagsInputItemInputProps, } from './tags-input-item-input';
+export { TagsInputItemPreview, type TagsInputItemPreviewBaseProps, type TagsInputItemPreviewProps, } from './tags-input-item-preview';
+export { TagsInputItemText, type TagsInputItemTextBaseProps, type TagsInputItemTextProps, } from './tags-input-item-text';
+export { TagsInputLabel, type TagsInputLabelBaseProps, type TagsInputLabelProps, } from './tags-input-label';
+export { TagsInputRoot, type TagsInputRootBaseProps, type TagsInputRootProps, } from './tags-input-root';
+export { TagsInputRootProvider, type TagsInputRootProviderBaseProps, type TagsInputRootProviderProps, } from './tags-input-root-provider';
+export { tagsInputAnatomy } from './tags-input.anatomy';
 export { useTagsInput, type UseTagsInputProps, type UseTagsInputReturn } from './use-tags-input';
 export { useTagsInputContext, type UseTagsInputContext } from './use-tags-input-context';
 export { useTagsInputItemContext, type UseTagsInputItemContext, } from './use-tags-input-item-context';
-export { tagsInputAnatomy } from './tags-input.anatomy';
 export * as TagsInput from './tags-input';