@ark-ui/react 3.1.0 → 3.2.0

package/dist/components/popover/popover.d.ts

@@ -9,5 +9,6 @@ export { PopoverDescription as Description, type PopoverDescriptionProps as Desc
 export { PopoverIndicator as Indicator, type PopoverIndicatorProps as IndicatorProps, } from './popover-indicator';
 export { PopoverPositioner as Positioner, type PopoverPositionerProps as PositionerProps, } from './popover-positioner';
 export { PopoverRoot as Root, type PopoverRootProps as RootProps } from './popover-root';
+export { PopoverRootProvider as RootProvider, type PopoverRootProviderProps as RootProviderProps, } from './popover-root-provider';
 export { PopoverTitle as Title, type PopoverTitleProps as TitleProps } from './popover-title';
 export { PopoverTrigger as Trigger, type PopoverTriggerProps as TriggerProps, } from './popover-trigger';

package/dist/components/popover/popover.js

@@ -8,5 +8,6 @@ export { PopoverDescription as Description } from './popover-description.js';
 export { PopoverIndicator as Indicator } from './popover-indicator.js';
 export { PopoverPositioner as Positioner } from './popover-positioner.js';
 export { PopoverRoot as Root } from './popover-root.js';
+export { PopoverRootProvider as RootProvider } from './popover-root-provider.js';
 export { PopoverTitle as Title } from './popover-title.js';
 export { PopoverTrigger as Trigger } from './popover-trigger.js';

package/dist/components/progress/index.cjs

@@ -9,9 +9,11 @@ const progressContext = require('./progress-context.cjs');
 const progressLabel = require('./progress-label.cjs');
 const progressRange = require('./progress-range.cjs');
 const progressRoot = require('./progress-root.cjs');
+const progressRootProvider = require('./progress-root-provider.cjs');
 const progressTrack = require('./progress-track.cjs');
 const progressValueText = require('./progress-value-text.cjs');
 const progressView = require('./progress-view.cjs');
+const useProgress = require('./use-progress.cjs');
 const useProgressContext = require('./use-progress-context.cjs');
 const progress = require('./progress.cjs');
 
@@ -24,8 +26,10 @@ exports.ProgressContext = progressContext.ProgressContext;
 exports.ProgressLabel = progressLabel.ProgressLabel;
 exports.ProgressRange = progressRange.ProgressRange;
 exports.ProgressRoot = progressRoot.ProgressRoot;
+exports.ProgressRootProvider = progressRootProvider.ProgressRootProvider;
 exports.ProgressTrack = progressTrack.ProgressTrack;
 exports.ProgressValueText = progressValueText.ProgressValueText;
 exports.ProgressView = progressView.ProgressView;
+exports.useProgress = useProgress.useProgress;
 exports.useProgressContext = useProgressContext.useProgressContext;
 exports.Progress = progress;

package/dist/components/progress/index.d.cts

@@ -5,8 +5,10 @@ export { ProgressContext, type ProgressContextProps } from './progress-context';
 export { ProgressLabel, type ProgressLabelProps } from './progress-label';
 export { ProgressRange, type ProgressRangeProps } from './progress-range';
 export { ProgressRoot, type ProgressRootProps } from './progress-root';
+export { ProgressRootProvider, type ProgressRootProviderProps } from './progress-root-provider';
 export { ProgressTrack, type ProgressTrackProps } from './progress-track';
 export { ProgressValueText, type ProgressValueTextProps } from './progress-value-text';
 export { ProgressView, type ProgressViewProps } from './progress-view';
-export { type UseProgressContext, useProgressContext } from './use-progress-context';
+export { useProgress, type UseProgressProps, type UseProgressReturn } from './use-progress';
+export { useProgressContext, type UseProgressContext } from './use-progress-context';
 export * as Progress from './progress';

package/dist/components/progress/index.d.ts

@@ -5,8 +5,10 @@ export { ProgressContext, type ProgressContextProps } from './progress-context';
 export { ProgressLabel, type ProgressLabelProps } from './progress-label';
 export { ProgressRange, type ProgressRangeProps } from './progress-range';
 export { ProgressRoot, type ProgressRootProps } from './progress-root';
+export { ProgressRootProvider, type ProgressRootProviderProps } from './progress-root-provider';
 export { ProgressTrack, type ProgressTrackProps } from './progress-track';
 export { ProgressValueText, type ProgressValueTextProps } from './progress-value-text';
 export { ProgressView, type ProgressViewProps } from './progress-view';
-export { type UseProgressContext, useProgressContext } from './use-progress-context';
+export { useProgress, type UseProgressProps, type UseProgressReturn } from './use-progress';
+export { useProgressContext, type UseProgressContext } from './use-progress-context';
 export * as Progress from './progress';

package/dist/components/progress/index.js

@@ -5,9 +5,11 @@ export { ProgressContext } from './progress-context.js';
 export { ProgressLabel } from './progress-label.js';
 export { ProgressRange } from './progress-range.js';
 export { ProgressRoot } from './progress-root.js';
+export { ProgressRootProvider } from './progress-root-provider.js';
 export { ProgressTrack } from './progress-track.js';
 export { ProgressValueText } from './progress-value-text.js';
 export { ProgressView } from './progress-view.js';
+export { useProgress } from './use-progress.js';
 export { useProgressContext } from './use-progress-context.js';
 import * as progress from './progress.js';
 export { progress as Progress };

package/dist/components/progress/progress-circle-range.cjs

@@ -10,7 +10,7 @@ const useProgressContext = require('./use-progress-context.cjs');
 
 const ProgressCircleRange = (props) => {
   const progress = useProgressContext.useProgressContext();
-  const mergedProps = react.mergeProps(progress.circleRangeProps, props);
+  const mergedProps = react.mergeProps(progress.getCircleRangeProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.circle, { ...mergedProps });
 };
 ProgressCircleRange.displayName = "ProgressCircleRange";

package/dist/components/progress/progress-circle-range.js

@@ -6,7 +6,7 @@ import { useProgressContext } from './use-progress-context.js';
 
 const ProgressCircleRange = (props) => {
   const progress = useProgressContext();
-  const mergedProps = mergeProps(progress.circleRangeProps, props);
+  const mergedProps = mergeProps(progress.getCircleRangeProps(), props);
   return /* @__PURE__ */ jsx(ark.circle, { ...mergedProps });
 };
 ProgressCircleRange.displayName = "ProgressCircleRange";

package/dist/components/progress/progress-circle-track.cjs

@@ -10,7 +10,7 @@ const useProgressContext = require('./use-progress-context.cjs');
 
 const ProgressCircleTrack = (props) => {
   const progress = useProgressContext.useProgressContext();
-  const mergedProps = react.mergeProps(progress.circleTrackProps, props);
+  const mergedProps = react.mergeProps(progress.getCircleTrackProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.circle, { ...mergedProps });
 };
 ProgressCircleTrack.displayName = "ProgressCircleTrack";

package/dist/components/progress/progress-circle-track.js

@@ -6,7 +6,7 @@ import { useProgressContext } from './use-progress-context.js';
 
 const ProgressCircleTrack = (props) => {
   const progress = useProgressContext();
-  const mergedProps = mergeProps(progress.circleTrackProps, props);
+  const mergedProps = mergeProps(progress.getCircleTrackProps(), props);
   return /* @__PURE__ */ jsx(ark.circle, { ...mergedProps });
 };
 ProgressCircleTrack.displayName = "ProgressCircleTrack";

package/dist/components/progress/progress-circle.cjs

@@ -10,7 +10,7 @@ const useProgressContext = require('./use-progress-context.cjs');
 
 const ProgressCircle = (props) => {
   const progress = useProgressContext.useProgressContext();
-  const mergedProps = react.mergeProps(progress.circleProps, props);
+  const mergedProps = react.mergeProps(progress.getCircleProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.svg, { ...mergedProps });
 };
 ProgressCircle.displayName = "ProgressCircle";

package/dist/components/progress/progress-circle.js

@@ -6,7 +6,7 @@ import { useProgressContext } from './use-progress-context.js';
 
 const ProgressCircle = (props) => {
   const progress = useProgressContext();
-  const mergedProps = mergeProps(progress.circleProps, props);
+  const mergedProps = mergeProps(progress.getCircleProps(), props);
   return /* @__PURE__ */ jsx(ark.svg, { ...mergedProps });
 };
 ProgressCircle.displayName = "ProgressCircle";

package/dist/components/progress/progress-label.cjs

@@ -11,7 +11,7 @@ const useProgressContext = require('./use-progress-context.cjs');
 
 const ProgressLabel = react.forwardRef((props, ref) => {
   const progress = useProgressContext.useProgressContext();
-  const mergedProps = react$1.mergeProps(progress.labelProps, props);
+  const mergedProps = react$1.mergeProps(progress.getLabelProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
 });
 ProgressLabel.displayName = "ProgressLabel";

package/dist/components/progress/progress-label.js

@@ -7,7 +7,7 @@ import { useProgressContext } from './use-progress-context.js';
 
 const ProgressLabel = forwardRef((props, ref) => {
   const progress = useProgressContext();
-  const mergedProps = mergeProps(progress.labelProps, props);
+  const mergedProps = mergeProps(progress.getLabelProps(), props);
   return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
 });
 ProgressLabel.displayName = "ProgressLabel";

package/dist/components/progress/progress-range.cjs

@@ -11,7 +11,7 @@ const useProgressContext = require('./use-progress-context.cjs');
 
 const ProgressRange = react.forwardRef((props, ref) => {
   const progress = useProgressContext.useProgressContext();
-  const mergedProps = react$1.mergeProps(progress.rangeProps, props);
+  const mergedProps = react$1.mergeProps(progress.getRangeProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 ProgressRange.displayName = "ProgressRange";

package/dist/components/progress/progress-range.js

@@ -7,7 +7,7 @@ import { useProgressContext } from './use-progress-context.js';
 
 const ProgressRange = forwardRef((props, ref) => {
   const progress = useProgressContext();
-  const mergedProps = mergeProps(progress.rangeProps, props);
+  const mergedProps = mergeProps(progress.getRangeProps(), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 ProgressRange.displayName = "ProgressRange";

package/dist/components/progress/progress-root-provider.cjs

@@ -0,0 +1,24 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useProgressContext = require('./use-progress-context.cjs');
+
+const ProgressRootProvider = react.forwardRef(
+  (props, ref) => {
+    const [{ value: progress }, localProps] = createSplitProps.createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = react$1.mergeProps(progress.getRootProps(), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useProgressContext.ProgressProvider, { value: progress, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+  }
+);
+ProgressRootProvider.displayName = "ProgressRootProvider";
+
+exports.ProgressRootProvider = ProgressRootProvider;

package/dist/components/progress/progress-root-provider.d.cts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseProgressReturn } from './use-progress';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseProgressReturn;
+}
+export interface ProgressRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const ProgressRootProvider: ForwardRefExoticComponent<ProgressRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/progress/progress-root-provider.d.ts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseProgressReturn } from './use-progress';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseProgressReturn;
+}
+export interface ProgressRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const ProgressRootProvider: ForwardRefExoticComponent<ProgressRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/progress/progress-root-provider.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { ProgressProvider } from './use-progress-context.js';
+
+const ProgressRootProvider = forwardRef(
+  (props, ref) => {
+    const [{ value: progress }, localProps] = createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = mergeProps(progress.getRootProps(), localProps);
+    return /* @__PURE__ */ jsx(ProgressProvider, { value: progress, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+  }
+);
+ProgressRootProvider.displayName = "ProgressRootProvider";
+
+export { ProgressRootProvider };

package/dist/components/progress/progress-root.cjs

@@ -22,7 +22,7 @@ const ProgressRoot = react.forwardRef((props, ref) => {
     "value"
   ]);
   const progress = useProgress.useProgress(progressProps);
-  const mergedProps = react$1.mergeProps(progress.rootProps, localProps);
+  const mergedProps = react$1.mergeProps(progress.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useProgressContext.ProgressProvider, { value: progress, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
 });
 ProgressRoot.displayName = "ProgressRoot";

package/dist/components/progress/progress-root.js

@@ -18,7 +18,7 @@ const ProgressRoot = forwardRef((props, ref) => {
     "value"
   ]);
   const progress = useProgress(progressProps);
-  const mergedProps = mergeProps(progress.rootProps, localProps);
+  const mergedProps = mergeProps(progress.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(ProgressProvider, { value: progress, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
 });
 ProgressRoot.displayName = "ProgressRoot";

package/dist/components/progress/progress-track.cjs

@@ -11,7 +11,7 @@ const useProgressContext = require('./use-progress-context.cjs');
 
 const ProgressTrack = react.forwardRef((props, ref) => {
   const progress = useProgressContext.useProgressContext();
-  const mergedProps = react$1.mergeProps(progress.trackProps, props);
+  const mergedProps = react$1.mergeProps(progress.getTrackProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 ProgressTrack.displayName = "ProgressTrack";

package/dist/components/progress/progress-track.js

@@ -7,7 +7,7 @@ import { useProgressContext } from './use-progress-context.js';
 
 const ProgressTrack = forwardRef((props, ref) => {
   const progress = useProgressContext();
-  const mergedProps = mergeProps(progress.trackProps, props);
+  const mergedProps = mergeProps(progress.getTrackProps(), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 ProgressTrack.displayName = "ProgressTrack";

package/dist/components/progress/progress-value-text.cjs

@@ -13,7 +13,7 @@ const ProgressValueText = react.forwardRef(
   (props, ref) => {
     const { children, ...rest } = props;
     const progress = useProgressContext.useProgressContext();
-    const mergedProps = react$1.mergeProps(progress.valueTextProps, rest);
+    const mergedProps = react$1.mergeProps(progress.getValueTextProps(), rest);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children: children || progress.valueAsString });
   }
 );

package/dist/components/progress/progress-value-text.js

@@ -9,7 +9,7 @@ const ProgressValueText = forwardRef(
   (props, ref) => {
     const { children, ...rest } = props;
     const progress = useProgressContext();
-    const mergedProps = mergeProps(progress.valueTextProps, rest);
+    const mergedProps = mergeProps(progress.getValueTextProps(), rest);
     return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: children || progress.valueAsString });
   }
 );

package/dist/components/progress/progress.cjs

@@ -9,6 +9,7 @@ const progressContext = require('./progress-context.cjs');
 const progressLabel = require('./progress-label.cjs');
 const progressRange = require('./progress-range.cjs');
 const progressRoot = require('./progress-root.cjs');
+const progressRootProvider = require('./progress-root-provider.cjs');
 const progressTrack = require('./progress-track.cjs');
 const progressValueText = require('./progress-value-text.cjs');
 const progressView = require('./progress-view.cjs');
@@ -22,6 +23,7 @@ exports.Context = progressContext.ProgressContext;
 exports.Label = progressLabel.ProgressLabel;
 exports.Range = progressRange.ProgressRange;
 exports.Root = progressRoot.ProgressRoot;
+exports.RootProvider = progressRootProvider.ProgressRootProvider;
 exports.Track = progressTrack.ProgressTrack;
 exports.ValueText = progressValueText.ProgressValueText;
 exports.View = progressView.ProgressView;

package/dist/components/progress/progress.d.cts

@@ -5,6 +5,7 @@ export { ProgressContext as Context, type ProgressContextProps as ContextProps,
 export { ProgressLabel as Label, type ProgressLabelProps as LabelProps } from './progress-label';
 export { ProgressRange as Range, type ProgressRangeProps as RangeProps } from './progress-range';
 export { ProgressRoot as Root, type ProgressRootProps as RootProps } from './progress-root';
+export { ProgressRootProvider as RootProvider, type ProgressRootProviderProps as RootProviderProps, } from './progress-root-provider';
 export { ProgressTrack as Track, type ProgressTrackProps as TrackProps } from './progress-track';
 export { ProgressValueText as ValueText, type ProgressValueTextProps as ValueTextProps, } from './progress-value-text';
 export { ProgressView as View, type ProgressViewProps as ViewProps } from './progress-view';

package/dist/components/progress/progress.d.ts

@@ -5,6 +5,7 @@ export { ProgressContext as Context, type ProgressContextProps as ContextProps,
 export { ProgressLabel as Label, type ProgressLabelProps as LabelProps } from './progress-label';
 export { ProgressRange as Range, type ProgressRangeProps as RangeProps } from './progress-range';
 export { ProgressRoot as Root, type ProgressRootProps as RootProps } from './progress-root';
+export { ProgressRootProvider as RootProvider, type ProgressRootProviderProps as RootProviderProps, } from './progress-root-provider';
 export { ProgressTrack as Track, type ProgressTrackProps as TrackProps } from './progress-track';
 export { ProgressValueText as ValueText, type ProgressValueTextProps as ValueTextProps, } from './progress-value-text';
 export { ProgressView as View, type ProgressViewProps as ViewProps } from './progress-view';

package/dist/components/progress/progress.js

@@ -5,6 +5,7 @@ export { ProgressContext as Context } from './progress-context.js';
 export { ProgressLabel as Label } from './progress-label.js';
 export { ProgressRange as Range } from './progress-range.js';
 export { ProgressRoot as Root } from './progress-root.js';
+export { ProgressRootProvider as RootProvider } from './progress-root-provider.js';
 export { ProgressTrack as Track } from './progress-track.js';
 export { ProgressValueText as ValueText } from './progress-value-text.js';
 export { ProgressView as View } from './progress-view.js';

package/dist/components/radio-group/index.cjs

@@ -11,6 +11,8 @@ const radioGroupItemHiddenInput = require('./radio-group-item-hidden-input.cjs')
 const radioGroupItemText = require('./radio-group-item-text.cjs');
 const radioGroupLabel = require('./radio-group-label.cjs');
 const radioGroupRoot = require('./radio-group-root.cjs');
+const radioGroupRootProvider = require('./radio-group-root-provider.cjs');
+const useRadioGroup = require('./use-radio-group.cjs');
 const useRadioGroupContext = require('./use-radio-group-context.cjs');
 const useRadioGroupItemContext = require('./use-radio-group-item-context.cjs');
 const radioGroup = require('./radio-group.cjs');
@@ -26,6 +28,8 @@ exports.RadioGroupItemHiddenInput = radioGroupItemHiddenInput.RadioGroupItemHidd
 exports.RadioGroupItemText = radioGroupItemText.RadioGroupItemText;
 exports.RadioGroupLabel = radioGroupLabel.RadioGroupLabel;
 exports.RadioGroupRoot = radioGroupRoot.RadioGroupRoot;
+exports.RadioGroupRootProvider = radioGroupRootProvider.RadioGroupRootProvider;
+exports.useRadioGroup = useRadioGroup.useRadioGroup;
 exports.useRadioGroupContext = useRadioGroupContext.useRadioGroupContext;
 exports.useRadioGroupItemContext = useRadioGroupItemContext.useRadioGroupItemContext;
 exports.RadioGroup = radioGroup;

package/dist/components/radio-group/index.d.cts

@@ -8,6 +8,8 @@ export { RadioGroupItemHiddenInput, type RadioGroupItemHiddenInputProps, } from
 export { RadioGroupItemText, type RadioGroupItemTextProps } from './radio-group-item-text';
 export { RadioGroupLabel, type RadioGroupLabelProps } from './radio-group-label';
 export { RadioGroupRoot, type RadioGroupRootProps } from './radio-group-root';
+export { RadioGroupRootProvider, type RadioGroupRootProviderProps, } from './radio-group-root-provider';
+export { useRadioGroup, type UseRadioGroupProps, type UseRadioGroupReturn } from './use-radio-group';
 export { useRadioGroupContext, type UseRadioGroupContext } from './use-radio-group-context';
 export { useRadioGroupItemContext, type UseRadioGroupItemContext, } from './use-radio-group-item-context';
 export * as RadioGroup from './radio-group';

package/dist/components/radio-group/index.d.ts

@@ -8,6 +8,8 @@ export { RadioGroupItemHiddenInput, type RadioGroupItemHiddenInputProps, } from
 export { RadioGroupItemText, type RadioGroupItemTextProps } from './radio-group-item-text';
 export { RadioGroupLabel, type RadioGroupLabelProps } from './radio-group-label';
 export { RadioGroupRoot, type RadioGroupRootProps } from './radio-group-root';
+export { RadioGroupRootProvider, type RadioGroupRootProviderProps, } from './radio-group-root-provider';
+export { useRadioGroup, type UseRadioGroupProps, type UseRadioGroupReturn } from './use-radio-group';
 export { useRadioGroupContext, type UseRadioGroupContext } from './use-radio-group-context';
 export { useRadioGroupItemContext, type UseRadioGroupItemContext, } from './use-radio-group-item-context';
 export * as RadioGroup from './radio-group';

package/dist/components/radio-group/index.js

@@ -7,6 +7,8 @@ export { RadioGroupItemHiddenInput } from './radio-group-item-hidden-input.js';
 export { RadioGroupItemText } from './radio-group-item-text.js';
 export { RadioGroupLabel } from './radio-group-label.js';
 export { RadioGroupRoot } from './radio-group-root.js';
+export { RadioGroupRootProvider } from './radio-group-root-provider.js';
+export { useRadioGroup } from './use-radio-group.js';
 export { useRadioGroupContext } from './use-radio-group-context.js';
 export { useRadioGroupItemContext } from './use-radio-group-item-context.js';
 import * as radioGroup from './radio-group.js';

package/dist/components/radio-group/radio-group-indicator.cjs

@@ -12,7 +12,7 @@ const useRadioGroupContext = require('./use-radio-group-context.cjs');
 const RadioGroupIndicator = react.forwardRef(
   (props, ref) => {
     const radioGroup = useRadioGroupContext.useRadioGroupContext();
-    const mergedProps = react$1.mergeProps(radioGroup.indicatorProps, props);
+    const mergedProps = react$1.mergeProps(radioGroup.getIndicatorProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
   }
 );

package/dist/components/radio-group/radio-group-indicator.js

@@ -8,7 +8,7 @@ import { useRadioGroupContext } from './use-radio-group-context.js';
 const RadioGroupIndicator = forwardRef(
   (props, ref) => {
     const radioGroup = useRadioGroupContext();
-    const mergedProps = mergeProps(radioGroup.indicatorProps, props);
+    const mergedProps = mergeProps(radioGroup.getIndicatorProps(), props);
     return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
   }
 );

package/dist/components/radio-group/radio-group-label.cjs

@@ -11,7 +11,7 @@ const useRadioGroupContext = require('./use-radio-group-context.cjs');
 
 const RadioGroupLabel = react.forwardRef((props, ref) => {
   const radioGroup = useRadioGroupContext.useRadioGroupContext();
-  const mergedProps = react$1.mergeProps(radioGroup.labelProps, props);
+  const mergedProps = react$1.mergeProps(radioGroup.getLabelProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
 });
 RadioGroupLabel.displayName = "RadioGroupLabel";

package/dist/components/radio-group/radio-group-label.js

@@ -7,7 +7,7 @@ import { useRadioGroupContext } from './use-radio-group-context.js';
 
 const RadioGroupLabel = forwardRef((props, ref) => {
   const radioGroup = useRadioGroupContext();
-  const mergedProps = mergeProps(radioGroup.labelProps, props);
+  const mergedProps = mergeProps(radioGroup.getLabelProps(), props);
   return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
 });
 RadioGroupLabel.displayName = "RadioGroupLabel";

package/dist/components/radio-group/radio-group-root-provider.cjs

@@ -0,0 +1,24 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useRadioGroupContext = require('./use-radio-group-context.cjs');
+
+const RadioGroupRootProvider = react.forwardRef(
+  (props, ref) => {
+    const [{ value: radioGroup }, localProps] = createSplitProps.createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = react$1.mergeProps(radioGroup.getRootProps(), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useRadioGroupContext.RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+  }
+);
+RadioGroupRootProvider.displayName = "RadioGroupRootProvider";
+
+exports.RadioGroupRootProvider = RadioGroupRootProvider;

package/dist/components/radio-group/radio-group-root-provider.d.cts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseRadioGroupReturn } from './use-radio-group';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseRadioGroupReturn;
+}
+export interface RadioGroupRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const RadioGroupRootProvider: ForwardRefExoticComponent<RadioGroupRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/radio-group/radio-group-root-provider.d.ts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseRadioGroupReturn } from './use-radio-group';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseRadioGroupReturn;
+}
+export interface RadioGroupRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const RadioGroupRootProvider: ForwardRefExoticComponent<RadioGroupRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/radio-group/radio-group-root-provider.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { RadioGroupProvider } from './use-radio-group-context.js';
+
+const RadioGroupRootProvider = forwardRef(
+  (props, ref) => {
+    const [{ value: radioGroup }, localProps] = createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = mergeProps(radioGroup.getRootProps(), localProps);
+    return /* @__PURE__ */ jsx(RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+  }
+);
+RadioGroupRootProvider.displayName = "RadioGroupRootProvider";
+
+export { RadioGroupRootProvider };

package/dist/components/radio-group/radio-group-root.cjs

@@ -25,7 +25,7 @@ const RadioGroupRoot = react.forwardRef((props, ref) => {
     "value"
   ]);
   const radioGroup = useRadioGroup.useRadioGroup(useRadioGroupProps);
-  const mergedProps = react$1.mergeProps(radioGroup.rootProps, localProps);
+  const mergedProps = react$1.mergeProps(radioGroup.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useRadioGroupContext.RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
 });
 RadioGroupRoot.displayName = "RadioGroupRoot";

package/dist/components/radio-group/radio-group-root.js

@@ -21,7 +21,7 @@ const RadioGroupRoot = forwardRef((props, ref) => {
     "value"
   ]);
   const radioGroup = useRadioGroup(useRadioGroupProps);
-  const mergedProps = mergeProps(radioGroup.rootProps, localProps);
+  const mergedProps = mergeProps(radioGroup.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(RadioGroupProvider, { value: radioGroup, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
 });
 RadioGroupRoot.displayName = "RadioGroupRoot";

package/dist/components/radio-group/radio-group.cjs

@@ -11,6 +11,7 @@ const radioGroupItemHiddenInput = require('./radio-group-item-hidden-input.cjs')
 const radioGroupItemText = require('./radio-group-item-text.cjs');
 const radioGroupLabel = require('./radio-group-label.cjs');
 const radioGroupRoot = require('./radio-group-root.cjs');
+const radioGroupRootProvider = require('./radio-group-root-provider.cjs');
 
 
 
@@ -23,3 +24,4 @@ exports.ItemHiddenInput = radioGroupItemHiddenInput.RadioGroupItemHiddenInput;
 exports.ItemText = radioGroupItemText.RadioGroupItemText;
 exports.Label = radioGroupLabel.RadioGroupLabel;
 exports.Root = radioGroupRoot.RadioGroupRoot;
+exports.RootProvider = radioGroupRootProvider.RadioGroupRootProvider;

package/dist/components/radio-group/radio-group.d.cts

@@ -8,3 +8,4 @@ export { RadioGroupItemHiddenInput as ItemHiddenInput, type RadioGroupItemHidden
 export { RadioGroupItemText as ItemText, type RadioGroupItemTextProps as ItemTextProps, } from './radio-group-item-text';
 export { RadioGroupLabel as Label, type RadioGroupLabelProps as LabelProps, } from './radio-group-label';
 export { RadioGroupRoot as Root, type RadioGroupRootProps as RootProps } from './radio-group-root';
+export { RadioGroupRootProvider as RootProvider, type RadioGroupRootProviderProps as RootProviderProps, } from './radio-group-root-provider';

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

@@ -8,3 +8,4 @@ export { RadioGroupItemHiddenInput as ItemHiddenInput, type RadioGroupItemHidden
 export { RadioGroupItemText as ItemText, type RadioGroupItemTextProps as ItemTextProps, } from './radio-group-item-text';
 export { RadioGroupLabel as Label, type RadioGroupLabelProps as LabelProps, } from './radio-group-label';
 export { RadioGroupRoot as Root, type RadioGroupRootProps as RootProps } from './radio-group-root';
+export { RadioGroupRootProvider as RootProvider, type RadioGroupRootProviderProps as RootProviderProps, } from './radio-group-root-provider';

package/dist/components/radio-group/radio-group.js

@@ -7,3 +7,4 @@ export { RadioGroupItemHiddenInput as ItemHiddenInput } from './radio-group-item
 export { RadioGroupItemText as ItemText } from './radio-group-item-text.js';
 export { RadioGroupLabel as Label } from './radio-group-label.js';
 export { RadioGroupRoot as Root } from './radio-group-root.js';
+export { RadioGroupRootProvider as RootProvider } from './radio-group-root-provider.js';

package/dist/components/rating-group/index.cjs

@@ -4,12 +4,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const ratingGroupContext = require('./rating-group-context.cjs');
 const ratingGroupControl = require('./rating-group-control.cjs');
+const ratingGroupHiddenInput = require('./rating-group-hidden-input.cjs');
 const ratingGroupItem = require('./rating-group-item.cjs');
 const ratingGroupItemContext = require('./rating-group-item-context.cjs');
 const ratingGroupLabel = require('./rating-group-label.cjs');
 const ratingGroupRoot = require('./rating-group-root.cjs');
+const ratingGroupRootProvider = require('./rating-group-root-provider.cjs');
+const useRatingGroup = require('./use-rating-group.cjs');
 const useRatingGroupContext = require('./use-rating-group-context.cjs');
-const ratingGroupHiddenInput = require('./rating-group-hidden-input.cjs');
 const useRatingGroupItemContext = require('./use-rating-group-item-context.cjs');
 const ratingGroup = require('./rating-group.cjs');
 
@@ -17,11 +19,13 @@ const ratingGroup = require('./rating-group.cjs');
 
 exports.RatingGroupContext = ratingGroupContext.RatingGroupContext;
 exports.RatingGroupControl = ratingGroupControl.RatingGroupControl;
+exports.RatingGroupHiddenInput = ratingGroupHiddenInput.RatingGroupHiddenInput;
 exports.RatingGroupItem = ratingGroupItem.RatingGroupItem;
 exports.RatingGroupItemContext = ratingGroupItemContext.RatingGroupItemContext;
 exports.RatingGroupLabel = ratingGroupLabel.RatingGroupLabel;
 exports.RatingGroupRoot = ratingGroupRoot.RatingGroupRoot;
+exports.RatingGroupRootProvider = ratingGroupRootProvider.RatingGroupRootProvider;
+exports.useRatingGroup = useRatingGroup.useRatingGroup;
 exports.useRatingGroupContext = useRatingGroupContext.useRatingGroupContext;
-exports.RatingGroupHiddenInput = ratingGroupHiddenInput.RatingGroupHiddenInput;
 exports.useRatingGroupItemContext = useRatingGroupItemContext.useRatingGroupItemContext;
 exports.RatingGroup = ratingGroup;