@ark-ui/solid 0.8.0 → 0.9.0

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

@@ -0,0 +1,24 @@
+'use strict';
+
+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');
+
+
+
+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', {
+	enumerable: true,
+	get: () => rating$1.anatomy
+});

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

@@ -0,0 +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-context.cjs

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+require('@zag-js/rating-group');
 const createContext = require('../create-context.cjs');
 
 const [RatingProvider, useRatingContext] = createContext.createContext({

package/rating-group/rating-context.mjs

@@ -1,3 +1,4 @@
+import '@zag-js/rating-group';
 import { createContext } from '../create-context.mjs';
 
 const [RatingProvider, useRatingContext] = createContext({

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

@@ -0,0 +1,27 @@
+'use strict';
+
+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');
+const segmentInput = require('./segment-input.cjs');
+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;
+exports.SegmentInput = segmentInput.SegmentInput;
+exports.SegmentLabel = segmentLabel.SegmentLabel;

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

@@ -0,0 +1,10 @@
+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';
+export { SegmentInput } from './segment-input.mjs';
+export { SegmentLabel } from './segment-label.mjs';

package/segment-group/segment-context.cjs

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+require('@zag-js/radio-group');
 const createContext = require('../create-context.cjs');
 
 const [SegmentProvider, useSegmentContext] = createContext.createContext({

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-context.mjs

@@ -1,3 +1,4 @@
+import '@zag-js/radio-group';
 import { createContext } from '../create-context.mjs';
 
 const [SegmentProvider, useSegmentContext] = createContext({

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

@@ -0,0 +1,30 @@
+'use strict';
+
+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');
+const selectOptionGroupLabel = require('./select-option-group-label.cjs');
+const selectPositioner = require('./select-positioner.cjs');
+const selectTrigger = require('./select-trigger.cjs');
+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;
+exports.SelectOptionGroupLabel = selectOptionGroupLabel.SelectOptionGroupLabel;
+exports.SelectPositioner = selectPositioner.SelectPositioner;
+exports.SelectTrigger = selectTrigger.SelectTrigger;
+Object.defineProperty(exports, 'selectAnatomy', {
+  enumerable: true,
+  get: () => select$1.anatomy
+});

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

@@ -0,0 +1,10 @@
+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';
+export { SelectOptionGroupLabel } from './select-option-group-label.mjs';
+export { SelectPositioner } from './select-positioner.mjs';
+export { SelectTrigger } from './select-trigger.mjs';
+export { anatomy as selectAnatomy } from '@zag-js/select';

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

@@ -0,0 +1,32 @@
+'use strict';
+
+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');
+const sliderMarkerGroup = require('./slider-marker-group.cjs');
+const sliderOutput = require('./slider-output.cjs');
+const sliderRange = require('./slider-range.cjs');
+const sliderThumb = require('./slider-thumb.cjs');
+const sliderTrack = require('./slider-track.cjs');
+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;
+exports.SliderMarkerGroup = sliderMarkerGroup.SliderMarkerGroup;
+exports.SliderOutput = sliderOutput.SliderOutput;
+exports.SliderRange = sliderRange.SliderRange;
+exports.SliderThumb = sliderThumb.SliderThumb;
+exports.SliderTrack = sliderTrack.SliderTrack;
+Object.defineProperty(exports, 'sliderAnatomy', {
+	enumerable: true,
+	get: () => slider$1.anatomy
+});

package/slider/index.d.ts

@@ -1,4 +1,5 @@
 export { Slider, type SliderProps } from './slider';
+export { useSliderContext } from './slider-context';
 export { SliderControl, type SliderControlProps } from './slider-control';
 export { SliderLabel, type SliderLabelProps } from './slider-label';
 export { SliderMarker, type SliderMarkerProps } from './slider-marker';

package/slider/index.mjs

@@ -0,0 +1,11 @@
+export { Slider } from './slider.mjs';
+export { useSliderContext } from './slider-context.mjs';
+export { SliderControl } from './slider-control.mjs';
+export { SliderLabel } from './slider-label.mjs';
+export { SliderMarker } from './slider-marker.mjs';
+export { SliderMarkerGroup } from './slider-marker-group.mjs';
+export { SliderOutput } from './slider-output.mjs';
+export { SliderRange } from './slider-range.mjs';
+export { SliderThumb } from './slider-thumb.mjs';
+export { SliderTrack } from './slider-track.mjs';
+export { anatomy as sliderAnatomy } from '@zag-js/slider';