@ark-ui/react 3.2.1 → 3.4.0-0

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

@@ -1,13 +1,13 @@
 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 } from './slider-control';
-export { SliderLabel as Label, type SliderLabelProps as LabelProps } from './slider-label';
-export { SliderMarker as Marker, type SliderMarkerProps as MarkerProps } from './slider-marker';
-export { SliderMarkerGroup as MarkerGroup, type SliderMarkerGroupProps as MarkerGroupProps, } from './slider-marker-group';
-export { SliderRange as Range, type SliderRangeProps as RangeProps } from './slider-range';
-export { SliderRoot as Root, type SliderRootProps as RootProps } from './slider-root';
-export { SliderRootProvider as RootProvider, type SliderRootProviderProps as RootProviderProps, } from './slider-root-provider';
-export { SliderThumb as Thumb, type SliderThumbProps as ThumbProps } from './slider-thumb';
-export { SliderTrack as Track, type SliderTrackProps as TrackProps } from './slider-track';
-export { SliderHiddenInput as HiddenInput, type SliderHiddenInputProps as HiddenInputProps, } from './slider-hidden-input';
-export { SliderValueText as ValueText, type SliderValueTextProps as ValueTextProps, } from './slider-value-text';
+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';

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

@@ -1,9 +1,9 @@
 export type { SizeChangeDetails as SplitterSizeChangeDetails } from '@zag-js/splitter';
-export { SplitterContext, type SplitterContextProps } from './splitter-context';
-export { SplitterPanel, type SplitterPanelProps } from './splitter-panel';
-export { SplitterResizeTrigger, type SplitterResizeTriggerProps } from './splitter-resize-trigger';
-export { SplitterRoot, type SplitterRootProps } from './splitter-root';
-export { SplitterRootProvider, type SplitterRootProviderProps } from './splitter-root-provider';
+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 { useSplitter, type UseSplitterProps, type UseSplitterReturn } from './use-splitter';
 export { useSplitterContext, type UseSplitterContext } from './use-splitter-context';
 export * as Splitter from './splitter';

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

@@ -1,9 +1,9 @@
 export type { SizeChangeDetails as SplitterSizeChangeDetails } from '@zag-js/splitter';
-export { SplitterContext, type SplitterContextProps } from './splitter-context';
-export { SplitterPanel, type SplitterPanelProps } from './splitter-panel';
-export { SplitterResizeTrigger, type SplitterResizeTriggerProps } from './splitter-resize-trigger';
-export { SplitterRoot, type SplitterRootProps } from './splitter-root';
-export { SplitterRootProvider, type SplitterRootProviderProps } from './splitter-root-provider';
+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 { useSplitter, type UseSplitterProps, type UseSplitterReturn } from './use-splitter';
 export { useSplitterContext, type UseSplitterContext } from './use-splitter-context';
 export * as Splitter from './splitter';

package/dist/components/splitter/splitter-panel.d.cts

@@ -3,6 +3,8 @@ import { Assign } from '../../types';
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SplitterPanelProps extends Assign<HTMLArkProps<'div'>, PanelProps> {
+export interface SplitterPanelBaseProps extends PanelProps {
+}
+export interface SplitterPanelProps extends Assign<HTMLArkProps<'div'>, SplitterPanelBaseProps> {
 }
 export declare const SplitterPanel: ForwardRefExoticComponent<SplitterPanelProps & RefAttributes<HTMLDivElement>>;

package/dist/components/splitter/splitter-panel.d.ts

@@ -3,6 +3,8 @@ import { Assign } from '../../types';
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SplitterPanelProps extends Assign<HTMLArkProps<'div'>, PanelProps> {
+export interface SplitterPanelBaseProps extends PanelProps {
+}
+export interface SplitterPanelProps extends Assign<HTMLArkProps<'div'>, SplitterPanelBaseProps> {
 }
 export declare const SplitterPanel: ForwardRefExoticComponent<SplitterPanelProps & RefAttributes<HTMLDivElement>>;

package/dist/components/splitter/splitter-resize-trigger.d.cts

@@ -3,6 +3,8 @@ import { Assign } from '../../types';
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SplitterResizeTriggerProps extends Assign<HTMLArkProps<'button'>, ResizeTriggerProps> {
+export interface SplitterResizeTriggerBaseProps extends ResizeTriggerProps {
+}
+export interface SplitterResizeTriggerProps extends Assign<HTMLArkProps<'button'>, SplitterResizeTriggerBaseProps> {
 }
 export declare const SplitterResizeTrigger: ForwardRefExoticComponent<SplitterResizeTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/splitter/splitter-resize-trigger.d.ts

@@ -3,6 +3,8 @@ import { Assign } from '../../types';
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SplitterResizeTriggerProps extends Assign<HTMLArkProps<'button'>, ResizeTriggerProps> {
+export interface SplitterResizeTriggerBaseProps extends ResizeTriggerProps {
+}
+export interface SplitterResizeTriggerProps extends Assign<HTMLArkProps<'button'>, SplitterResizeTriggerBaseProps> {
 }
 export declare const SplitterResizeTrigger: ForwardRefExoticComponent<SplitterResizeTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -5,7 +5,9 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 interface RootProviderProps {
     value: UseSplitterReturn;
 }
-export interface SplitterRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface SplitterRootProviderBaseProps extends RootProviderProps {
+}
+export interface SplitterRootProviderProps extends HTMLArkProps<'div'>, SplitterRootProviderBaseProps {
 }
 export declare const SplitterRootProvider: ForwardRefExoticComponent<SplitterRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -5,7 +5,9 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 interface RootProviderProps {
     value: UseSplitterReturn;
 }
-export interface SplitterRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface SplitterRootProviderBaseProps extends RootProviderProps {
+}
+export interface SplitterRootProviderProps extends HTMLArkProps<'div'>, SplitterRootProviderBaseProps {
 }
 export declare const SplitterRootProvider: ForwardRefExoticComponent<SplitterRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -3,6 +3,8 @@ import { HTMLArkProps } from '../factory';
 import { UseSplitterProps } from './use-splitter';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SplitterRootProps extends Assign<HTMLArkProps<'div'>, UseSplitterProps> {
+export interface SplitterRootBaseProps extends UseSplitterProps {
+}
+export interface SplitterRootProps extends Assign<HTMLArkProps<'div'>, SplitterRootBaseProps> {
 }
 export declare const SplitterRoot: ForwardRefExoticComponent<SplitterRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -3,6 +3,8 @@ import { HTMLArkProps } from '../factory';
 import { UseSplitterProps } from './use-splitter';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SplitterRootProps extends Assign<HTMLArkProps<'div'>, UseSplitterProps> {
+export interface SplitterRootBaseProps extends UseSplitterProps {
+}
+export interface SplitterRootProps extends Assign<HTMLArkProps<'div'>, SplitterRootBaseProps> {
 }
 export declare const SplitterRoot: ForwardRefExoticComponent<SplitterRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,6 @@
 export type { SizeChangeDetails } from '@zag-js/splitter';
 export { SplitterContext as Context, type SplitterContextProps as ContextProps, } from './splitter-context';
-export { SplitterPanel as Panel, type SplitterPanelProps as PanelProps } from './splitter-panel';
-export { SplitterResizeTrigger as ResizeTrigger, type SplitterResizeTriggerProps as ResizeTriggerProps, } from './splitter-resize-trigger';
-export { SplitterRoot as Root, type SplitterRootProps as RootProps } from './splitter-root';
-export { SplitterRootProvider as RootProvider, type SplitterRootProviderProps as RootProviderProps, } from './splitter-root-provider';
+export { SplitterPanel as Panel, type SplitterPanelProps as PanelProps, type SplitterPanelBaseProps as PanelBaseProps, } from './splitter-panel';
+export { SplitterResizeTrigger as ResizeTrigger, type SplitterResizeTriggerProps as ResizeTriggerProps, type SplitterResizeTriggerBaseProps as ResizeTriggerBaseProps, } from './splitter-resize-trigger';
+export { SplitterRoot as Root, type SplitterRootProps as RootProps, type SplitterRootBaseProps as RootBaseProps, } from './splitter-root';
+export { SplitterRootProvider as RootProvider, type SplitterRootProviderProps as RootProviderProps, type SplitterRootProviderBaseProps as RootProviderBaseProps, } from './splitter-root-provider';

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

@@ -1,6 +1,6 @@
 export type { SizeChangeDetails } from '@zag-js/splitter';
 export { SplitterContext as Context, type SplitterContextProps as ContextProps, } from './splitter-context';
-export { SplitterPanel as Panel, type SplitterPanelProps as PanelProps } from './splitter-panel';
-export { SplitterResizeTrigger as ResizeTrigger, type SplitterResizeTriggerProps as ResizeTriggerProps, } from './splitter-resize-trigger';
-export { SplitterRoot as Root, type SplitterRootProps as RootProps } from './splitter-root';
-export { SplitterRootProvider as RootProvider, type SplitterRootProviderProps as RootProviderProps, } from './splitter-root-provider';
+export { SplitterPanel as Panel, type SplitterPanelProps as PanelProps, type SplitterPanelBaseProps as PanelBaseProps, } from './splitter-panel';
+export { SplitterResizeTrigger as ResizeTrigger, type SplitterResizeTriggerProps as ResizeTriggerProps, type SplitterResizeTriggerBaseProps as ResizeTriggerBaseProps, } from './splitter-resize-trigger';
+export { SplitterRoot as Root, type SplitterRootProps as RootProps, type SplitterRootBaseProps as RootBaseProps, } from './splitter-root';
+export { SplitterRootProvider as RootProvider, type SplitterRootProviderProps as RootProviderProps, type SplitterRootProviderBaseProps as RootProviderBaseProps, } from './splitter-root-provider';

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

@@ -1,11 +1,11 @@
 export type { CheckedChangeDetails as SwitchCheckedChangeDetails } from '@zag-js/switch';
-export { SwitchContext, type SwitchContextProps } from './switch-context';
-export { SwitchControl, type SwitchControlProps } from './switch-control';
-export { SwitchHiddenInput, type SwitchHiddenInputProps } from './switch-hidden-input';
-export { SwitchLabel, type SwitchLabelProps } from './switch-label';
-export { SwitchRoot, type SwitchRootProps } from './switch-root';
-export { SwitchRootProvider, type SwitchRootProviderProps } from './switch-root-provider';
-export { SwitchThumb, type SwitchThumbProps } from './switch-thumb';
+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 { useSwitch, type UseSwitchProps, type UseSwitchReturn } from './use-switch';
 export { useSwitchContext, type UseSwitchContext } from './use-switch-context';
 export * as Switch from './switch';

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

@@ -1,11 +1,11 @@
 export type { CheckedChangeDetails as SwitchCheckedChangeDetails } from '@zag-js/switch';
-export { SwitchContext, type SwitchContextProps } from './switch-context';
-export { SwitchControl, type SwitchControlProps } from './switch-control';
-export { SwitchHiddenInput, type SwitchHiddenInputProps } from './switch-hidden-input';
-export { SwitchLabel, type SwitchLabelProps } from './switch-label';
-export { SwitchRoot, type SwitchRootProps } from './switch-root';
-export { SwitchRootProvider, type SwitchRootProviderProps } from './switch-root-provider';
-export { SwitchThumb, type SwitchThumbProps } from './switch-thumb';
+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 { useSwitch, type UseSwitchProps, type UseSwitchReturn } from './use-switch';
 export { useSwitchContext, type UseSwitchContext } from './use-switch-context';
 export * as Switch from './switch';

package/dist/components/switch/switch-control.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SwitchControlProps extends HTMLArkProps<'span'> {
+export type SwitchControlBaseProps = {};
+export interface SwitchControlProps extends HTMLArkProps<'span'>, SwitchControlBaseProps {
 }
 export declare const SwitchControl: ForwardRefExoticComponent<SwitchControlProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/switch/switch-control.d.ts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SwitchControlProps extends HTMLArkProps<'span'> {
+export type SwitchControlBaseProps = {};
+export interface SwitchControlProps extends HTMLArkProps<'span'>, SwitchControlBaseProps {
 }
 export declare const SwitchControl: ForwardRefExoticComponent<SwitchControlProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/switch/switch-hidden-input.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SwitchHiddenInputProps extends HTMLArkProps<'input'> {
+export type SwitchHiddenInputBaseProps = {};
+export interface SwitchHiddenInputProps extends HTMLArkProps<'input'>, SwitchHiddenInputBaseProps {
 }
 export declare const SwitchHiddenInput: ForwardRefExoticComponent<SwitchHiddenInputProps & RefAttributes<HTMLInputElement>>;

package/dist/components/switch/switch-hidden-input.d.ts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SwitchHiddenInputProps extends HTMLArkProps<'input'> {
+export type SwitchHiddenInputBaseProps = {};
+export interface SwitchHiddenInputProps extends HTMLArkProps<'input'>, SwitchHiddenInputBaseProps {
 }
 export declare const SwitchHiddenInput: ForwardRefExoticComponent<SwitchHiddenInputProps & RefAttributes<HTMLInputElement>>;

package/dist/components/switch/switch-label.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SwitchLabelProps extends HTMLArkProps<'span'> {
+export type SwitchLabelBaseProps = {};
+export interface SwitchLabelProps extends HTMLArkProps<'span'>, SwitchLabelBaseProps {
 }
 export declare const SwitchLabel: ForwardRefExoticComponent<SwitchLabelProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/switch/switch-label.d.ts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SwitchLabelProps extends HTMLArkProps<'span'> {
+export type SwitchLabelBaseProps = {};
+export interface SwitchLabelProps extends HTMLArkProps<'span'>, SwitchLabelBaseProps {
 }
 export declare const SwitchLabel: ForwardRefExoticComponent<SwitchLabelProps & RefAttributes<HTMLSpanElement>>;

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

@@ -5,7 +5,9 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 interface RootProviderProps {
     value: UseSwitchReturn;
 }
-export interface SwitchRootProviderProps extends HTMLArkProps<'label'>, RootProviderProps {
+export interface SwitchRootProviderBaseProps extends RootProviderProps {
+}
+export interface SwitchRootProviderProps extends HTMLArkProps<'label'>, SwitchRootProviderBaseProps {
 }
 export declare const SwitchRootProvider: ForwardRefExoticComponent<SwitchRootProviderProps & RefAttributes<HTMLLabelElement>>;
 export {};

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

@@ -5,7 +5,9 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 interface RootProviderProps {
     value: UseSwitchReturn;
 }
-export interface SwitchRootProviderProps extends HTMLArkProps<'label'>, RootProviderProps {
+export interface SwitchRootProviderBaseProps extends RootProviderProps {
+}
+export interface SwitchRootProviderProps extends HTMLArkProps<'label'>, SwitchRootProviderBaseProps {
 }
 export declare const SwitchRootProvider: ForwardRefExoticComponent<SwitchRootProviderProps & RefAttributes<HTMLLabelElement>>;
 export {};

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

@@ -3,6 +3,8 @@ import { HTMLArkProps } from '../factory';
 import { UseSwitchProps } from './use-switch';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SwitchRootProps extends Assign<HTMLArkProps<'label'>, UseSwitchProps> {
+export interface SwitchRootBaseProps extends UseSwitchProps {
+}
+export interface SwitchRootProps extends Assign<HTMLArkProps<'label'>, SwitchRootBaseProps> {
 }
 export declare const SwitchRoot: ForwardRefExoticComponent<SwitchRootProps & RefAttributes<HTMLLabelElement>>;

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

@@ -3,6 +3,8 @@ import { HTMLArkProps } from '../factory';
 import { UseSwitchProps } from './use-switch';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SwitchRootProps extends Assign<HTMLArkProps<'label'>, UseSwitchProps> {
+export interface SwitchRootBaseProps extends UseSwitchProps {
+}
+export interface SwitchRootProps extends Assign<HTMLArkProps<'label'>, SwitchRootBaseProps> {
 }
 export declare const SwitchRoot: ForwardRefExoticComponent<SwitchRootProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/switch/switch-thumb.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SwitchThumbProps extends HTMLArkProps<'span'> {
+export type SwitchThumbBaseProps = {};
+export interface SwitchThumbProps extends HTMLArkProps<'span'>, SwitchThumbBaseProps {
 }
 export declare const SwitchThumb: ForwardRefExoticComponent<SwitchThumbProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/switch/switch-thumb.d.ts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SwitchThumbProps extends HTMLArkProps<'span'> {
+export type SwitchThumbBaseProps = {};
+export interface SwitchThumbProps extends HTMLArkProps<'span'>, SwitchThumbBaseProps {
 }
 export declare const SwitchThumb: ForwardRefExoticComponent<SwitchThumbProps & RefAttributes<HTMLSpanElement>>;

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

@@ -1,8 +1,8 @@
 export type { CheckedChangeDetails } from '@zag-js/switch';
 export { SwitchContext as Context, type SwitchContextProps as ContextProps } from './switch-context';
-export { SwitchControl as Control, type SwitchControlProps as ControlProps } from './switch-control';
-export { SwitchHiddenInput as HiddenInput, type SwitchHiddenInputProps as HiddenInputProps, } from './switch-hidden-input';
-export { SwitchLabel as Label, type SwitchLabelProps as LabelProps } from './switch-label';
-export { SwitchRoot as Root, type SwitchRootProps as RootProps } from './switch-root';
-export { SwitchRootProvider as RootProvider, type SwitchRootProviderProps as RootProviderProps, } from './switch-root-provider';
-export { SwitchThumb as Thumb, type SwitchThumbProps as ThumbProps } from './switch-thumb';
+export { SwitchControl as Control, type SwitchControlProps as ControlProps, type SwitchControlBaseProps as ControlBaseProps, } from './switch-control';
+export { SwitchHiddenInput as HiddenInput, type SwitchHiddenInputProps as HiddenInputProps, type SwitchHiddenInputBaseProps as HiddenInputBaseProps, } from './switch-hidden-input';
+export { SwitchLabel as Label, type SwitchLabelProps as LabelProps, type SwitchLabelBaseProps as LabelBaseProps, } from './switch-label';
+export { SwitchRoot as Root, type SwitchRootProps as RootProps, type SwitchRootBaseProps as RootBaseProps, } from './switch-root';
+export { SwitchRootProvider as RootProvider, type SwitchRootProviderProps as RootProviderProps, type SwitchRootProviderBaseProps as RootProviderBaseProps, } from './switch-root-provider';
+export { SwitchThumb as Thumb, type SwitchThumbProps as ThumbProps, type SwitchThumbBaseProps as ThumbBaseProps, } from './switch-thumb';

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

@@ -1,8 +1,8 @@
 export type { CheckedChangeDetails } from '@zag-js/switch';
 export { SwitchContext as Context, type SwitchContextProps as ContextProps } from './switch-context';
-export { SwitchControl as Control, type SwitchControlProps as ControlProps } from './switch-control';
-export { SwitchHiddenInput as HiddenInput, type SwitchHiddenInputProps as HiddenInputProps, } from './switch-hidden-input';
-export { SwitchLabel as Label, type SwitchLabelProps as LabelProps } from './switch-label';
-export { SwitchRoot as Root, type SwitchRootProps as RootProps } from './switch-root';
-export { SwitchRootProvider as RootProvider, type SwitchRootProviderProps as RootProviderProps, } from './switch-root-provider';
-export { SwitchThumb as Thumb, type SwitchThumbProps as ThumbProps } from './switch-thumb';
+export { SwitchControl as Control, type SwitchControlProps as ControlProps, type SwitchControlBaseProps as ControlBaseProps, } from './switch-control';
+export { SwitchHiddenInput as HiddenInput, type SwitchHiddenInputProps as HiddenInputProps, type SwitchHiddenInputBaseProps as HiddenInputBaseProps, } from './switch-hidden-input';
+export { SwitchLabel as Label, type SwitchLabelProps as LabelProps, type SwitchLabelBaseProps as LabelBaseProps, } from './switch-label';
+export { SwitchRoot as Root, type SwitchRootProps as RootProps, type SwitchRootBaseProps as RootBaseProps, } from './switch-root';
+export { SwitchRootProvider as RootProvider, type SwitchRootProviderProps as RootProviderProps, type SwitchRootProviderBaseProps as RootProviderBaseProps, } from './switch-root-provider';
+export { SwitchThumb as Thumb, type SwitchThumbProps as ThumbProps, type SwitchThumbBaseProps as ThumbBaseProps, } from './switch-thumb';

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

@@ -1,11 +1,11 @@
 export type { FocusChangeDetails as TabsFocusChangeDetails, ValueChangeDetails as TabsValueChangeDetails, } from '@zag-js/tabs';
-export { TabContent, type TabContentProps } from './tab-content';
-export { TabIndicator, type TabIndicatorProps } from './tab-indicator';
-export { TabList, type TabListProps } from './tab-list';
-export { TabTrigger, type TabTriggerProps } from './tab-trigger';
-export { TabsContext, type TabsContextProps } from './tabs-context';
-export { TabsRoot, type TabsRootProps } from './tabs-root';
-export { TabsRootProvider, type TabsRootProviderProps } from './tabs-root-provider';
+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 { 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 { useTabs, type UseTabsProps, type UseTabsReturn } from './use-tabs';
 export { useTabsContext, type UseTabsContext } from './use-tabs-context';
 export * as Tabs from './tabs';

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

@@ -1,11 +1,11 @@
 export type { FocusChangeDetails as TabsFocusChangeDetails, ValueChangeDetails as TabsValueChangeDetails, } from '@zag-js/tabs';
-export { TabContent, type TabContentProps } from './tab-content';
-export { TabIndicator, type TabIndicatorProps } from './tab-indicator';
-export { TabList, type TabListProps } from './tab-list';
-export { TabTrigger, type TabTriggerProps } from './tab-trigger';
-export { TabsContext, type TabsContextProps } from './tabs-context';
-export { TabsRoot, type TabsRootProps } from './tabs-root';
-export { TabsRootProvider, type TabsRootProviderProps } from './tabs-root-provider';
+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 { 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 { useTabs, type UseTabsProps, type UseTabsReturn } from './use-tabs';
 export { useTabsContext, type UseTabsContext } from './use-tabs-context';
 export * as Tabs from './tabs';

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

@@ -19,7 +19,8 @@ const TabContent = react.forwardRef((props, ref) => {
   const renderStrategyProps = renderStrategy.useRenderStrategyPropsContext();
   const presence = usePresence.usePresence({
     ...renderStrategyProps,
-    present: tabs.value === props.value
+    present: tabs.value === props.value,
+    immediate: true
   });
   const mergedProps = react$1.mergeProps(
     tabs.getContentProps(contentProps),

package/dist/components/tabs/tab-content.d.cts

@@ -3,6 +3,8 @@ import { Assign } from '../../types';
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TabContentProps extends Assign<HTMLArkProps<'div'>, ContentProps> {
+export interface TabContentBaseProps extends ContentProps {
+}
+export interface TabContentProps extends Assign<HTMLArkProps<'div'>, TabContentBaseProps> {
 }
 export declare const TabContent: ForwardRefExoticComponent<TabContentProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tabs/tab-content.d.ts

@@ -3,6 +3,8 @@ import { Assign } from '../../types';
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TabContentProps extends Assign<HTMLArkProps<'div'>, ContentProps> {
+export interface TabContentBaseProps extends ContentProps {
+}
+export interface TabContentProps extends Assign<HTMLArkProps<'div'>, TabContentBaseProps> {
 }
 export declare const TabContent: ForwardRefExoticComponent<TabContentProps & RefAttributes<HTMLDivElement>>;

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

@@ -15,7 +15,8 @@ const TabContent = forwardRef((props, ref) => {
   const renderStrategyProps = useRenderStrategyPropsContext();
   const presence = usePresence({
     ...renderStrategyProps,
-    present: tabs.value === props.value
+    present: tabs.value === props.value,
+    immediate: true
   });
   const mergedProps = mergeProps(
     tabs.getContentProps(contentProps),

package/dist/components/tabs/tab-indicator.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TabIndicatorProps extends HTMLArkProps<'div'> {
+export type TabIndicatorBaseProps = {};
+export interface TabIndicatorProps extends HTMLArkProps<'div'>, TabIndicatorBaseProps {
 }
 export declare const TabIndicator: ForwardRefExoticComponent<TabIndicatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tabs/tab-indicator.d.ts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TabIndicatorProps extends HTMLArkProps<'div'> {
+export type TabIndicatorBaseProps = {};
+export interface TabIndicatorProps extends HTMLArkProps<'div'>, TabIndicatorBaseProps {
 }
 export declare const TabIndicator: ForwardRefExoticComponent<TabIndicatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tabs/tab-list.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TabListProps extends HTMLArkProps<'div'> {
+export type TabListBaseProps = {};
+export interface TabListProps extends HTMLArkProps<'div'>, TabListBaseProps {
 }
 export declare const TabList: ForwardRefExoticComponent<TabListProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tabs/tab-list.d.ts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TabListProps extends HTMLArkProps<'div'> {
+export type TabListBaseProps = {};
+export interface TabListProps extends HTMLArkProps<'div'>, TabListBaseProps {
 }
 export declare const TabList: ForwardRefExoticComponent<TabListProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tabs/tab-trigger.d.cts

@@ -3,6 +3,8 @@ import { Assign } from '../../types';
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TabTriggerProps extends Assign<HTMLArkProps<'button'>, TriggerProps> {
+export interface TabTriggerBaseProps extends TriggerProps {
+}
+export interface TabTriggerProps extends Assign<HTMLArkProps<'button'>, TabTriggerBaseProps> {
 }
 export declare const TabTrigger: ForwardRefExoticComponent<TabTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/tabs/tab-trigger.d.ts

@@ -3,6 +3,8 @@ import { Assign } from '../../types';
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TabTriggerProps extends Assign<HTMLArkProps<'button'>, TriggerProps> {
+export interface TabTriggerBaseProps extends TriggerProps {
+}
+export interface TabTriggerProps extends Assign<HTMLArkProps<'button'>, TabTriggerBaseProps> {
 }
 export declare const TabTrigger: ForwardRefExoticComponent<TabTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -6,7 +6,9 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 interface RootProviderProps {
     value: UseTabsReturn;
 }
-export interface TabsRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps, RenderStrategyProps {
+export interface TabsRootProviderBaseProps extends RootProviderProps, RenderStrategyProps {
+}
+export interface TabsRootProviderProps extends HTMLArkProps<'div'>, TabsRootProviderBaseProps {
 }
 export declare const TabsRootProvider: ForwardRefExoticComponent<TabsRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -6,7 +6,9 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 interface RootProviderProps {
     value: UseTabsReturn;
 }
-export interface TabsRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps, RenderStrategyProps {
+export interface TabsRootProviderBaseProps extends RootProviderProps, RenderStrategyProps {
+}
+export interface TabsRootProviderProps extends HTMLArkProps<'div'>, TabsRootProviderBaseProps {
 }
 export declare const TabsRootProvider: ForwardRefExoticComponent<TabsRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -4,6 +4,8 @@ import { HTMLArkProps } from '../factory';
 import { UseTabsProps } from './use-tabs';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TabsRootProps extends Assign<HTMLArkProps<'div'>, UseTabsProps>, RenderStrategyProps {
+export interface TabsRootBaseProps extends UseTabsProps, RenderStrategyProps {
+}
+export interface TabsRootProps extends Assign<HTMLArkProps<'div'>, TabsRootBaseProps> {
 }
 export declare const TabsRoot: ForwardRefExoticComponent<TabsRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -4,6 +4,8 @@ import { HTMLArkProps } from '../factory';
 import { UseTabsProps } from './use-tabs';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TabsRootProps extends Assign<HTMLArkProps<'div'>, UseTabsProps>, RenderStrategyProps {
+export interface TabsRootBaseProps extends UseTabsProps, RenderStrategyProps {
+}
+export interface TabsRootProps extends Assign<HTMLArkProps<'div'>, TabsRootBaseProps> {
 }
 export declare const TabsRoot: ForwardRefExoticComponent<TabsRootProps & RefAttributes<HTMLDivElement>>;