@ark-ui/solid 0.8.1 → 0.9.0

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

@@ -1,5 +1,14 @@
-import type { RadioProps } from '@zag-js/radio-group/dist/radio-group.types';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type connect } from '@zag-js/radio-group';
 export type RadioContext = Parameters<ReturnType<typeof connect>['getRadioProps']>[0];
-export declare const RadioProvider: ContextProviderComponent<RadioProps>, useRadioContext: () => RadioProps;
+export declare const RadioProvider: ContextProviderComponent<{
+    value: string;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    invalid?: boolean | undefined;
+}>, useRadioContext: () => {
+    value: string;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    invalid?: boolean | undefined;
+};

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

@@ -1,52 +1,7 @@
-import type { RadioProps, InputProps } from '@zag-js/radio-group/dist/radio-group.types';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/radio-group';
+import type { Accessor } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseRadioGroupReturn } from './use-radio-group';
 export type RadioGroupContext = UseRadioGroupReturn;
-export declare const RadioGroupProvider: ContextProviderComponent<Accessor<{
-    value: string | null;
-    setValue(value: string): void;
-    clearValue(): void;
-    focus: () => void;
-    blur(): void;
-    getRadioState: <T_1 extends RadioProps>(props: T_1) => {
-        isInteractive: boolean;
-        isReadOnly: boolean | undefined;
-        isInvalid: boolean | undefined;
-        isDisabled: boolean | undefined;
-        isChecked: boolean;
-        isFocused: boolean;
-        isHovered: boolean;
-        isActive: boolean;
-    };
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.HTMLAttributes<any>;
-    getRadioProps(props: RadioProps): JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    getRadioLabelProps(props: RadioProps): JSX.HTMLAttributes<any>;
-    getRadioControlProps(props: RadioProps): JSX.HTMLAttributes<any>;
-    getRadioInputProps(props: InputProps): JSX.InputHTMLAttributes<HTMLInputElement>;
-    indicatorProps: JSX.HTMLAttributes<any>;
-}>>, useRadioGroupContext: () => Accessor<{
-    value: string | null;
-    setValue(value: string): void;
-    clearValue(): void;
-    focus: () => void;
-    blur(): void;
-    getRadioState: <T_1 extends RadioProps>(props: T_1) => {
-        isInteractive: boolean;
-        isReadOnly: boolean | undefined;
-        isInvalid: boolean | undefined;
-        isDisabled: boolean | undefined;
-        isChecked: boolean;
-        isFocused: boolean;
-        isHovered: boolean;
-        isActive: boolean;
-    };
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.HTMLAttributes<any>;
-    getRadioProps(props: RadioProps): JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    getRadioLabelProps(props: RadioProps): JSX.HTMLAttributes<any>;
-    getRadioControlProps(props: RadioProps): JSX.HTMLAttributes<any>;
-    getRadioInputProps(props: InputProps): JSX.InputHTMLAttributes<HTMLInputElement>;
-    indicatorProps: JSX.HTMLAttributes<any>;
-}>;
+export declare const RadioGroupProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useRadioGroupContext: () => Accessor<PublicApi<PropTypes>>;

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

@@ -1,30 +1,7 @@
-import type { RadioProps, InputProps } from '@zag-js/radio-group/dist/radio-group.types';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as radio from '@zag-js/radio-group';
 import { type Optional } from '../types';
 export type UseRadioGroupProps = Optional<radio.Context, 'id'>;
 export type UseRadioGroupReturn = ReturnType<typeof useRadioGroup>;
-export declare const useRadioGroup: (props: UseRadioGroupProps) => Accessor<{
-    value: string | null;
-    setValue(value: string): void;
-    clearValue(): void;
-    focus: () => void;
-    blur(): void;
-    getRadioState: <T_1 extends RadioProps>(props: T_1) => {
-        isInteractive: boolean;
-        isReadOnly: boolean | undefined;
-        isInvalid: boolean | undefined;
-        isDisabled: boolean | undefined;
-        isChecked: boolean;
-        isFocused: boolean;
-        isHovered: boolean;
-        isActive: boolean;
-    };
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.HTMLAttributes<any>;
-    getRadioProps(props: RadioProps): JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    getRadioLabelProps(props: RadioProps): JSX.HTMLAttributes<any>;
-    getRadioControlProps(props: RadioProps): JSX.HTMLAttributes<any>;
-    getRadioInputProps(props: InputProps): JSX.InputHTMLAttributes<HTMLInputElement>;
-    indicatorProps: JSX.HTMLAttributes<any>;
-}>;
+export declare const useRadioGroup: (props: UseRadioGroupProps) => Accessor<radio.PublicApi<PropTypes>>;

package/range-slider/index.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const rangeSlider = require('./range-slider.cjs');
+const rangeSliderContext = require('./range-slider-context.cjs');
 const rangeSliderControl = require('./range-slider-control.cjs');
 const rangeSliderLabel = require('./range-slider-label.cjs');
 const rangeSliderMarker = require('./range-slider-marker.cjs');
@@ -16,6 +17,7 @@ const rangeSlider$1 = require('@zag-js/range-slider');
 
 
 exports.RangeSlider = rangeSlider.RangeSlider;
+exports.useRangeSliderContext = rangeSliderContext.useRangeSliderContext;
 exports.RangeSliderControl = rangeSliderControl.RangeSliderControl;
 exports.RangeSliderLabel = rangeSliderLabel.RangeSliderLabel;
 exports.RangeSliderMarker = rangeSliderMarker.RangeSliderMarker;

package/range-slider/index.d.ts

@@ -1,4 +1,5 @@
 export { RangeSlider, type RangeSliderProps } from './range-slider';
+export { useRangeSliderContext } from './range-slider-context';
 export { RangeSliderControl, type RangeSliderControlProps } from './range-slider-control';
 export { RangeSliderLabel, type RangeSliderLabelProps } from './range-slider-label';
 export { RangeSliderMarker, type RangeSliderMarkerProps } from './range-slider-marker';

package/range-slider/index.mjs

@@ -1,4 +1,5 @@
 export { RangeSlider } from './range-slider.mjs';
+export { useRangeSliderContext } from './range-slider-context.mjs';
 export { RangeSliderControl } from './range-slider-control.mjs';
 export { RangeSliderLabel } from './range-slider-label.mjs';
 export { RangeSliderMarker } from './range-slider-marker.mjs';

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

@@ -1,61 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/range-slider';
+import type { Accessor } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseRangeSliderReturn } from './use-range-slider';
 export type RangeSliderContext = UseRangeSliderReturn;
-export declare const RangeSliderProvider: ContextProviderComponent<Accessor<{
-    value: number[];
-    isDragging: boolean;
-    isFocused: boolean;
-    setValue(value: number[]): void;
-    getThumbValue(index: number): number;
-    setThumbValue(index: number, value: number): void;
-    getValuePercent: (value: number) => number;
-    getPercentValue: (percent: number) => number;
-    getThumbPercent(index: number): number;
-    setThumbPercent(index: number, percent: number): void;
-    getThumbMin(index: number): number;
-    getThumbMax(index: number): number;
-    increment(index: number): void;
-    decrement(index: number): void;
-    focus(): void;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    rootProps: JSX.HTMLAttributes<any>;
-    outputProps: JSX.OutputHTMLAttributes<HTMLElement>;
-    trackProps: JSX.HTMLAttributes<any>;
-    getThumbProps(index: number): JSX.HTMLAttributes<any>;
-    getHiddenInputProps(index: number): JSX.InputHTMLAttributes<HTMLInputElement>;
-    rangeProps: JSX.HTMLAttributes<any>;
-    controlProps: JSX.HTMLAttributes<any>;
-    markerGroupProps: JSX.HTMLAttributes<any>;
-    getMarkerProps({ value }: {
-        value: number;
-    }): JSX.HTMLAttributes<any>;
-}>>, useRangeSliderContext: () => Accessor<{
-    value: number[];
-    isDragging: boolean;
-    isFocused: boolean;
-    setValue(value: number[]): void;
-    getThumbValue(index: number): number;
-    setThumbValue(index: number, value: number): void;
-    getValuePercent: (value: number) => number;
-    getPercentValue: (percent: number) => number;
-    getThumbPercent(index: number): number;
-    setThumbPercent(index: number, percent: number): void;
-    getThumbMin(index: number): number;
-    getThumbMax(index: number): number;
-    increment(index: number): void;
-    decrement(index: number): void;
-    focus(): void;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    rootProps: JSX.HTMLAttributes<any>;
-    outputProps: JSX.OutputHTMLAttributes<HTMLElement>;
-    trackProps: JSX.HTMLAttributes<any>;
-    getThumbProps(index: number): JSX.HTMLAttributes<any>;
-    getHiddenInputProps(index: number): JSX.InputHTMLAttributes<HTMLInputElement>;
-    rangeProps: JSX.HTMLAttributes<any>;
-    controlProps: JSX.HTMLAttributes<any>;
-    markerGroupProps: JSX.HTMLAttributes<any>;
-    getMarkerProps({ value }: {
-        value: number;
-    }): JSX.HTMLAttributes<any>;
-}>;
+export declare const RangeSliderProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useRangeSliderContext: () => Accessor<PublicApi<PropTypes>>;

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

@@ -1,34 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as rangeSlider from '@zag-js/range-slider';
 import { type Optional } from '../types';
 export type UseRangeSliderProps = Optional<rangeSlider.Context, 'id'>;
 export type UseRangeSliderReturn = ReturnType<typeof useRangeSlider>;
-export declare const useRangeSlider: (props: UseRangeSliderProps) => Accessor<{
-    value: number[];
-    isDragging: boolean;
-    isFocused: boolean;
-    setValue(value: number[]): void;
-    getThumbValue(index: number): number;
-    setThumbValue(index: number, value: number): void;
-    getValuePercent: (value: number) => number;
-    getPercentValue: (percent: number) => number;
-    getThumbPercent(index: number): number;
-    setThumbPercent(index: number, percent: number): void;
-    getThumbMin(index: number): number;
-    getThumbMax(index: number): number;
-    increment(index: number): void;
-    decrement(index: number): void;
-    focus(): void;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    rootProps: JSX.HTMLAttributes<any>;
-    outputProps: JSX.OutputHTMLAttributes<HTMLElement>;
-    trackProps: JSX.HTMLAttributes<any>;
-    getThumbProps(index: number): JSX.HTMLAttributes<any>;
-    getHiddenInputProps(index: number): JSX.InputHTMLAttributes<HTMLInputElement>;
-    rangeProps: JSX.HTMLAttributes<any>;
-    controlProps: JSX.HTMLAttributes<any>;
-    markerGroupProps: JSX.HTMLAttributes<any>;
-    getMarkerProps({ value }: {
-        value: number;
-    }): JSX.HTMLAttributes<any>;
-}>;
+export declare const useRangeSlider: (props: UseRangeSliderProps) => Accessor<rangeSlider.PublicApi<PropTypes>>;

package/rating-group/index.cjs

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const rating = require('./rating.cjs');
+const ratingContext = require('./rating-context.cjs');
 const ratingGroup = require('./rating-group.cjs');
+const ratingGroupContext = require('./rating-group-context.cjs');
 const ratingGroupControl = require('./rating-group-control.cjs');
 const ratingGroupLabel = require('./rating-group-label.cjs');
 const rating$1 = require('@zag-js/rating-group');
@@ -11,7 +13,9 @@ const rating$1 = require('@zag-js/rating-group');
 
 
 exports.Rating = rating.Rating;
+exports.useRatingContext = ratingContext.useRatingContext;
 exports.RatingGroup = ratingGroup.RatingGroup;
+exports.useRatingGroupContext = ratingGroupContext.useRatingGroupContext;
 exports.RatingGroupControl = ratingGroupControl.RatingGroupControl;
 exports.RatingGroupLabel = ratingGroupLabel.RatingGroupLabel;
 Object.defineProperty(exports, 'ratingGroupAnatomy', {

package/rating-group/index.d.ts

@@ -1,5 +1,7 @@
 export { Rating, type RatingProps } from './rating';
+export { useRatingContext } from './rating-context';
 export { RatingGroup, type RatingGroupProps } from './rating-group';
+export { useRatingGroupContext } from './rating-group-context';
 export { RatingGroupControl, type RatingGroupControlProps } from './rating-group-control';
 export { RatingGroupLabel, type RatingGroupLabelProps } from './rating-group-label';
 export { ratingGroupAnatomy } from './rating-group.anatomy';

package/rating-group/index.mjs

@@ -1,5 +1,7 @@
 export { Rating } from './rating.mjs';
+export { useRatingContext } from './rating-context.mjs';
 export { RatingGroup } from './rating-group.mjs';
+export { useRatingGroupContext } from './rating-group-context.mjs';
 export { RatingGroupControl } from './rating-group-control.mjs';
 export { RatingGroupLabel } from './rating-group-label.mjs';
 export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';

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

@@ -1,34 +1,7 @@
-import type { ItemProps, ItemState } from '@zag-js/rating-group';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/rating-group';
+import type { Accessor } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseRatingGroupReturn } from './use-rating-group';
 export type RatingGroupContext = UseRatingGroupReturn;
-export declare const RatingGroupProvider: ContextProviderComponent<Accessor<{
-    setValue(value: number): void;
-    clearValue(): void;
-    isHovering: boolean;
-    value: number;
-    hoveredValue: number;
-    size: number;
-    sizeArray: number[];
-    getRatingState(props: ItemProps): ItemState;
-    rootProps: JSX.HTMLAttributes<any>;
-    hiddenInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    labelProps: JSX.HTMLAttributes<any>;
-    controlProps: JSX.HTMLAttributes<any>;
-    getRatingProps(props: ItemProps): JSX.HTMLAttributes<any>;
-}>>, useRatingGroupContext: () => Accessor<{
-    setValue(value: number): void;
-    clearValue(): void;
-    isHovering: boolean;
-    value: number;
-    hoveredValue: number;
-    size: number;
-    sizeArray: number[];
-    getRatingState(props: ItemProps): ItemState;
-    rootProps: JSX.HTMLAttributes<any>;
-    hiddenInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    labelProps: JSX.HTMLAttributes<any>;
-    controlProps: JSX.HTMLAttributes<any>;
-    getRatingProps(props: ItemProps): JSX.HTMLAttributes<any>;
-}>;
+export declare const RatingGroupProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useRatingGroupContext: () => Accessor<PublicApi<PropTypes>>;

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

@@ -1,20 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as rating from '@zag-js/rating-group';
 import { type Optional } from '../types';
 export type UseRatingGroupProps = Optional<rating.Context, 'id'>;
 export type UseRatingGroupReturn = ReturnType<typeof useRatingGroup>;
-export declare const useRatingGroup: (props: UseRatingGroupProps) => Accessor<{
-    setValue(value: number): void;
-    clearValue(): void;
-    isHovering: boolean;
-    value: number;
-    hoveredValue: number;
-    size: number;
-    sizeArray: number[];
-    getRatingState(props: rating.ItemProps): rating.ItemState;
-    rootProps: JSX.HTMLAttributes<any>;
-    hiddenInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    labelProps: JSX.HTMLAttributes<any>;
-    controlProps: JSX.HTMLAttributes<any>;
-    getRatingProps(props: rating.ItemProps): JSX.HTMLAttributes<any>;
-}>;
+export declare const useRatingGroup: (props: UseRatingGroupProps) => Accessor<rating.PublicApi<PropTypes>>;

package/segment-group/index.cjs

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const segment = require('./segment.cjs');
+const segmentContext = require('./segment-context.cjs');
 const segmentControl = require('./segment-control.cjs');
 const segmentGroup = require('./segment-group.cjs');
+const segmentGroupContext = require('./segment-group-context.cjs');
 const segmentGroupLabel = require('./segment-group-label.cjs');
 const segmentGroup_anatomy = require('./segment-group.anatomy.cjs');
 const segmentIndicator = require('./segment-indicator.cjs');
@@ -14,8 +16,10 @@ const segmentLabel = require('./segment-label.cjs');
 
 
 exports.Segment = segment.Segment;
+exports.useSegmentContext = segmentContext.useSegmentContext;
 exports.SegmentControl = segmentControl.SegmentControl;
 exports.SegmentGroup = segmentGroup.SegmentGroup;
+exports.useSegmentGroupContext = segmentGroupContext.useSegmentGroupContext;
 exports.SegmentGroupLabel = segmentGroupLabel.SegmentGroupLabel;
 exports.segmentGroupAnatomy = segmentGroup_anatomy.segmentGroupAnatomy;
 exports.SegmentIndicator = segmentIndicator.SegmentIndicator;

package/segment-group/index.d.ts

@@ -1,6 +1,8 @@
 export { Segment, type SegmentProps } from './segment';
+export { useSegmentContext } from './segment-context';
 export { SegmentControl, type SegmentControlProps } from './segment-control';
 export { SegmentGroup, type SegmentGroupProps } from './segment-group';
+export { useSegmentGroupContext } from './segment-group-context';
 export { SegmentGroupLabel, type SegmentGroupLabelProps } from './segment-group-label';
 export { segmentGroupAnatomy } from './segment-group.anatomy';
 export { SegmentIndicator, type SegmentIndicatorProps } from './segment-indicator';

package/segment-group/index.mjs

@@ -1,6 +1,8 @@
 export { Segment } from './segment.mjs';
+export { useSegmentContext } from './segment-context.mjs';
 export { SegmentControl } from './segment-control.mjs';
 export { SegmentGroup } from './segment-group.mjs';
+export { useSegmentGroupContext } from './segment-group-context.mjs';
 export { SegmentGroupLabel } from './segment-group-label.mjs';
 export { segmentGroupAnatomy } from './segment-group.anatomy.mjs';
 export { SegmentIndicator } from './segment-indicator.mjs';

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

@@ -1,5 +1,14 @@
-import type { RadioProps } from '@zag-js/radio-group/dist/radio-group.types';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type connect } from '@zag-js/radio-group';
 export type SegmentContext = Parameters<ReturnType<typeof connect>['getRadioProps']>[0];
-export declare const SegmentProvider: ContextProviderComponent<RadioProps>, useSegmentContext: () => RadioProps;
+export declare const SegmentProvider: ContextProviderComponent<{
+    value: string;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    invalid?: boolean | undefined;
+}>, useSegmentContext: () => {
+    value: string;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    invalid?: boolean | undefined;
+};

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

@@ -1,52 +1,7 @@
-import type { RadioProps, InputProps } from '@zag-js/radio-group/dist/radio-group.types';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/radio-group';
+import type { Accessor } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseSegmentGroupReturn } from './use-segment-group';
 export type SegmentGroupContext = UseSegmentGroupReturn;
-export declare const SegmentGroupProvider: ContextProviderComponent<Accessor<{
-    value: string | null;
-    setValue(value: string): void;
-    clearValue(): void;
-    focus: () => void;
-    blur(): void;
-    getRadioState: <T_1 extends RadioProps>(props: T_1) => {
-        isInteractive: boolean;
-        isReadOnly: boolean | undefined;
-        isInvalid: boolean | undefined;
-        isDisabled: boolean | undefined;
-        isChecked: boolean;
-        isFocused: boolean;
-        isHovered: boolean;
-        isActive: boolean;
-    };
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.HTMLAttributes<any>;
-    getRadioProps(props: RadioProps): JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    getRadioLabelProps(props: RadioProps): JSX.HTMLAttributes<any>;
-    getRadioControlProps(props: RadioProps): JSX.HTMLAttributes<any>;
-    getRadioInputProps(props: InputProps): JSX.InputHTMLAttributes<HTMLInputElement>;
-    indicatorProps: JSX.HTMLAttributes<any>;
-}>>, useSegmentGroupContext: () => Accessor<{
-    value: string | null;
-    setValue(value: string): void;
-    clearValue(): void;
-    focus: () => void;
-    blur(): void;
-    getRadioState: <T_1 extends RadioProps>(props: T_1) => {
-        isInteractive: boolean;
-        isReadOnly: boolean | undefined;
-        isInvalid: boolean | undefined;
-        isDisabled: boolean | undefined;
-        isChecked: boolean;
-        isFocused: boolean;
-        isHovered: boolean;
-        isActive: boolean;
-    };
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.HTMLAttributes<any>;
-    getRadioProps(props: RadioProps): JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    getRadioLabelProps(props: RadioProps): JSX.HTMLAttributes<any>;
-    getRadioControlProps(props: RadioProps): JSX.HTMLAttributes<any>;
-    getRadioInputProps(props: InputProps): JSX.InputHTMLAttributes<HTMLInputElement>;
-    indicatorProps: JSX.HTMLAttributes<any>;
-}>;
+export declare const SegmentGroupProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useSegmentGroupContext: () => Accessor<PublicApi<PropTypes>>;

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

@@ -1,30 +1,7 @@
-import type { RadioProps, InputProps } from '@zag-js/radio-group/dist/radio-group.types';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as segment from '@zag-js/radio-group';
 import { type Optional } from '../types';
 export type UseSegmentGroupProps = Optional<segment.Context, 'id'>;
 export type UseSegmentGroupReturn = ReturnType<typeof useSegmentGroup>;
-export declare const useSegmentGroup: (props: UseSegmentGroupProps) => Accessor<{
-    value: string | null;
-    setValue(value: string): void;
-    clearValue(): void;
-    focus: () => void;
-    blur(): void;
-    getRadioState: <T_1 extends RadioProps>(props: T_1) => {
-        isInteractive: boolean;
-        isReadOnly: boolean | undefined;
-        isInvalid: boolean | undefined;
-        isDisabled: boolean | undefined;
-        isChecked: boolean;
-        isFocused: boolean;
-        isHovered: boolean;
-        isActive: boolean;
-    };
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.HTMLAttributes<any>;
-    getRadioProps(props: RadioProps): JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    getRadioLabelProps(props: RadioProps): JSX.HTMLAttributes<any>;
-    getRadioControlProps(props: RadioProps): JSX.HTMLAttributes<any>;
-    getRadioInputProps(props: InputProps): JSX.InputHTMLAttributes<HTMLInputElement>;
-    indicatorProps: JSX.HTMLAttributes<any>;
-}>;
+export declare const useSegmentGroup: (props: UseSegmentGroupProps) => Accessor<segment.PublicApi<PropTypes>>;

package/select/index.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const select = require('./select.cjs');
 const selectContent = require('./select-content.cjs');
+const selectContext = require('./select-context.cjs');
 const selectLabel = require('./select-label.cjs');
 const selectOption = require('./select-option.cjs');
 const selectOptionGroup = require('./select-option-group.cjs');
@@ -16,6 +17,7 @@ const select$1 = require('@zag-js/select');
 
 exports.Select = select.Select;
 exports.SelectContent = selectContent.SelectContent;
+exports.useSelectContext = selectContext.useSelectContext;
 exports.SelectLabel = selectLabel.SelectLabel;
 exports.SelectOption = selectOption.SelectOption;
 exports.SelectOptionGroup = selectOptionGroup.SelectOptionGroup;

package/select/index.d.ts

@@ -1,5 +1,6 @@
 export { Select, type SelectProps } from './select';
 export { SelectContent, type SelectContentProps } from './select-content';
+export { useSelectContext } from './select-context';
 export { SelectLabel, type SelectLabelProps } from './select-label';
 export { SelectOption, type SelectOptionProps } from './select-option';
 export { SelectOptionGroup, type SelectOptionGroupProps } from './select-option-group';

package/select/index.mjs

@@ -1,5 +1,6 @@
 export { Select } from './select.mjs';
 export { SelectContent } from './select-content.mjs';
+export { useSelectContext } from './select-context.mjs';
 export { SelectLabel } from './select-label.mjs';
 export { SelectOption } from './select-option.mjs';
 export { SelectOptionGroup } from './select-option-group.mjs';

package/select/select-context.d.ts

@@ -1,53 +1,7 @@
-import type { OptionProps, OptionGroupLabelProps, OptionGroupProps } from '@zag-js/select';
-import type { Option } from '@zag-js/select/dist/select.types';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/select';
+import type { Accessor } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UseSelectReturn } from './use-select';
 export type SelectContext = UseSelectReturn;
-export declare const SelectProvider: ContextProviderComponent<Accessor<{
-    isOpen: boolean;
-    highlightedOption: Option | null;
-    selectedOption: Option | null;
-    focus(): void;
-    open(): void;
-    close(): void;
-    setSelectedOption(value: Option): void;
-    setHighlightedOption(value: Option): void;
-    clearSelectedOption(): void;
-    getOptionState: (props: OptionProps) => {
-        isDisabled: boolean;
-        isHighlighted: boolean;
-        isSelected: boolean;
-    };
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    positionerProps: JSX.HTMLAttributes<any>;
-    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    getOptionProps(props: OptionProps): JSX.HTMLAttributes<any>;
-    getOptionGroupLabelProps(props: OptionGroupLabelProps): JSX.HTMLAttributes<any>;
-    getOptionGroupProps(props: OptionGroupProps): JSX.HTMLAttributes<any>;
-    hiddenSelectProps: JSX.SelectHTMLAttributes<HTMLSelectElement>;
-    contentProps: JSX.HTMLAttributes<any>;
-}>>, useSelectContext: () => Accessor<{
-    isOpen: boolean;
-    highlightedOption: Option | null;
-    selectedOption: Option | null;
-    focus(): void;
-    open(): void;
-    close(): void;
-    setSelectedOption(value: Option): void;
-    setHighlightedOption(value: Option): void;
-    clearSelectedOption(): void;
-    getOptionState: (props: OptionProps) => {
-        isDisabled: boolean;
-        isHighlighted: boolean;
-        isSelected: boolean;
-    };
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    positionerProps: JSX.HTMLAttributes<any>;
-    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    getOptionProps(props: OptionProps): JSX.HTMLAttributes<any>;
-    getOptionGroupLabelProps(props: OptionGroupLabelProps): JSX.HTMLAttributes<any>;
-    getOptionGroupProps(props: OptionGroupProps): JSX.HTMLAttributes<any>;
-    hiddenSelectProps: JSX.SelectHTMLAttributes<HTMLSelectElement>;
-    contentProps: JSX.HTMLAttributes<any>;
-}>;
+export declare const SelectProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useSelectContext: () => Accessor<PublicApi<PropTypes>>;

package/select/use-select.d.ts

@@ -1,30 +1,7 @@
-import type { Option } from '@zag-js/select/dist/select.types';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as select from '@zag-js/select';
 import { type Optional } from '../types';
 export type UseSelectProps = Optional<select.Context, 'id'>;
 export type UseSelectReturn = ReturnType<typeof useSelect>;
-export declare const useSelect: (props: UseSelectProps) => Accessor<{
-    isOpen: boolean;
-    highlightedOption: Option | null;
-    selectedOption: Option | null;
-    focus(): void;
-    open(): void;
-    close(): void;
-    setSelectedOption(value: Option): void;
-    setHighlightedOption(value: Option): void;
-    clearSelectedOption(): void;
-    getOptionState: (props: select.OptionProps) => {
-        isDisabled: boolean;
-        isHighlighted: boolean;
-        isSelected: boolean;
-    };
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    positionerProps: JSX.HTMLAttributes<any>;
-    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    getOptionProps(props: select.OptionProps): JSX.HTMLAttributes<any>;
-    getOptionGroupLabelProps(props: select.OptionGroupLabelProps): JSX.HTMLAttributes<any>;
-    getOptionGroupProps(props: select.OptionGroupProps): JSX.HTMLAttributes<any>;
-    hiddenSelectProps: JSX.SelectHTMLAttributes<HTMLSelectElement>;
-    contentProps: JSX.HTMLAttributes<any>;
-}>;
+export declare const useSelect: (props: UseSelectProps) => Accessor<select.PublicApi<PropTypes>>;

package/slider/index.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const slider = require('./slider.cjs');
+const sliderContext = require('./slider-context.cjs');
 const sliderControl = require('./slider-control.cjs');
 const sliderLabel = require('./slider-label.cjs');
 const sliderMarker = require('./slider-marker.cjs');
@@ -16,6 +17,7 @@ const slider$1 = require('@zag-js/slider');
 
 
 exports.Slider = slider.Slider;
+exports.useSliderContext = sliderContext.useSliderContext;
 exports.SliderControl = sliderControl.SliderControl;
 exports.SliderLabel = sliderLabel.SliderLabel;
 exports.SliderMarker = sliderMarker.SliderMarker;