@ark-ui/react 0.10.0 → 0.11.0-beta.1

package/popover/popover-context.d.ts

@@ -1,5 +1,6 @@
-import type { PublicApi } from '@zag-js/popover';
-import type { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { PublicApi } from '@zag-js/popover';
+import { Provider, HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import { type UsePopoverReturn } from './use-popover';
 export type PopoverContext = UsePopoverReturn;
 export declare const PopoverProvider: Provider<PublicApi<JSX.IntrinsicElements & {

package/popover/popover-description.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type PopoverDescriptionProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const PopoverDescription: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/popover/popover-positioner.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type PopoverPositionerProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const PopoverPositioner: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/popover/popover-presence.cjs

@@ -4,13 +4,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const presence = require('../presence/presence.cjs');
+const index = require('../presence/index.cjs');
 const popoverContext = require('./popover-context.cjs');
 
 const PopoverPresence = (props) => {
   const { present, ...rest } = props;
   const { isOpen } = popoverContext.usePopoverContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(presence.Presence, { present: present !== void 0 ? present : isOpen, ...rest });
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Presence, { present: present !== void 0 ? present : isOpen, ...rest });
 };
 
 exports.PopoverPresence = PopoverPresence;

package/popover/popover-presence.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import { type PresenceProps } from '../presence';
 export type PopoverPresenceProps = PresenceProps;
 export declare const PopoverPresence: (props: PopoverPresenceProps) => JSX.Element;

package/popover/popover-presence.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { Presence } from '../presence/presence.mjs';
+import { Presence } from '../presence/index.mjs';
 import { usePopoverContext } from './popover-context.mjs';
 
 const PopoverPresence = (props) => {

package/popover/popover-title.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type PopoverTitleProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const PopoverTitle: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/popover/popover-trigger.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type PopoverTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
 export declare const PopoverTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {

package/popover/popover.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import { type ReactNode } from 'react';
 import type { Assign } from '../types';
 import { type PopoverContext } from './popover-context';

package/popover/popover.stories.d.ts

@@ -0,0 +1,12 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+import { Popover } from './';
+type PopoverType = typeof Popover;
+declare const meta: Meta<PopoverType>;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const Controlled: () => JSX.Element;
+export declare const RenderFn: () => JSX.Element;
+export declare const Arrow: () => JSX.Element;
+export declare const Positioning: () => JSX.Element;
+export declare const CloseBehavior: () => JSX.Element;

package/popover/popover.test.d.ts

@@ -0,0 +1 @@
+export {};

package/popover/use-popover.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const popover = require('@zag-js/popover');
 const react$1 = require('@zag-js/react');
 const react = require('react');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

package/popover/use-popover.d.ts

@@ -1,4 +1,5 @@
-import type { HTMLAttributes, CSSProperties } from 'react';
+import { HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import * as popover from '@zag-js/popover';
 import { type Optional } from '../types';
 export type UsePopoverProps = Optional<popover.Context, 'id'>;

package/popover/use-popover.mjs

@@ -2,6 +2,7 @@
 import * as popover from '@zag-js/popover';
 import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId } from 'react';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const usePopover = (props) => {

package/presence/index.cjs

@@ -5,7 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const presence = require('./presence.cjs');
 const splitPresenceProps = require('./split-presence-props.cjs');
 
+const Presence = Object.assign(presence.Presence, {
+  Root: presence.Presence
+});
 
-
-exports.Presence = presence.Presence;
 exports.splitPresenceProps = splitPresenceProps.splitPresenceProps;
+exports.Presence = Presence;

package/presence/index.d.ts

@@ -1,2 +1,9 @@
-export { Presence, type PresenceProps } from './presence';
-export { splitPresenceProps } from './split-presence-props';
+import { ReactElement, JSXElementConstructor } from 'react';
+/// <reference types="react" />
+import { type PresenceProps } from './presence';
+import { splitPresenceProps } from './split-presence-props';
+declare const Presence: ((props: PresenceProps) => ReactElement<any, string | JSXElementConstructor<any>> | null) & {
+    Root: (props: PresenceProps) => ReactElement<any, string | JSXElementConstructor<any>> | null;
+};
+export { Presence, splitPresenceProps };
+export type { PresenceProps };

package/presence/index.mjs

@@ -1,2 +1,8 @@
-export { Presence } from './presence.mjs';
+import { Presence as Presence$1 } from './presence.mjs';
 export { splitPresenceProps } from './split-presence-props.mjs';
+
+const Presence = Object.assign(Presence$1, {
+  Root: Presence$1
+});
+
+export { Presence };

package/presence/presence.d.ts

@@ -1,4 +1,4 @@
-import type { JSXElementConstructor, type ReactElement } from 'react';
+import { JSXElementConstructor, type ReactElement } from 'react';
 import { type UsePresenceProps } from './use-presence';
 export type PresenceProps = UsePresenceProps & {
     /**

package/presence/presence.stories.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+import { Presence } from './presence';
+type PresenceType = typeof Presence;
+declare const meta: Meta<PresenceType>;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const LazyMount: () => JSX.Element;
+export declare const UnmountOnExit: () => JSX.Element;
+export declare const LazyMountAndUnmountOnExit: () => JSX.Element;

package/presence/presence.test.d.ts

@@ -0,0 +1 @@
+export {};

package/pressable/index.cjs

@@ -5,7 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const pressable = require('./pressable.cjs');
 const usePressable = require('./use-pressable.cjs');
 
+const Pressable = Object.assign(pressable.Pressable, {
+  Root: pressable.Pressable
+});
 
-
-exports.Pressable = pressable.Pressable;
 exports.usePressable = usePressable.usePressable;
+exports.Pressable = Pressable;

package/pressable/index.d.ts

@@ -1,2 +1,30 @@
-export { Pressable, type PressableProps } from './pressable';
-export { usePressable, type UsePressableProps, type UsePressableReturn } from './use-pressable';
+import { PressEvent, Context } from '@zag-js/pressable';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type PressableProps } from './pressable';
+import { usePressable, type UsePressableProps, type UsePressableReturn } from './use-pressable';
+declare const Pressable: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, "getRootNode" | "id" | "disabled" | "dir" | keyof {
+    onPress?: ((event: PressEvent) => void) | undefined;
+    onPressStart?: ((event: PressEvent) => void) | undefined;
+    onPressEnd?: ((event: PressEvent) => void) | undefined;
+    onPressUp?: ((event: PressEvent) => void) | undefined;
+    onLongPress?: ((event: PressEvent) => void) | undefined;
+} | "preventFocusOnPress" | "cancelOnPointerExit" | "allowTextSelectionOnPress" | "longPressDelay"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & RefAttributes<HTMLButtonElement>> & {
+    Root: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, "getRootNode" | "id" | "disabled" | "dir" | keyof {
+        onPress?: ((event: PressEvent) => void) | undefined;
+        onPressStart?: ((event: PressEvent) => void) | undefined;
+        onPressEnd?: ((event: PressEvent) => void) | undefined;
+        onPressUp?: ((event: PressEvent) => void) | undefined;
+        onLongPress?: ((event: PressEvent) => void) | undefined;
+    } | "preventFocusOnPress" | "cancelOnPointerExit" | "allowTextSelectionOnPress" | "longPressDelay"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & RefAttributes<HTMLButtonElement>>;
+};
+export { Pressable, usePressable };
+export type { PressableProps, UsePressableProps, UsePressableReturn };

package/pressable/index.mjs

@@ -1,2 +1,8 @@
-export { Pressable } from './pressable.mjs';
+import { Pressable as Pressable$1 } from './pressable.mjs';
 export { usePressable } from './use-pressable.mjs';
+
+const Pressable = Object.assign(Pressable$1, {
+  Root: Pressable$1
+});
+
+export { Pressable };

package/pressable/pressable.d.ts

@@ -1,5 +1,5 @@
-import type { PressEvent, Context } from '@zag-js/pressable';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { PressEvent, Context } from '@zag-js/pressable';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 import { type UsePressableProps } from './use-pressable';
@@ -8,7 +8,7 @@ export declare const Pressable: ForwardRefExoticComponent<Omit<Omit<Omit<Detaile
     ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "ref">, "id" | "dir" | "disabled" | "getRootNode" | keyof {
+}, "ref">, "getRootNode" | "id" | "disabled" | "dir" | keyof {
     onPress?: ((event: PressEvent) => void) | undefined;
     onPressStart?: ((event: PressEvent) => void) | undefined;
     onPressEnd?: ((event: PressEvent) => void) | undefined;

package/pressable/pressable.stories.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+import { Pressable } from './pressable';
+type PressableType = typeof Pressable;
+declare const meta: Meta<PressableType>;
+export default meta;
+export declare const Basic: () => JSX.Element;

package/pressable/pressable.test.d.ts

@@ -0,0 +1 @@
+export {};

package/pressable/use-pressable.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const pressable = require('@zag-js/pressable');
 const react$1 = require('@zag-js/react');
 const react = require('react');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

package/pressable/use-pressable.d.ts

@@ -1,4 +1,5 @@
-import type { HTMLAttributes, CSSProperties } from 'react';
+import { HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import * as pressable from '@zag-js/pressable';
 import { type Optional } from '../types';
 export type UsePressableProps = Optional<pressable.Context, 'id'>;

package/pressable/use-pressable.mjs

@@ -2,6 +2,7 @@
 import * as pressable from '@zag-js/pressable';
 import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId } from 'react';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const usePressable = (props) => {

package/radio-group/index.cjs

@@ -12,17 +12,24 @@ const radioInput = require('./radio-input.cjs');
 const radioLabel = require('./radio-label.cjs');
 const radio$1 = require('@zag-js/radio-group');
 
-
+const RadioGroup = Object.assign(radioGroup.RadioGroup, {
+  Root: radioGroup.RadioGroup,
+  Label: radioGroupLabel.RadioGroupLabel,
+  Radio: radio.Radio,
+  RadioInput: radioInput.RadioInput,
+  RadioLabel: radioLabel.RadioLabel,
+  RadioControl: radioControl.RadioControl
+});
 
 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
+  enumerable: true,
+  get: () => radio$1.anatomy
 });
+exports.RadioGroup = RadioGroup;

package/radio-group/index.d.ts

@@ -1,9 +1,64 @@
-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';
-export { RadioLabel, type RadioLabelProps } from './radio-label';
+import { Context } from '@zag-js/radio-group';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, LabelHTMLAttributes, InputHTMLAttributes } from 'react';
+/// <reference types="react" />
+import { Radio, type RadioProps } from './radio';
+import { useRadioContext } from './radio-context';
+import { RadioControl, type RadioControlProps } from './radio-control';
+import { type RadioGroupProps } from './radio-group';
+import { useRadioGroupContext } from './radio-group-context';
+import { RadioGroupLabel, type RadioGroupLabelProps } from './radio-group-label';
+import { radioGroupAnatomy } from './radio-group.anatomy';
+import { RadioInput, type RadioInputProps } from './radio-input';
+import { RadioLabel, type RadioLabelProps } from './radio-label';
+declare const RadioGroup: 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"> & {
+    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"> & {
+        defaultValue?: string | null | undefined;
+    } & RefAttributes<HTMLDivElement>>;
+    Label: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+        ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLLabelElement>>;
+    Radio: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+        ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, keyof {
+        value: string;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        invalid?: boolean | undefined;
+    }> & {
+        value: string;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        invalid?: boolean | undefined;
+    } & RefAttributes<HTMLLabelElement>>;
+    RadioInput: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+        ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLInputElement>>;
+    RadioLabel: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+        ref?: RefObject<HTMLSpanElement> | ((instance: HTMLSpanElement | null) => void) | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLSpanElement>>;
+    RadioControl: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+};
+export { Radio, RadioControl, RadioGroup, RadioGroupLabel, RadioInput, RadioLabel, radioGroupAnatomy, useRadioContext, useRadioGroupContext, };
+export type { RadioControlProps, RadioGroupLabelProps, RadioGroupProps, RadioInputProps, RadioLabelProps, RadioProps, };

package/radio-group/index.mjs

@@ -1,9 +1,20 @@
-export { Radio } from './radio.mjs';
+import { Radio } from './radio.mjs';
 export { useRadioContext } from './radio-context.mjs';
-export { RadioControl } from './radio-control.mjs';
-export { RadioGroup } from './radio-group.mjs';
+import { RadioControl } from './radio-control.mjs';
+import { RadioGroup as RadioGroup$1 } 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';
+import { RadioGroupLabel } from './radio-group-label.mjs';
+import { RadioInput } from './radio-input.mjs';
+import { RadioLabel } from './radio-label.mjs';
 export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
+
+const RadioGroup = Object.assign(RadioGroup$1, {
+  Root: RadioGroup$1,
+  Label: RadioGroupLabel,
+  Radio,
+  RadioInput,
+  RadioLabel,
+  RadioControl
+});
+
+export { Radio, RadioControl, RadioGroup, RadioGroupLabel, RadioInput, RadioLabel };

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

@@ -1,4 +1,5 @@
-import type { Provider } from 'react';
+import { Provider } from 'react';
+/// <reference types="react" />
 import { type connect } from '@zag-js/radio-group';
 export type RadioContext = Parameters<ReturnType<typeof connect>['getRadioProps']>[0];
 export declare const RadioProvider: Provider<{

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

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type RadioControlProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const RadioControl: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

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

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

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

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type RadioGroupLabelProps = ComponentPropsWithoutRef<typeof ark.label>;
 export declare const RadioGroupLabel: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {

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

@@ -1,5 +1,5 @@
-import type { Context } from '@zag-js/radio-group';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { Context } from '@zag-js/radio-group';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 import { type UseRadioGroupProps } from './use-radio-group';
@@ -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" | "form" | "id" | "orientation" | "onChange" | "defaultValue" | "dir" | "disabled" | "readOnly" | "getRootNode" | "ids"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+}, "ref">, "name" | "value" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "orientation" | "onChange" | "defaultValue" | "dir" | "readOnly"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
     defaultValue?: string | null | undefined;
 } & RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,8 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+import { RadioGroup } from './';
+type RadioGroupType = typeof RadioGroup;
+declare const meta: Meta<RadioGroupType>;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const Disabled: () => JSX.Element;

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type RadioInputProps = ComponentPropsWithoutRef<typeof ark.input>;
 export declare const RadioInput: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {

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

@@ -1,8 +1,8 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type RadioLabelProps = ComponentPropsWithoutRef<typeof ark.span>;
 export declare const RadioLabel: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | RefObject<HTMLSpanElement> | null | undefined;
+    ref?: RefObject<HTMLSpanElement> | ((instance: HTMLSpanElement | null) => void) | null | undefined;
 } & {
     asChild?: boolean | undefined;
 }, "ref"> & RefAttributes<HTMLSpanElement>>;

package/radio-group/radio.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import type { Assign } from '../types';
 import { type RadioContext } from './radio-context';

package/radio-group/use-radio-group.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const radio = require('@zag-js/radio-group');
 const react$1 = require('@zag-js/react');
 const react = require('react');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

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

@@ -1,4 +1,5 @@
-import type { HTMLAttributes, CSSProperties } from 'react';
+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'> & {

package/radio-group/use-radio-group.mjs

@@ -2,6 +2,7 @@
 import * as radio from '@zag-js/radio-group';
 import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId } from 'react';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useRadioGroup = (props) => {

package/range-slider/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const rangeSlider = require('./range-slider.cjs');
+const rangeSlider$1 = 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');
@@ -12,11 +12,20 @@ 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');
-
+const rangeSlider = require('@zag-js/range-slider');
 
+const RangeSlider = Object.assign(rangeSlider$1.RangeSlider, {
+  Root: rangeSlider$1.RangeSlider,
+  Control: rangeSliderControl.RangeSliderControl,
+  Label: rangeSliderLabel.RangeSliderLabel,
+  Marker: rangeSliderMarker.RangeSliderMarker,
+  MarkerGroup: rangeSliderMarkerGroup.RangeSliderMarkerGroup,
+  Output: rangeSliderOutput.RangeSliderOutput,
+  Range: rangeSliderRange.RangeSliderRange,
+  Thumb: rangeSliderThumb.RangeSliderThumb,
+  Track: rangeSliderTrack.RangeSliderTrack
+});
 
-exports.RangeSlider = rangeSlider.RangeSlider;
 exports.useRangeSliderContext = rangeSliderContext.useRangeSliderContext;
 exports.RangeSliderControl = rangeSliderControl.RangeSliderControl;
 exports.RangeSliderLabel = rangeSliderLabel.RangeSliderLabel;
@@ -28,5 +37,6 @@ exports.RangeSliderThumb = rangeSliderThumb.RangeSliderThumb;
 exports.RangeSliderTrack = rangeSliderTrack.RangeSliderTrack;
 Object.defineProperty(exports, 'rangeSliderAnatomy', {
   enumerable: true,
-  get: () => rangeSlider$1.anatomy
+  get: () => rangeSlider.anatomy
 });
+exports.RangeSlider = RangeSlider;