@ark-ui/react 1.2.1 → 2.0.0

package/progress/progress-circle.cjs

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const progressContext = require('./progress-context.cjs');
+
+const ProgressCircle = (props) => {
+  const api = progressContext.useProgressContext();
+  const mergedProps = react.mergeProps(api.circleProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.svg, { ...mergedProps });
+};
+ProgressCircle.displayName = "ProgressCircle";
+
+exports.ProgressCircle = ProgressCircle;

package/progress/progress-circle.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from 'react/jsx-runtime';
+import { type HTMLArkProps } from '../factory';
+export interface ProgressCircleProps extends HTMLArkProps<'svg'> {
+}
+export declare const ProgressCircle: {
+    (props: ProgressCircleProps): JSX.Element;
+    displayName: string;
+};

package/progress/progress-circle.mjs

@@ -0,0 +1,14 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { useProgressContext } from './progress-context.mjs';
+
+const ProgressCircle = (props) => {
+  const api = useProgressContext();
+  const mergedProps = mergeProps(api.circleProps, props);
+  return /* @__PURE__ */ jsx(ark.svg, { ...mergedProps });
+};
+ProgressCircle.displayName = "ProgressCircle";
+
+export { ProgressCircle };

package/progress/progress-context.cjs

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../create-context.cjs');
+
+const [ProgressProvider, useProgressContext] = createContext.createContext({
+  name: "ProgressContext",
+  hookName: "useProgressContext",
+  providerName: "<ProgressProvider />"
+});
+
+exports.ProgressProvider = ProgressProvider;
+exports.useProgressContext = useProgressContext;

package/progress/progress-context.d.ts

@@ -0,0 +1,6 @@
+import { Provider } from 'react';
+/// <reference types="react" />
+import { type UseProgressReturn } from './use-progress';
+export interface ProgressContext extends UseProgressReturn {
+}
+export declare const ProgressProvider: Provider<ProgressContext>, useProgressContext: () => ProgressContext;

package/progress/progress-context.mjs

@@ -0,0 +1,10 @@
+'use client';
+import { createContext } from '../create-context.mjs';
+
+const [ProgressProvider, useProgressContext] = createContext({
+  name: "ProgressContext",
+  hookName: "useProgressContext",
+  providerName: "<ProgressProvider />"
+});
+
+export { ProgressProvider, useProgressContext };

package/progress/progress-label.cjs

@@ -0,0 +1,19 @@
+'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 factory = require('../factory.cjs');
+const progressContext = require('./progress-context.cjs');
+
+const ProgressLabel = react.forwardRef((props, ref) => {
+  const api = progressContext.useProgressContext();
+  const mergedProps = react$1.mergeProps(api.labelProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
+});
+ProgressLabel.displayName = "ProgressLabel";
+
+exports.ProgressLabel = ProgressLabel;

package/progress/progress-label.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export interface ProgressLabelProps extends HTMLArkProps<'label'> {
+}
+export declare const ProgressLabel: ForwardRefExoticComponent<ProgressLabelProps & RefAttributes<HTMLLabelElement>>;

package/progress/progress-label.mjs

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.mjs';
+import { useProgressContext } from './progress-context.mjs';
+
+const ProgressLabel = forwardRef((props, ref) => {
+  const api = useProgressContext();
+  const mergedProps = mergeProps(api.labelProps, props);
+  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
+});
+ProgressLabel.displayName = "ProgressLabel";
+
+export { ProgressLabel };

package/progress/progress-range.cjs

@@ -0,0 +1,19 @@
+'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 factory = require('../factory.cjs');
+const progressContext = require('./progress-context.cjs');
+
+const ProgressRange = react.forwardRef((props, ref) => {
+  const api = progressContext.useProgressContext();
+  const mergedProps = react$1.mergeProps(api.rangeProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+ProgressRange.displayName = "ProgressRange";
+
+exports.ProgressRange = ProgressRange;

package/progress/progress-range.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export interface ProgressRangeProps extends HTMLArkProps<'div'> {
+}
+export declare const ProgressRange: ForwardRefExoticComponent<ProgressRangeProps & RefAttributes<HTMLDivElement>>;

package/progress/progress-range.mjs

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.mjs';
+import { useProgressContext } from './progress-context.mjs';
+
+const ProgressRange = forwardRef((props, ref) => {
+  const api = useProgressContext();
+  const mergedProps = mergeProps(api.rangeProps, props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+ProgressRange.displayName = "ProgressRange";
+
+export { ProgressRange };

package/progress/progress-root.cjs

@@ -0,0 +1,34 @@
+'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('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const runIfFn = require('../run-if-fn.cjs');
+const progressContext = require('./progress-context.cjs');
+const useProgress = require('./use-progress.cjs');
+
+const ProgressRoot = react.forwardRef((props, ref) => {
+  const [progressProps, { children, ...localProps }] = createSplitProps.createSplitProps()(props, [
+    "defaultValue",
+    "dir",
+    "getRootNode",
+    "id",
+    "max",
+    "min",
+    "orientation",
+    "translations",
+    "value"
+  ]);
+  const api = useProgress.useProgress(progressProps);
+  const mergedProps = react$1.mergeProps(api.rootProps, localProps);
+  const view = runIfFn.runIfFn(children, api);
+  return /* @__PURE__ */ jsxRuntime.jsx(progressContext.ProgressProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: view }) });
+});
+ProgressRoot.displayName = "ProgressRoot";
+
+exports.ProgressRoot = ProgressRoot;

package/progress/progress-root.d.ts

@@ -0,0 +1,9 @@
+import { ForwardRefExoticComponent, RefAttributes, type ReactNode } from 'react';
+import { type HTMLArkProps } from '../factory';
+import { type Assign } from '../types';
+import { type UseProgressProps, type UseProgressReturn } from './use-progress';
+export interface ProgressRootProps extends Assign<Assign<HTMLArkProps<'div'>, {
+    children?: ReactNode | ((api: UseProgressReturn) => ReactNode);
+}>, UseProgressProps> {
+}
+export declare const ProgressRoot: ForwardRefExoticComponent<ProgressRootProps & RefAttributes<HTMLDivElement>>;

package/progress/progress-root.mjs

@@ -0,0 +1,30 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { runIfFn } from '../run-if-fn.mjs';
+import { ProgressProvider } from './progress-context.mjs';
+import { useProgress } from './use-progress.mjs';
+
+const ProgressRoot = forwardRef((props, ref) => {
+  const [progressProps, { children, ...localProps }] = createSplitProps()(props, [
+    "defaultValue",
+    "dir",
+    "getRootNode",
+    "id",
+    "max",
+    "min",
+    "orientation",
+    "translations",
+    "value"
+  ]);
+  const api = useProgress(progressProps);
+  const mergedProps = mergeProps(api.rootProps, localProps);
+  const view = runIfFn(children, api);
+  return /* @__PURE__ */ jsx(ProgressProvider, { value: api, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: view }) });
+});
+ProgressRoot.displayName = "ProgressRoot";
+
+export { ProgressRoot };

package/progress/progress-track.cjs

@@ -0,0 +1,19 @@
+'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 factory = require('../factory.cjs');
+const progressContext = require('./progress-context.cjs');
+
+const ProgressTrack = react.forwardRef((props, ref) => {
+  const api = progressContext.useProgressContext();
+  const mergedProps = react$1.mergeProps(api.trackProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+ProgressTrack.displayName = "ProgressTrack";
+
+exports.ProgressTrack = ProgressTrack;

package/progress/progress-track.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export interface ProgressTrackProps extends HTMLArkProps<'div'> {
+}
+export declare const ProgressTrack: ForwardRefExoticComponent<ProgressTrackProps & RefAttributes<HTMLDivElement>>;

package/progress/progress-track.mjs

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.mjs';
+import { useProgressContext } from './progress-context.mjs';
+
+const ProgressTrack = forwardRef((props, ref) => {
+  const api = useProgressContext();
+  const mergedProps = mergeProps(api.trackProps, props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+ProgressTrack.displayName = "ProgressTrack";
+
+export { ProgressTrack };

package/progress/progress-value-text.cjs

@@ -0,0 +1,22 @@
+'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 factory = require('../factory.cjs');
+const progressContext = require('./progress-context.cjs');
+
+const ProgressValueText = react.forwardRef(
+  (props, ref) => {
+    const { children, ...rest } = props;
+    const api = progressContext.useProgressContext();
+    const mergedProps = react$1.mergeProps(api.valueTextProps, rest);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children: children || api.valueAsString });
+  }
+);
+ProgressValueText.displayName = "ProgressValueText";
+
+exports.ProgressValueText = ProgressValueText;

package/progress/progress-value-text.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export interface ProgressValueTextProps extends HTMLArkProps<'span'> {
+}
+export declare const ProgressValueText: ForwardRefExoticComponent<ProgressValueTextProps & RefAttributes<HTMLSpanElement>>;

package/progress/progress-value-text.mjs

@@ -0,0 +1,18 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.mjs';
+import { useProgressContext } from './progress-context.mjs';
+
+const ProgressValueText = forwardRef(
+  (props, ref) => {
+    const { children, ...rest } = props;
+    const api = useProgressContext();
+    const mergedProps = mergeProps(api.valueTextProps, rest);
+    return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: children || api.valueAsString });
+  }
+);
+ProgressValueText.displayName = "ProgressValueText";
+
+export { ProgressValueText };

package/progress/progress-view.cjs

@@ -0,0 +1,20 @@
+'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 factory = require('../factory.cjs');
+const progressContext = require('./progress-context.cjs');
+
+const ProgressView = react.forwardRef((props, ref) => {
+  const { state, ...rest } = props;
+  const api = progressContext.useProgressContext();
+  const mergedProps = react$1.mergeProps(api.getViewProps({ state }), rest);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref });
+});
+ProgressView.displayName = "ProgressView";
+
+exports.ProgressView = ProgressView;

package/progress/progress-view.d.ts

@@ -0,0 +1,8 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import type { ViewProps } from '@zag-js/progress';
+import { type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export interface ProgressViewProps extends Assign<HTMLArkProps<'span'>, ViewProps> {
+}
+export declare const ProgressView: ForwardRefExoticComponent<ProgressViewProps & RefAttributes<HTMLSpanElement>>;

package/progress/progress-view.mjs

@@ -0,0 +1,16 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.mjs';
+import { useProgressContext } from './progress-context.mjs';
+
+const ProgressView = forwardRef((props, ref) => {
+  const { state, ...rest } = props;
+  const api = useProgressContext();
+  const mergedProps = mergeProps(api.getViewProps({ state }), rest);
+  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });
+});
+ProgressView.displayName = "ProgressView";
+
+export { ProgressView };

package/progress/stories/circular-progress.stories.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const InitialValue: () => JSX.Element;
+export declare const MinMax: () => JSX.Element;
+export declare const Indeterminate: () => JSX.Element;
+export declare const ValueText: () => JSX.Element;

package/progress/stories/linear-progress.stories.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const InitialValue: () => JSX.Element;
+export declare const MinMax: () => JSX.Element;
+export declare const Indeterminate: () => JSX.Element;
+export declare const ValueText: () => JSX.Element;
+export declare const Vertical: () => JSX.Element;

package/progress/tests/basic.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react/jsx-runtime';
+import { type ProgressRootProps } from '../';
+export declare const ComponentUnderTest: (props: ProgressRootProps) => JSX.Element;

package/progress/use-progress.cjs

@@ -0,0 +1,45 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const progress = require('@zag-js/progress');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const environmentContext = require('../environment/environment-context.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const progress__namespace = /*#__PURE__*/_interopNamespaceDefault(progress);
+
+const useProgress = (props) => {
+  const initialContext = {
+    id: react.useId(),
+    getRootNode: environmentContext.useEnvironmentContext(),
+    ...props,
+    value: props.defaultValue
+  };
+  const context = {
+    ...initialContext,
+    value: props.value
+  };
+  const [state, send] = react$1.useMachine(progress__namespace.machine(initialContext), { context });
+  return progress__namespace.connect(state, send, react$1.normalizeProps);
+};
+
+exports.useProgress = useProgress;

package/progress/use-progress.d.ts

@@ -0,0 +1,12 @@
+import * as progress from '@zag-js/progress';
+import { type PropTypes } from '@zag-js/react';
+import { type Optional } from '../types';
+export interface UseProgressProps extends Optional<progress.Context, 'id'> {
+    /**
+     * The initial value of the progress.
+     */
+    defaultValue?: progress.Context['value'];
+}
+export interface UseProgressReturn extends progress.Api<PropTypes> {
+}
+export declare const useProgress: (props: UseProgressProps) => UseProgressReturn;

package/progress/use-progress.mjs

@@ -0,0 +1,22 @@
+'use client';
+import * as progress from '@zag-js/progress';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import { useId } from 'react';
+import { useEnvironmentContext } from '../environment/environment-context.mjs';
+
+const useProgress = (props) => {
+  const initialContext = {
+    id: useId(),
+    getRootNode: useEnvironmentContext(),
+    ...props,
+    value: props.defaultValue
+  };
+  const context = {
+    ...initialContext,
+    value: props.value
+  };
+  const [state, send] = useMachine(progress.machine(initialContext), { context });
+  return progress.connect(state, send, normalizeProps);
+};
+
+export { useProgress };

package/radio-group/index.cjs

@@ -3,7 +3,6 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const radioGroup = require('./radio-group.cjs');
 const radioGroupContext = require('./radio-group-context.cjs');
 const radioGroupIndicator = require('./radio-group-indicator.cjs');
 const radioGroupItem = require('./radio-group-item.cjs');
@@ -11,15 +10,16 @@ const radioGroupItemContext = require('./radio-group-item-context.cjs');
 const radioGroupItemControl = require('./radio-group-item-control.cjs');
 const radioGroupItemText = require('./radio-group-item-text.cjs');
 const radioGroupLabel = require('./radio-group-label.cjs');
+const radioGroupRoot = require('./radio-group-root.cjs');
 
-const RadioGroup = Object.assign(radioGroup.RadioGroup, {
-  Root: radioGroup.RadioGroup,
+const RadioGroup = {
+  Root: radioGroupRoot.RadioGroupRoot,
   Indicator: radioGroupIndicator.RadioGroupIndicator,
   Item: radioGroupItem.RadioGroupItem,
   ItemControl: radioGroupItemControl.RadioGroupItemControl,
   ItemText: radioGroupItemText.RadioGroupItemText,
   Label: radioGroupLabel.RadioGroupLabel
-});
+};
 
 exports.useRadioGroupContext = radioGroupContext.useRadioGroupContext;
 exports.RadioGroupItem = radioGroupItem.RadioGroupItem;
@@ -27,4 +27,5 @@ exports.useRadioGroupItemContext = radioGroupItemContext.useRadioGroupItemContex
 exports.RadioGroupItemControl = radioGroupItemControl.RadioGroupItemControl;
 exports.RadioGroupItemText = radioGroupItemText.RadioGroupItemText;
 exports.RadioGroupLabel = radioGroupLabel.RadioGroupLabel;
+exports.RadioGroupRoot = radioGroupRoot.RadioGroupRoot;
 exports.RadioGroup = RadioGroup;

package/radio-group/index.d.ts

@@ -1,6 +1,6 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
-import { type RadioGroupProps } from './radio-group';
+import type { ValueChangeDetails as RadioGroupValueChangeDetails } from '@zag-js/radio-group';
 import { useRadioGroupContext, type RadioGroupContext } from './radio-group-context';
 import { type RadioGroupIndicatorProps } from './radio-group-indicator';
 import { RadioGroupItem, type RadioGroupItemProps } from './radio-group-item';
@@ -8,13 +8,14 @@ import { useRadioGroupItemContext, type RadioGroupItemContext } from './radio-gr
 import { RadioGroupItemControl, type RadioGroupItemControlProps } from './radio-group-item-control';
 import { RadioGroupItemText, type RadioGroupItemTextProps } from './radio-group-item-text';
 import { RadioGroupLabel, type RadioGroupLabelProps } from './radio-group-label';
-declare const RadioGroup: ForwardRefExoticComponent<RadioGroupProps & RefAttributes<HTMLDivElement>> & {
-    Root: ForwardRefExoticComponent<RadioGroupProps & RefAttributes<HTMLDivElement>>;
+import { RadioGroupRoot, type RadioGroupRootProps } from './radio-group-root';
+export declare const RadioGroup: {
+    Root: ForwardRefExoticComponent<RadioGroupRootProps & RefAttributes<HTMLDivElement>>;
     Indicator: ForwardRefExoticComponent<RadioGroupIndicatorProps & RefAttributes<HTMLDivElement>>;
     Item: ForwardRefExoticComponent<RadioGroupItemProps & RefAttributes<HTMLLabelElement>>;
     ItemControl: ForwardRefExoticComponent<RadioGroupItemControlProps & RefAttributes<HTMLDivElement>>;
     ItemText: ForwardRefExoticComponent<RadioGroupItemTextProps & RefAttributes<HTMLSpanElement>>;
     Label: ForwardRefExoticComponent<RadioGroupLabelProps & RefAttributes<HTMLLabelElement>>;
 };
-export { RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, useRadioGroupContext, useRadioGroupItemContext, };
-export type { RadioGroupContext, RadioGroupIndicatorProps, RadioGroupItemContext, RadioGroupItemControlProps, RadioGroupItemProps, RadioGroupItemTextProps, RadioGroupLabelProps, RadioGroupProps, };
+export { RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, useRadioGroupContext, useRadioGroupItemContext, };
+export type { RadioGroupContext, RadioGroupIndicatorProps, RadioGroupItemContext, RadioGroupItemControlProps, RadioGroupItemProps, RadioGroupItemTextProps, RadioGroupLabelProps, RadioGroupRootProps, RadioGroupValueChangeDetails, };

package/radio-group/index.mjs

@@ -1,5 +1,4 @@
 'use client';
-import { RadioGroup as RadioGroup$1 } from './radio-group.mjs';
 export { useRadioGroupContext } from './radio-group-context.mjs';
 import { RadioGroupIndicator } from './radio-group-indicator.mjs';
 import { RadioGroupItem } from './radio-group-item.mjs';
@@ -7,14 +6,15 @@ export { useRadioGroupItemContext } from './radio-group-item-context.mjs';
 import { RadioGroupItemControl } from './radio-group-item-control.mjs';
 import { RadioGroupItemText } from './radio-group-item-text.mjs';
 import { RadioGroupLabel } from './radio-group-label.mjs';
+import { RadioGroupRoot } from './radio-group-root.mjs';
 
-const RadioGroup = Object.assign(RadioGroup$1, {
-  Root: RadioGroup$1,
+const RadioGroup = {
+  Root: RadioGroupRoot,
   Indicator: RadioGroupIndicator,
   Item: RadioGroupItem,
   ItemControl: RadioGroupItemControl,
   ItemText: RadioGroupItemText,
   Label: RadioGroupLabel
-});
+};
 
-export { RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel };
+export { RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot };

package/radio-group/{radio-group.cjs → radio-group-root.cjs}

@@ -11,7 +11,7 @@ const factory = require('../factory.cjs');
 const radioGroupContext = require('./radio-group-context.cjs');
 const useRadioGroup = require('./use-radio-group.cjs');
 
-const RadioGroup = react.forwardRef((props, ref) => {
+const RadioGroupRoot = react.forwardRef((props, ref) => {
   const [useRadioGroupProps, localProps] = createSplitProps.createSplitProps()(props, [
     "defaultValue",
     "dir",
@@ -29,6 +29,6 @@ const RadioGroup = react.forwardRef((props, ref) => {
   const mergedProps = react$1.mergeProps(api.rootProps, localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(radioGroupContext.RadioGroupProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
 });
-RadioGroup.displayName = "RadioGroup";
+RadioGroupRoot.displayName = "RadioGroupRoot";
 
-exports.RadioGroup = RadioGroup;
+exports.RadioGroupRoot = RadioGroupRoot;

package/radio-group/{radio-group.d.ts → radio-group-root.d.ts}

@@ -3,6 +3,6 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { type HTMLArkProps } from '../factory';
 import { type Assign } from '../types';
 import { type UseRadioGroupProps } from './use-radio-group';
-export interface RadioGroupProps extends Assign<HTMLArkProps<'div'>, UseRadioGroupProps> {
+export interface RadioGroupRootProps extends Assign<HTMLArkProps<'div'>, UseRadioGroupProps> {
 }
-export declare const RadioGroup: ForwardRefExoticComponent<RadioGroupProps & RefAttributes<HTMLDivElement>>;
+export declare const RadioGroupRoot: ForwardRefExoticComponent<RadioGroupRootProps & RefAttributes<HTMLDivElement>>;

package/radio-group/{radio-group.mjs → radio-group-root.mjs}

@@ -7,7 +7,7 @@ import { ark } from '../factory.mjs';
 import { RadioGroupProvider } from './radio-group-context.mjs';
 import { useRadioGroup } from './use-radio-group.mjs';
 
-const RadioGroup = forwardRef((props, ref) => {
+const RadioGroupRoot = forwardRef((props, ref) => {
   const [useRadioGroupProps, localProps] = createSplitProps()(props, [
     "defaultValue",
     "dir",
@@ -25,6 +25,6 @@ const RadioGroup = forwardRef((props, ref) => {
   const mergedProps = mergeProps(api.rootProps, localProps);
   return /* @__PURE__ */ jsx(RadioGroupProvider, { value: api, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
 });
-RadioGroup.displayName = "RadioGroup";
+RadioGroupRoot.displayName = "RadioGroupRoot";
 
-export { RadioGroup };
+export { RadioGroupRoot };