@ark-ui/solid 0.8.0 → 0.9.0

package/pagination/index.d.ts

@@ -1,4 +1,5 @@
 export { Pagination, type PaginationProps } from './pagination';
+export { usePaginationContext } from './pagination-context';
 export { PaginationEllipsis, type PaginationEllipsisProps } from './pagination-ellipsis';
 export { PaginationList, type PaginationListProps } from './pagination-list';
 export { PaginationListItem, type PaginationListItemProps } from './pagination-list-item';

package/pagination/index.mjs

@@ -0,0 +1,9 @@
+export { Pagination } from './pagination.mjs';
+export { usePaginationContext } from './pagination-context.mjs';
+export { PaginationEllipsis } from './pagination-ellipsis.mjs';
+export { PaginationList } from './pagination-list.mjs';
+export { PaginationListItem } from './pagination-list-item.mjs';
+export { PaginationNextPageTrigger } from './pagination-next-page-trigger.mjs';
+export { PaginationPageTrigger } from './pagination-page-trigger.mjs';
+export { PaginationPrevPageTrigger } from './pagination-prev-page-trigger.mjs';
+export { paginationAnatomy } from './pagination.anatomy.mjs';

package/pagination/pagination-context.d.ts

@@ -1,48 +1,7 @@
-import type { PaginationRange, EllipsisProps, PageTriggerProps } from '@zag-js/pagination/dist/pagination.types';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/pagination';
+import type { Accessor } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UsePaginationReturn } from './use-pagination';
 export type PaginationContext = UsePaginationReturn;
-export declare const PaginationProvider: ContextProviderComponent<Accessor<{
-    page: number;
-    totalPages: number;
-    pages: PaginationRange;
-    previousPage: number | null;
-    nextPage: number | null;
-    pageRange: {
-        start: number;
-        end: number;
-    };
-    slice<T_1>(data: T_1[]): T_1[];
-    isFirstPage: boolean;
-    isLastPage: boolean;
-    setCount(count: number): void;
-    setPageSize(size: number): void;
-    setPage(page: number): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    getEllipsisProps(props: EllipsisProps): JSX.HTMLAttributes<any>;
-    getPageTriggerProps(page: PageTriggerProps): JSX.HTMLAttributes<any>;
-    prevPageTriggerProps: JSX.HTMLAttributes<any>;
-    nextPageTriggerProps: JSX.HTMLAttributes<any>;
-}>>, usePaginationContext: () => Accessor<{
-    page: number;
-    totalPages: number;
-    pages: PaginationRange;
-    previousPage: number | null;
-    nextPage: number | null;
-    pageRange: {
-        start: number;
-        end: number;
-    };
-    slice<T_1>(data: T_1[]): T_1[];
-    isFirstPage: boolean;
-    isLastPage: boolean;
-    setCount(count: number): void;
-    setPageSize(size: number): void;
-    setPage(page: number): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    getEllipsisProps(props: EllipsisProps): JSX.HTMLAttributes<any>;
-    getPageTriggerProps(page: PageTriggerProps): JSX.HTMLAttributes<any>;
-    prevPageTriggerProps: JSX.HTMLAttributes<any>;
-    nextPageTriggerProps: JSX.HTMLAttributes<any>;
-}>;
+export declare const PaginationProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, usePaginationContext: () => Accessor<PublicApi<PropTypes>>;

package/pagination/pagination-ellipsis.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from 'solid-js';
-import type { EllipsisProps } from '@zag-js/pagination/dist/pagination.types';
+import type { EllipsisProps } from '@zag-js/pagination';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 export type PaginationEllipsisProps = Assign<HTMLArkProps<'div'>, EllipsisProps>;

package/pagination/use-pagination.d.ts

@@ -1,28 +1,7 @@
-import type { PaginationRange, EllipsisProps, PageTriggerProps } from '@zag-js/pagination/dist/pagination.types';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as pagination from '@zag-js/pagination';
 import { type Optional } from '../types';
 export type UsePaginationProps = Optional<pagination.Context, 'id'>;
-export declare const usePagination: (props: UsePaginationProps) => Accessor<{
-    page: number;
-    totalPages: number;
-    pages: PaginationRange;
-    previousPage: number | null;
-    nextPage: number | null;
-    pageRange: {
-        start: number;
-        end: number;
-    };
-    slice<T_1>(data: T_1[]): T_1[];
-    isFirstPage: boolean;
-    isLastPage: boolean;
-    setCount(count: number): void;
-    setPageSize(size: number): void;
-    setPage(page: number): void;
-    rootProps: JSX.HTMLAttributes<any>;
-    getEllipsisProps(props: EllipsisProps): JSX.HTMLAttributes<any>;
-    getPageTriggerProps(page: PageTriggerProps): JSX.HTMLAttributes<any>;
-    prevPageTriggerProps: JSX.HTMLAttributes<any>;
-    nextPageTriggerProps: JSX.HTMLAttributes<any>;
-}>;
+export declare const usePagination: (props: UsePaginationProps) => Accessor<pagination.PublicApi<PropTypes>>;
 export type UsePaginationReturn = ReturnType<typeof usePagination>;

package/pin-input/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const pinInput = require('./pin-input.cjs');
+const pinInputContext = require('./pin-input-context.cjs');
+const pinInputControl = require('./pin-input-control.cjs');
+const pinInputField = require('./pin-input-field.cjs');
+const pinInputLabel = require('./pin-input-label.cjs');
+const pinInput$1 = require('@zag-js/pin-input');
+
+
+
+exports.PinInput = pinInput.PinInput;
+exports.usePinInputContext = pinInputContext.usePinInputContext;
+exports.PinInputControl = pinInputControl.PinInputControl;
+exports.PinInputField = pinInputField.PinInputField;
+exports.PinInputLabel = pinInputLabel.PinInputLabel;
+Object.defineProperty(exports, 'pinInputAnatomy', {
+	enumerable: true,
+	get: () => pinInput$1.anatomy
+});

package/pin-input/index.d.ts

@@ -1,4 +1,5 @@
 export { PinInput, type PinInputProps } from './pin-input';
+export { usePinInputContext } from './pin-input-context';
 export { PinInputControl, type PinInputControlProps } from './pin-input-control';
 export { PinInputField, type PinInputFieldProps } from './pin-input-field';
 export { PinInputLabel, type PinInputLabelProps } from './pin-input-label';

package/pin-input/index.mjs

@@ -0,0 +1,6 @@
+export { PinInput } from './pin-input.mjs';
+export { usePinInputContext } from './pin-input-context.mjs';
+export { PinInputControl } from './pin-input-control.mjs';
+export { PinInputField } from './pin-input-field.mjs';
+export { PinInputLabel } from './pin-input-label.mjs';
+export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';

package/pin-input/pin-input-context.d.ts

@@ -1,35 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/pin-input';
+import type { Accessor } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UsePinInputReturn } from './use-pin-input';
 export type PinInputContext = UsePinInputReturn;
-export declare const PinInputProvider: ContextProviderComponent<Accessor<{
-    value: string[];
-    valueAsString: string;
-    isValueComplete: boolean;
-    setValue(value: string[]): void;
-    clearValue(): void;
-    setValueAtIndex(index: number, value: string): void;
-    focus: () => void;
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    hiddenInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    controlProps: JSX.HTMLAttributes<any>;
-    getInputProps({ index }: {
-        index: number;
-    }): JSX.InputHTMLAttributes<HTMLInputElement>;
-}>>, usePinInputContext: () => Accessor<{
-    value: string[];
-    valueAsString: string;
-    isValueComplete: boolean;
-    setValue(value: string[]): void;
-    clearValue(): void;
-    setValueAtIndex(index: number, value: string): void;
-    focus: () => void;
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    hiddenInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    controlProps: JSX.HTMLAttributes<any>;
-    getInputProps({ index }: {
-        index: number;
-    }): JSX.InputHTMLAttributes<HTMLInputElement>;
-}>;
+export declare const PinInputProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, usePinInputContext: () => Accessor<PublicApi<PropTypes>>;

package/pin-input/use-pin-input.d.ts

@@ -1,21 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as pinInput from '@zag-js/pin-input';
 import { type Optional } from '../types';
 export type UsePinInputProps = Optional<pinInput.Context, 'id'>;
 export type UsePinInputReturn = ReturnType<typeof usePinInput>;
-export declare const usePinInput: (props: UsePinInputProps) => Accessor<{
-    value: string[];
-    valueAsString: string;
-    isValueComplete: boolean;
-    setValue(value: string[]): void;
-    clearValue(): void;
-    setValueAtIndex(index: number, value: string): void;
-    focus: () => void;
-    rootProps: JSX.HTMLAttributes<any>;
-    labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;
-    hiddenInputProps: JSX.InputHTMLAttributes<HTMLInputElement>;
-    controlProps: JSX.HTMLAttributes<any>;
-    getInputProps({ index }: {
-        index: number;
-    }): JSX.InputHTMLAttributes<HTMLInputElement>;
-}>;
+export declare const usePinInput: (props: UsePinInputProps) => Accessor<pinInput.PublicApi<PropTypes>>;

package/popover/index.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const popover = require('./popover.cjs');
+const popoverAnchor = require('./popover-anchor.cjs');
+const popoverArrow = require('./popover-arrow.cjs');
+const popoverArrowTip = require('./popover-arrow-tip.cjs');
+const popoverCloseTrigger = require('./popover-close-trigger.cjs');
+const popoverContent = require('./popover-content.cjs');
+const popoverContext = require('./popover-context.cjs');
+const popoverDescription = require('./popover-description.cjs');
+const popoverPositioner = require('./popover-positioner.cjs');
+const popoverTitle = require('./popover-title.cjs');
+const popoverTrigger = require('./popover-trigger.cjs');
+const popover$1 = require('@zag-js/popover');
+
+
+
+exports.Popover = popover.Popover;
+exports.PopoverAnchor = popoverAnchor.PopoverAnchor;
+exports.PopoverArrow = popoverArrow.PopoverArrow;
+exports.PopoverArrowTip = popoverArrowTip.PopoverArrowTip;
+exports.PopoverCloseTrigger = popoverCloseTrigger.PopoverCloseTrigger;
+exports.PopoverContent = popoverContent.PopoverContent;
+exports.usePopoverContext = popoverContext.usePopoverContext;
+exports.PopoverDescription = popoverDescription.PopoverDescription;
+exports.PopoverPositioner = popoverPositioner.PopoverPositioner;
+exports.PopoverTitle = popoverTitle.PopoverTitle;
+exports.PopoverTrigger = popoverTrigger.PopoverTrigger;
+Object.defineProperty(exports, 'popoverAnatomy', {
+	enumerable: true,
+	get: () => popover$1.anatomy
+});

package/popover/index.d.ts

@@ -4,6 +4,7 @@ export { PopoverArrow, type PopoverArrowProps } from './popover-arrow';
 export { PopoverArrowTip, type PopoverArrowTipProps } from './popover-arrow-tip';
 export { PopoverCloseTrigger, type PopoverCloseTriggerProps } from './popover-close-trigger';
 export { PopoverContent, type PopoverContentProps } from './popover-content';
+export { usePopoverContext } from './popover-context';
 export { PopoverDescription, type PopoverDescriptionProps } from './popover-description';
 export { PopoverPositioner, type PopoverPositionerProps } from './popover-positioner';
 export { PopoverTitle, type PopoverTitleProps } from './popover-title';

package/popover/index.mjs

@@ -0,0 +1,12 @@
+export { Popover } from './popover.mjs';
+export { PopoverAnchor } from './popover-anchor.mjs';
+export { PopoverArrow } from './popover-arrow.mjs';
+export { PopoverArrowTip } from './popover-arrow-tip.mjs';
+export { PopoverCloseTrigger } from './popover-close-trigger.mjs';
+export { PopoverContent } from './popover-content.mjs';
+export { usePopoverContext } from './popover-context.mjs';
+export { PopoverDescription } from './popover-description.mjs';
+export { PopoverPositioner } from './popover-positioner.mjs';
+export { PopoverTitle } from './popover-title.mjs';
+export { PopoverTrigger } from './popover-trigger.mjs';
+export { anatomy as popoverAnatomy } from '@zag-js/popover';

package/popover/popover-context.d.ts

@@ -1,36 +1,7 @@
-import type { PositioningOptions } from '@zag-js/combobox';
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { PublicApi } from '@zag-js/popover';
+import type { Accessor } from 'solid-js';
 import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
 import { type UsePopoverReturn } from './use-popover';
 export type PopoverContext = UsePopoverReturn;
-export declare const PopoverProvider: ContextProviderComponent<Accessor<{
-    portalled: boolean;
-    isOpen: boolean;
-    open(): void;
-    close(): void;
-    setPositioning(options?: Partial<PositioningOptions> | undefined): void;
-    arrowProps: JSX.HTMLAttributes<any>;
-    arrowTipProps: JSX.HTMLAttributes<any>;
-    anchorProps: JSX.HTMLAttributes<any>;
-    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    positionerProps: JSX.HTMLAttributes<any>;
-    contentProps: JSX.HTMLAttributes<any>;
-    titleProps: JSX.HTMLAttributes<any>;
-    descriptionProps: JSX.HTMLAttributes<any>;
-    closeTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-}>>, usePopoverContext: () => Accessor<{
-    portalled: boolean;
-    isOpen: boolean;
-    open(): void;
-    close(): void;
-    setPositioning(options?: Partial<PositioningOptions> | undefined): void;
-    arrowProps: JSX.HTMLAttributes<any>;
-    arrowTipProps: JSX.HTMLAttributes<any>;
-    anchorProps: JSX.HTMLAttributes<any>;
-    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    positionerProps: JSX.HTMLAttributes<any>;
-    contentProps: JSX.HTMLAttributes<any>;
-    titleProps: JSX.HTMLAttributes<any>;
-    descriptionProps: JSX.HTMLAttributes<any>;
-    closeTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-}>;
+export declare const PopoverProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, usePopoverContext: () => Accessor<PublicApi<PropTypes>>;

package/popover/use-popover.d.ts

@@ -1,21 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as popover from '@zag-js/popover';
 import { type Optional } from '../types';
 export type UsePopoverProps = Optional<popover.Context, 'id'>;
-export declare const usePopover: (props: UsePopoverProps) => Accessor<{
-    portalled: boolean;
-    isOpen: boolean;
-    open(): void;
-    close(): void;
-    setPositioning(options?: Partial<popover.PositioningOptions> | undefined): void;
-    arrowProps: JSX.HTMLAttributes<any>;
-    arrowTipProps: JSX.HTMLAttributes<any>;
-    anchorProps: JSX.HTMLAttributes<any>;
-    triggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-    positionerProps: JSX.HTMLAttributes<any>;
-    contentProps: JSX.HTMLAttributes<any>;
-    titleProps: JSX.HTMLAttributes<any>;
-    descriptionProps: JSX.HTMLAttributes<any>;
-    closeTriggerProps: JSX.ButtonHTMLAttributes<HTMLButtonElement>;
-}>;
+export declare const usePopover: (props: UsePopoverProps) => Accessor<popover.PublicApi<PropTypes>>;
 export type UsePopoverReturn = ReturnType<typeof usePopover>;

package/pressable/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const pressable = require('./pressable.cjs');
+const usePressable = require('./use-pressable.cjs');
+
+
+
+exports.Pressable = pressable.Pressable;
+exports.usePressable = usePressable.usePressable;

package/pressable/index.mjs

@@ -0,0 +1,2 @@
+export { Pressable } from './pressable.mjs';
+export { usePressable } from './use-pressable.mjs';

package/pressable/use-pressable.d.ts

@@ -1,9 +1,7 @@
-import type { Accessor, JSX } from 'solid-js';
+import type { PropTypes } from '@zag-js/solid';
+import type { Accessor } from 'solid-js';
 import * as pressable from '@zag-js/pressable';
 import { type Optional } from '../types';
 export type UsePressableProps = Optional<pressable.Context, 'id'>;
 export type UsePressableReturn = ReturnType<typeof usePressable>;
-export declare const usePressable: (props: UsePressableProps) => Accessor<{
-    isPressed: boolean;
-    pressableProps: JSX.HTMLAttributes<any>;
-}>;
+export declare const usePressable: (props: UsePressableProps) => Accessor<pressable.PublicApi<PropTypes>>;

package/radio-group/index.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const radio = require('./radio.cjs');
+const radioContext = require('./radio-context.cjs');
+const radioControl = require('./radio-control.cjs');
+const radioGroup = require('./radio-group.cjs');
+const radioGroupContext = require('./radio-group-context.cjs');
+const radioGroupLabel = require('./radio-group-label.cjs');
+const radioInput = require('./radio-input.cjs');
+const radioLabel = require('./radio-label.cjs');
+const radio$1 = require('@zag-js/radio-group');
+
+
+
+exports.Radio = radio.Radio;
+exports.useRadioContext = radioContext.useRadioContext;
+exports.RadioControl = radioControl.RadioControl;
+exports.RadioGroup = radioGroup.RadioGroup;
+exports.useRadioGroupContext = radioGroupContext.useRadioGroupContext;
+exports.RadioGroupLabel = radioGroupLabel.RadioGroupLabel;
+exports.RadioInput = radioInput.RadioInput;
+exports.RadioLabel = radioLabel.RadioLabel;
+Object.defineProperty(exports, 'radioGroupAnatomy', {
+	enumerable: true,
+	get: () => radio$1.anatomy
+});

package/radio-group/index.d.ts

@@ -1,6 +1,8 @@
 export { Radio, type RadioProps } from './radio';
+export { useRadioContext } from './radio-context';
 export { RadioControl, type RadioControlProps } from './radio-control';
 export { RadioGroup, type RadioGroupProps } from './radio-group';
+export { useRadioGroupContext } from './radio-group-context';
 export { RadioGroupLabel, type RadioGroupLabelProps } from './radio-group-label';
 export { radioGroupAnatomy } from './radio-group.anatomy';
 export { RadioInput, type RadioInputProps } from './radio-input';

package/radio-group/index.mjs

@@ -0,0 +1,9 @@
+export { Radio } from './radio.mjs';
+export { useRadioContext } from './radio-context.mjs';
+export { RadioControl } from './radio-control.mjs';
+export { RadioGroup } from './radio-group.mjs';
+export { useRadioGroupContext } from './radio-group-context.mjs';
+export { RadioGroupLabel } from './radio-group-label.mjs';
+export { RadioInput } from './radio-input.mjs';
+export { RadioLabel } from './radio-label.mjs';
+export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';

package/radio-group/radio-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 [RadioProvider, useRadioContext] = createContext.createContext({

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

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

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

@@ -0,0 +1,32 @@
+'use strict';
+
+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');
+const rangeSliderMarkerGroup = require('./range-slider-marker-group.cjs');
+const rangeSliderOutput = require('./range-slider-output.cjs');
+const rangeSliderRange = require('./range-slider-range.cjs');
+const rangeSliderThumb = require('./range-slider-thumb.cjs');
+const rangeSliderTrack = require('./range-slider-track.cjs');
+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;
+exports.RangeSliderMarkerGroup = rangeSliderMarkerGroup.RangeSliderMarkerGroup;
+exports.RangeSliderOutput = rangeSliderOutput.RangeSliderOutput;
+exports.RangeSliderRange = rangeSliderRange.RangeSliderRange;
+exports.RangeSliderThumb = rangeSliderThumb.RangeSliderThumb;
+exports.RangeSliderTrack = rangeSliderTrack.RangeSliderTrack;
+Object.defineProperty(exports, 'rangeSliderAnatomy', {
+  enumerable: true,
+  get: () => rangeSlider$1.anatomy
+});

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

@@ -0,0 +1,11 @@
+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';
+export { RangeSliderMarkerGroup } from './range-slider-marker-group.mjs';
+export { RangeSliderOutput } from './range-slider-output.mjs';
+export { RangeSliderRange } from './range-slider-range.mjs';
+export { RangeSliderThumb } from './range-slider-thumb.mjs';
+export { RangeSliderTrack } from './range-slider-track.mjs';
+export { anatomy as rangeSliderAnatomy } from '@zag-js/range-slider';