@ark-ui/react 0.13.1 → 0.14.0

package/radio-group/radio-group-context.d.ts

@@ -1,12 +1,5 @@
-import { PublicApi } from '@zag-js/radio-group';
-import { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { Provider } from 'react';
 /// <reference types="react" />
 import { type UseRadioGroupReturn } from './use-radio-group';
 export type RadioGroupContext = UseRadioGroupReturn;
-export declare const RadioGroupProvider: Provider<PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>>, useRadioGroupContext: () => PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
+export declare const RadioGroupProvider: Provider<UseRadioGroupReturn>, useRadioGroupContext: () => UseRadioGroupReturn;

package/radio-group/radio-group.d.ts

@@ -8,6 +8,6 @@ export declare const RadioGroup: ForwardRefExoticComponent<Omit<Omit<Omit<Detail
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "ref">, "name" | "value" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "orientation" | "onChange" | "defaultValue" | "dir" | "readOnly"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+}, "ref">, "name" | "value" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "defaultValue" | "dir" | "onChange" | "readOnly" | "orientation"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
     defaultValue?: string | null | undefined;
 } & RefAttributes<HTMLDivElement>>;

package/radio-group/use-radio-group.d.ts

@@ -1,12 +1,7 @@
-import { HTMLAttributes, CSSProperties } from 'react';
-/// <reference types="react" />
 import * as radio from '@zag-js/radio-group';
 import { type Optional } from '../types';
 export type UseRadioGroupProps = Optional<radio.Context, 'id'> & {
     defaultValue?: radio.Context['value'];
 };
-export type UseRadioGroupReturn = ReturnType<typeof useRadioGroup>;
-export declare const useRadioGroup: (props: UseRadioGroupProps) => radio.PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
+export type UseRadioGroupReturn = radio.Api;
+export declare const useRadioGroup: (props: UseRadioGroupProps) => UseRadioGroupReturn;

package/range-slider/index.d.ts

@@ -1,5 +1,6 @@
-import { Context, PublicApi } from '@zag-js/range-slider';
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, ReactNode, CSSProperties, RefAttributes, LabelHTMLAttributes, OutputHTMLAttributes } from 'react';
+import { UseRangeSliderReturn } from './use-range-slider';
+import { Context } from '@zag-js/range-slider';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, ReactNode, RefAttributes, LabelHTMLAttributes, OutputHTMLAttributes } from 'react';
 /// <reference types="react" />
 import { type RangeSliderProps } from './range-slider';
 import { useRangeSliderContext } from './range-slider-context';
@@ -16,25 +17,19 @@ declare const RangeSlider: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTML
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "ref">, "name" | "value" | "children" | "getRootNode" | "form" | "id" | "ids" | "aria-label" | "disabled" | "max" | "min" | "orientation" | "aria-labelledby" | "onChange" | "defaultValue" | "dir" | "readOnly" | "step" | "invalid" | "onChangeEnd" | "onChangeStart" | "getAriaValueText" | "minStepsBetweenThumbs" | "thumbAlignment"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+}, "ref">, "name" | "value" | "children" | "getRootNode" | "form" | "id" | "ids" | "aria-label" | "disabled" | "defaultValue" | "dir" | "aria-labelledby" | "onChange" | "max" | "min" | "readOnly" | "step" | "orientation" | "onFocusChange" | "invalid" | "onChangeEnd" | "onChangeStart" | "getAriaValueText" | "minStepsBetweenThumbs" | "thumbAlignment" | "thumbSize"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
     defaultValue?: number[] | undefined;
 } & {
-    children?: ReactNode | ((api: PublicApi<JSX.IntrinsicElements & {
-        element: HTMLAttributes<HTMLElement>;
-        style: CSSProperties;
-    }>) => ReactNode);
+    children?: ReactNode | ((api: UseRangeSliderReturn) => ReactNode);
 } & RefAttributes<HTMLDivElement>> & {
     Root: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
     } & {
         asChild?: boolean | undefined;
-    }, "ref">, "name" | "value" | "children" | "getRootNode" | "form" | "id" | "ids" | "aria-label" | "disabled" | "max" | "min" | "orientation" | "aria-labelledby" | "onChange" | "defaultValue" | "dir" | "readOnly" | "step" | "invalid" | "onChangeEnd" | "onChangeStart" | "getAriaValueText" | "minStepsBetweenThumbs" | "thumbAlignment"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+    }, "ref">, "name" | "value" | "children" | "getRootNode" | "form" | "id" | "ids" | "aria-label" | "disabled" | "defaultValue" | "dir" | "aria-labelledby" | "onChange" | "max" | "min" | "readOnly" | "step" | "orientation" | "onFocusChange" | "invalid" | "onChangeEnd" | "onChangeStart" | "getAriaValueText" | "minStepsBetweenThumbs" | "thumbAlignment" | "thumbSize"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
         defaultValue?: number[] | undefined;
     } & {
-        children?: ReactNode | ((api: PublicApi<JSX.IntrinsicElements & {
-            element: HTMLAttributes<HTMLElement>;
-            style: CSSProperties;
-        }>) => ReactNode);
+        children?: ReactNode | ((api: UseRangeSliderReturn) => ReactNode);
     } & RefAttributes<HTMLDivElement>>;
     Control: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
@@ -63,10 +58,7 @@ declare const RangeSlider: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTML
     } & {
         asChild?: boolean | undefined;
     }, "ref">, "children"> & {
-        children?: ReactNode | ((api: PublicApi<JSX.IntrinsicElements & {
-            element: HTMLAttributes<HTMLElement>;
-            style: CSSProperties;
-        }>) => ReactNode);
+        children?: ReactNode | ((api: UseRangeSliderReturn) => ReactNode);
     } & RefAttributes<HTMLOutputElement>>;
     Range: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;

package/range-slider/range-slider-context.d.ts

@@ -1,12 +1,5 @@
-import { PublicApi } from '@zag-js/range-slider';
-import { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { Provider } from 'react';
 /// <reference types="react" />
 import { type UseRangeSliderReturn } from './use-range-slider';
 export type RangeSliderContext = UseRangeSliderReturn;
-export declare const RangeSliderProvider: Provider<PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>>, useRangeSliderContext: () => PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
+export declare const RangeSliderProvider: Provider<UseRangeSliderReturn>, useRangeSliderContext: () => UseRangeSliderReturn;

package/range-slider/range-slider.cjs

@@ -34,10 +34,13 @@ const RangeSlider = react.forwardRef((props, ref) => {
       "onChange",
       "onChangeEnd",
       "onChangeStart",
+      "onFocusChange",
       "orientation",
       "readOnly",
       "step",
       "thumbAlignment",
+      "thumbAlignment",
+      "thumbSize",
       "value"
     ]
   );

package/range-slider/range-slider.d.ts

@@ -10,7 +10,7 @@ export declare const RangeSlider: ForwardRefExoticComponent<Omit<Omit<Omit<Detai
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "ref">, "name" | "value" | "children" | "getRootNode" | "form" | "id" | "ids" | "aria-label" | "disabled" | "max" | "min" | "orientation" | "aria-labelledby" | "onChange" | "defaultValue" | "dir" | "readOnly" | "step" | "invalid" | "onChangeEnd" | "onChangeStart" | "getAriaValueText" | "minStepsBetweenThumbs" | "thumbAlignment"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+}, "ref">, "name" | "value" | "children" | "getRootNode" | "form" | "id" | "ids" | "aria-label" | "disabled" | "defaultValue" | "dir" | "aria-labelledby" | "onChange" | "max" | "min" | "readOnly" | "step" | "orientation" | "onFocusChange" | "invalid" | "onChangeEnd" | "onChangeStart" | "getAriaValueText" | "minStepsBetweenThumbs" | "thumbAlignment" | "thumbSize"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
     defaultValue?: number[] | undefined;
 } & {
     children?: ReactNode | ((api: UseRangeSliderReturn) => ReactNode);

package/range-slider/range-slider.mjs

@@ -30,10 +30,13 @@ const RangeSlider = forwardRef((props, ref) => {
       "onChange",
       "onChangeEnd",
       "onChangeStart",
+      "onFocusChange",
       "orientation",
       "readOnly",
       "step",
       "thumbAlignment",
+      "thumbAlignment",
+      "thumbSize",
       "value"
     ]
   );

package/range-slider/use-range-slider.d.ts

@@ -1,12 +1,7 @@
-import { HTMLAttributes, CSSProperties } from 'react';
-/// <reference types="react" />
 import * as rangeSlider from '@zag-js/range-slider';
 import { type Optional } from '../types';
 export type UseRangeSliderProps = Optional<rangeSlider.Context, 'id'> & {
     defaultValue?: rangeSlider.Context['value'];
 };
-export type UseRangeSliderReturn = ReturnType<typeof useRangeSlider>;
-export declare const useRangeSlider: (props: UseRangeSliderProps) => rangeSlider.PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
+export type UseRangeSliderReturn = rangeSlider.Api;
+export declare const useRangeSlider: (props: UseRangeSliderProps) => UseRangeSliderReturn;

package/rating-group/index.d.ts

@@ -1,5 +1,6 @@
-import { Context, PublicApi, ItemProps, ItemState } from '@zag-js/rating-group';
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, ReactNode, CSSProperties, LabelHTMLAttributes } from 'react';
+import { UseRatingGroupReturn } from './use-rating-group';
+import { Context, ItemProps, ItemState } from '@zag-js/rating-group';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, ReactNode, LabelHTMLAttributes } from 'react';
 /// <reference types="react" />
 import { Rating, type RatingProps } from './rating';
 import { useRatingContext } from './rating-context';
@@ -12,14 +13,14 @@ declare const RatingGroup: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTML
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "ref">, "name" | "value" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "max" | "onChange" | "defaultValue" | "autoFocus" | "dir" | "readOnly" | "translations" | "allowHalf" | "onHover"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+}, "ref">, "name" | "value" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "defaultValue" | "autoFocus" | "dir" | "onChange" | "max" | "readOnly" | "translations" | "allowHalf" | "onHover"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
     defaultValue?: number | undefined;
 } & RefAttributes<HTMLDivElement>> & {
     Root: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
     } & {
         asChild?: boolean | undefined;
-    }, "ref">, "name" | "value" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "max" | "onChange" | "defaultValue" | "autoFocus" | "dir" | "readOnly" | "translations" | "allowHalf" | "onHover"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+    }, "ref">, "name" | "value" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "defaultValue" | "autoFocus" | "dir" | "onChange" | "max" | "readOnly" | "translations" | "allowHalf" | "onHover"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
         defaultValue?: number | undefined;
     } & RefAttributes<HTMLDivElement>>;
     Control: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
@@ -27,10 +28,7 @@ declare const RatingGroup: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTML
     } & {
         asChild?: boolean | undefined;
     }, "ref">, "children"> & {
-        children: ReactNode | ((context: PublicApi<JSX.IntrinsicElements & {
-            element: HTMLAttributes<HTMLElement>;
-            style: CSSProperties;
-        }>) => ReactNode);
+        children?: ReactNode | ((context: UseRatingGroupReturn) => ReactNode);
     } & RefAttributes<HTMLDivElement>>;
     Label: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
         ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;

package/rating-group/rating-group-context.d.ts

@@ -1,12 +1,5 @@
-import { PublicApi } from '@zag-js/rating-group';
-import { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { Provider } from 'react';
 /// <reference types="react" />
 import { type UseRatingGroupReturn } from './use-rating-group';
 export type RatingGroupContext = UseRatingGroupReturn;
-export declare const RatingGroupProvider: Provider<PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>>, useRatingGroupContext: () => PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
+export declare const RatingGroupProvider: Provider<UseRatingGroupReturn>, useRatingGroupContext: () => UseRatingGroupReturn;

package/rating-group/rating-group-control.d.ts

@@ -2,12 +2,12 @@ import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject
 import { ark } from '../factory';
 import { type RatingGroupContext } from './rating-group-context';
 export type RatingGroupControlProps = Omit<ComponentPropsWithoutRef<typeof ark.div>, 'children'> & {
-    children: ReactNode | ((context: RatingGroupContext) => ReactNode);
+    children?: ReactNode | ((context: RatingGroupContext) => ReactNode);
 };
 export declare const RatingGroupControl: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
 }, "ref">, "children"> & {
-    children: ReactNode | ((context: RatingGroupContext) => ReactNode);
+    children?: ReactNode | ((context: RatingGroupContext) => ReactNode);
 } & RefAttributes<HTMLDivElement>>;

package/rating-group/rating-group.d.ts

@@ -8,6 +8,6 @@ export declare const RatingGroup: ForwardRefExoticComponent<Omit<Omit<Omit<Detai
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "ref">, "name" | "value" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "max" | "onChange" | "defaultValue" | "autoFocus" | "dir" | "readOnly" | "translations" | "allowHalf" | "onHover"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+}, "ref">, "name" | "value" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "defaultValue" | "autoFocus" | "dir" | "onChange" | "max" | "readOnly" | "translations" | "allowHalf" | "onHover"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
     defaultValue?: number | undefined;
 } & RefAttributes<HTMLDivElement>>;

package/rating-group/use-rating-group.d.ts

@@ -1,12 +1,7 @@
-import { HTMLAttributes, CSSProperties } from 'react';
-/// <reference types="react" />
 import * as ratingGroup from '@zag-js/rating-group';
 import { type Optional } from '../types';
 export type UseRatingGroupProps = Optional<ratingGroup.Context, 'id'> & {
     defaultValue?: ratingGroup.Context['value'];
 };
-export type UseRatingGroupReturn = ReturnType<typeof useRatingGroup>;
-export declare const useRatingGroup: (props: UseRatingGroupProps) => ratingGroup.PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
+export type UseRatingGroupReturn = ratingGroup.Api;
+export declare const useRatingGroup: (props: UseRatingGroupProps) => UseRatingGroupReturn;

package/segment-group/index.d.ts

@@ -14,14 +14,14 @@ declare const SegmentGroup: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTM
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "ref">, "name" | "value" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "orientation" | "onChange" | "defaultValue" | "dir" | "readOnly"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+}, "ref">, "name" | "value" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "defaultValue" | "dir" | "onChange" | "readOnly" | "orientation"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
     defaultValue?: string | null | undefined;
 } & RefAttributes<HTMLDivElement>> & {
     Root: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
     } & {
         asChild?: boolean | undefined;
-    }, "ref">, "name" | "value" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "orientation" | "onChange" | "defaultValue" | "dir" | "readOnly"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+    }, "ref">, "name" | "value" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "defaultValue" | "dir" | "onChange" | "readOnly" | "orientation"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
         defaultValue?: string | null | undefined;
     } & RefAttributes<HTMLDivElement>>;
     Label: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {

package/segment-group/segment-group-context.d.ts

@@ -1,12 +1,5 @@
-import { PublicApi } from '@zag-js/radio-group';
-import { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { Provider } from 'react';
 /// <reference types="react" />
 import { type UseSegmentGroupReturn } from './use-segment-group';
 export type SegmentGroupContext = UseSegmentGroupReturn;
-export declare const SegmentGroupProvider: Provider<PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>>, useSegmentGroupContext: () => PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
+export declare const SegmentGroupProvider: Provider<UseSegmentGroupReturn>, useSegmentGroupContext: () => UseSegmentGroupReturn;

package/segment-group/segment-group.d.ts

@@ -8,6 +8,6 @@ export declare const SegmentGroup: ForwardRefExoticComponent<Omit<Omit<Omit<Deta
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "ref">, "name" | "value" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "orientation" | "onChange" | "defaultValue" | "dir" | "readOnly"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+}, "ref">, "name" | "value" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "defaultValue" | "dir" | "onChange" | "readOnly" | "orientation"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
     defaultValue?: string | null | undefined;
 } & RefAttributes<HTMLDivElement>>;

package/segment-group/use-segment-group.d.ts

@@ -1,12 +1,7 @@
-import { HTMLAttributes, CSSProperties } from 'react';
-/// <reference types="react" />
 import * as segmentGroup from '@zag-js/radio-group';
 import { type Optional } from '../types';
 export type UseSegmentGroupProps = Optional<segmentGroup.Context, 'id'> & {
     defaultValue?: segmentGroup.Context['value'];
 };
-export type UseSegmentGroupReturn = ReturnType<typeof useSegmentGroup>;
-export declare const useSegmentGroup: (props: UseSegmentGroupProps) => segmentGroup.PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
+export type UseSegmentGroupReturn = segmentGroup.Api;
+export declare const useSegmentGroup: (props: UseSegmentGroupProps) => UseSegmentGroupReturn;

package/select/select-context.d.ts

@@ -1,12 +1,5 @@
-import { PublicApi } from '@zag-js/select';
-import { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { Provider } from 'react';
 /// <reference types="react" />
 import { type UseSelectReturn } from './use-select';
 export type SelectContext = UseSelectReturn;
-export declare const SelectProvider: Provider<PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>>, useSelectContext: () => PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
+export declare const SelectProvider: Provider<UseSelectReturn>, useSelectContext: () => UseSelectReturn;

package/select/use-select.d.ts

@@ -1,12 +1,7 @@
-import { HTMLAttributes, CSSProperties } from 'react';
-/// <reference types="react" />
 import * as select from '@zag-js/select';
 import { type Optional } from '../types';
 export type UseSelectProps = Optional<select.Context, 'id'> & {
     defaultValue?: select.Context['selectedOption'];
 };
-export type UseSelectReturn = ReturnType<typeof useSelect>;
-export declare const useSelect: (props: UseSelectProps) => select.PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
+export type UseSelectReturn = select.Api;
+export declare const useSelect: (props: UseSelectProps) => UseSelectReturn;

package/slider/index.d.ts

@@ -1,7 +1,6 @@
-import { PublicApi } from '@zag-js/slider';
-import { UseSliderProps } from './use-slider';
+import { UseSliderProps, UseSliderReturn } from './use-slider';
 import { Assign } from '../types';
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, ReactNode, CSSProperties, RefAttributes, LabelHTMLAttributes, OutputHTMLAttributes } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, ReactNode, RefAttributes, LabelHTMLAttributes, OutputHTMLAttributes } from 'react';
 /// <reference types="react" />
 import { type SliderProps } from './slider';
 import { useSliderContext } from './slider-context';
@@ -19,20 +18,14 @@ declare const Slider: ForwardRefExoticComponent<Omit<Assign<Omit<Omit<DetailedHT
 } & {
     asChild?: boolean | undefined;
 }, "ref">, UseSliderProps>, "children"> & {
-    children?: ReactNode | ((context: PublicApi<JSX.IntrinsicElements & {
-        element: HTMLAttributes<HTMLElement>;
-        style: CSSProperties;
-    }>) => ReactNode);
+    children?: ReactNode | ((context: UseSliderReturn) => ReactNode);
 } & RefAttributes<HTMLDivElement>> & {
     Root: ForwardRefExoticComponent<Omit<Assign<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
     } & {
         asChild?: boolean | undefined;
     }, "ref">, UseSliderProps>, "children"> & {
-        children?: ReactNode | ((context: PublicApi<JSX.IntrinsicElements & {
-            element: HTMLAttributes<HTMLElement>;
-            style: CSSProperties;
-        }>) => ReactNode);
+        children?: ReactNode | ((context: UseSliderReturn) => ReactNode);
     } & RefAttributes<HTMLDivElement>>;
     Control: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
@@ -61,10 +54,7 @@ declare const Slider: ForwardRefExoticComponent<Omit<Assign<Omit<Omit<DetailedHT
     } & {
         asChild?: boolean | undefined;
     }, "ref">, "children"> & {
-        children?: ReactNode | ((context: PublicApi<JSX.IntrinsicElements & {
-            element: HTMLAttributes<HTMLElement>;
-            style: CSSProperties;
-        }>) => ReactNode);
+        children?: ReactNode | ((context: UseSliderReturn) => ReactNode);
     } & RefAttributes<HTMLOutputElement>>;
     Range: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;

package/slider/slider-context.d.ts

@@ -1,12 +1,5 @@
-import { PublicApi } from '@zag-js/slider';
-import { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { Provider } from 'react';
 /// <reference types="react" />
 import { type UseSliderReturn } from './use-slider';
 export type SliderContext = UseSliderReturn;
-export declare const SliderProvider: Provider<PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>>, useSliderContext: () => PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
+export declare const SliderProvider: Provider<UseSliderReturn>, useSliderContext: () => UseSliderReturn;

package/slider/slider.cjs

@@ -38,6 +38,8 @@ const Slider = react.forwardRef((props, ref) => {
     "readOnly",
     "step",
     "thumbAlignment",
+    "thumbAlignment",
+    "thumbSize",
     "value"
   ]);
   const slider = useSlider.useSlider(useSliderProps);

package/slider/slider.mjs

@@ -34,6 +34,8 @@ const Slider = forwardRef((props, ref) => {
     "readOnly",
     "step",
     "thumbAlignment",
+    "thumbAlignment",
+    "thumbSize",
     "value"
   ]);
   const slider = useSlider(useSliderProps);

package/slider/use-slider.d.ts

@@ -1,12 +1,7 @@
-import { HTMLAttributes, CSSProperties } from 'react';
-/// <reference types="react" />
 import * as slider from '@zag-js/slider';
 import { type Optional } from '../types';
 export type UseSliderProps = Optional<slider.Context, 'id'> & {
     defaultValue?: slider.Context['value'];
 };
-export type UseSliderReturn = ReturnType<typeof useSlider>;
-export declare const useSlider: (props: UseSliderProps) => slider.PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
+export type UseSliderReturn = slider.Api;
+export declare const useSlider: (props: UseSliderProps) => UseSliderReturn;

package/splitter/index.d.ts

@@ -1,5 +1,6 @@
-import { Context, PublicApi, PanelProps, ResizeTriggerProps } from '@zag-js/splitter';
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, ReactNode, CSSProperties, RefAttributes, ButtonHTMLAttributes } from 'react';
+import { UseSplitterReturn } from './use-splitter';
+import { Context, PanelProps, ResizeTriggerProps } from '@zag-js/splitter';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, ReactNode, RefAttributes, ButtonHTMLAttributes } from 'react';
 /// <reference types="react" />
 import { type SplitterProps } from './splitter';
 import { useSplitterContext } from './splitter-context';
@@ -10,7 +11,7 @@ declare const Splitter: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLPro
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "ref">, "children" | "getRootNode" | "id" | "ids" | "orientation" | "onResize" | "dir" | "size" | "onResizeStart" | "onResizeEnd" | "defaultSize"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+}, "ref">, "children" | "getRootNode" | "id" | "ids" | "dir" | "onResize" | "size" | "orientation" | "onResizeStart" | "onResizeEnd" | "defaultSize"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
     defaultSize?: {
         id: string | number;
         size?: number | undefined;
@@ -18,16 +19,13 @@ declare const Splitter: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLPro
         maxSize?: number | undefined;
     }[] | undefined;
 } & {
-    children?: ReactNode | ((state: PublicApi<JSX.IntrinsicElements & {
-        element: HTMLAttributes<HTMLElement>;
-        style: CSSProperties;
-    }>) => ReactNode);
+    children?: ReactNode | ((state: UseSplitterReturn) => ReactNode);
 } & RefAttributes<HTMLDivElement>> & {
     Root: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
     } & {
         asChild?: boolean | undefined;
-    }, "ref">, "children" | "getRootNode" | "id" | "ids" | "orientation" | "onResize" | "dir" | "size" | "onResizeStart" | "onResizeEnd" | "defaultSize"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+    }, "ref">, "children" | "getRootNode" | "id" | "ids" | "dir" | "onResize" | "size" | "orientation" | "onResizeStart" | "onResizeEnd" | "defaultSize"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
         defaultSize?: {
             id: string | number;
             size?: number | undefined;
@@ -35,10 +33,7 @@ declare const Splitter: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLPro
             maxSize?: number | undefined;
         }[] | undefined;
     } & {
-        children?: ReactNode | ((state: PublicApi<JSX.IntrinsicElements & {
-            element: HTMLAttributes<HTMLElement>;
-            style: CSSProperties;
-        }>) => ReactNode);
+        children?: ReactNode | ((state: UseSplitterReturn) => ReactNode);
     } & RefAttributes<HTMLDivElement>>;
     Panel: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;

package/splitter/splitter-context.d.ts

@@ -1,12 +1,5 @@
-import { PublicApi } from '@zag-js/splitter';
-import { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { Provider } from 'react';
 /// <reference types="react" />
 import { type UseSplitterReturn } from './use-splitter';
 export type SplitterContext = UseSplitterReturn;
-export declare const SplitterProvider: Provider<PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>>, useSplitterContext: () => PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
+export declare const SplitterProvider: Provider<UseSplitterReturn>, useSplitterContext: () => UseSplitterReturn;

package/splitter/splitter.d.ts

@@ -11,7 +11,7 @@ export declare const Splitter: ForwardRefExoticComponent<Omit<Omit<Omit<Detailed
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "ref">, "children" | "getRootNode" | "id" | "ids" | "orientation" | "onResize" | "dir" | "size" | "onResizeStart" | "onResizeEnd" | "defaultSize"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+}, "ref">, "children" | "getRootNode" | "id" | "ids" | "dir" | "onResize" | "size" | "orientation" | "onResizeStart" | "onResizeEnd" | "defaultSize"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
     defaultSize?: {
         id: string | number;
         size?: number | undefined;

package/splitter/use-splitter.d.ts

@@ -1,12 +1,7 @@
-import { HTMLAttributes, CSSProperties } from 'react';
-/// <reference types="react" />
 import * as splitter from '@zag-js/splitter';
 import { type Optional } from '../types';
 export type UseSplitterProps = Optional<splitter.Context, 'id'> & {
     defaultSize?: splitter.Context['size'];
 };
-export type UseSplitterReturn = ReturnType<typeof useSplitter>;
-export declare const useSplitter: (props: UseSplitterProps) => splitter.PublicApi<JSX.IntrinsicElements & {
-    element: HTMLAttributes<HTMLElement>;
-    style: CSSProperties;
-}>;
+export type UseSplitterReturn = splitter.Api;
+export declare const useSplitter: (props: UseSplitterProps) => UseSplitterReturn;

package/switch/index.cjs

@@ -6,7 +6,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const _switch = require('./switch.cjs');
 const switchContext = require('./switch-context.cjs');
 const switchControl = require('./switch-control.cjs');
-const switchInput = require('./switch-input.cjs');
 const switchLabel = require('./switch-label.cjs');
 const switchThumb = require('./switch-thumb.cjs');
 const zagSwitch = require('@zag-js/switch');
@@ -14,14 +13,12 @@ const zagSwitch = require('@zag-js/switch');
 const Switch = Object.assign(_switch.Switch, {
   Root: _switch.Switch,
   Control: switchControl.SwitchControl,
-  Input: switchInput.SwitchInput,
   Label: switchLabel.SwitchLabel,
   Thumb: switchThumb.SwitchThumb
 });
 
 exports.useSwitchContext = switchContext.useSwitchContext;
 exports.SwitchControl = switchControl.SwitchControl;
-exports.SwitchInput = switchInput.SwitchInput;
 exports.SwitchLabel = switchLabel.SwitchLabel;
 exports.SwitchThumb = switchThumb.SwitchThumb;
 Object.defineProperty(exports, 'switchAnatomy', {