@ark-ui/react 4.9.1 → 5.0.0

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

@@ -8,7 +8,6 @@ const react$1 = require('@zag-js/react');
 const react = require('react');
 const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
 const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
-const useEvent = require('../../utils/use-event.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -30,22 +29,18 @@ function _interopNamespaceDefault(e) {
 const progress__namespace = /*#__PURE__*/_interopNamespaceDefault(progress);
 
 const useProgress = (props = {}) => {
+  const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
-  const { dir } = useLocaleContext.useLocaleContext();
-  const initialContext = {
-    id: react.useId(),
+  const { dir, locale } = useLocaleContext.useLocaleContext();
+  const machineProps = {
+    id,
     dir,
+    locale,
     getRootNode,
-    value: props.defaultValue,
     ...props
   };
-  const context = {
-    ...initialContext,
-    value: props.value,
-    onValueChange: useEvent.useEvent(props.onValueChange, { sync: true })
-  };
-  const [state, send] = react$1.useMachine(progress__namespace.machine(initialContext), { context });
-  return progress__namespace.connect(state, send, react$1.normalizeProps);
+  const service = react$1.useMachine(progress__namespace.machine, machineProps);
+  return progress__namespace.connect(service, react$1.normalizeProps);
 };
 
 exports.useProgress = useProgress;

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

@@ -1,12 +1,7 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as progress from '@zag-js/progress';
-export interface UseProgressProps extends Optional<Omit<progress.Context, 'dir' | 'getRootNode'>, 'id'> {
-    /**
-     * The initial value of the progress when it is first rendered.
-     * Use when you do not need to control the state of the progress.
-     */
-    defaultValue?: progress.Context['value'];
+export interface UseProgressProps extends Optional<Omit<progress.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 export interface UseProgressReturn extends progress.Api<PropTypes> {
 }

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

@@ -1,12 +1,7 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as progress from '@zag-js/progress';
-export interface UseProgressProps extends Optional<Omit<progress.Context, 'dir' | 'getRootNode'>, 'id'> {
-    /**
-     * The initial value of the progress when it is first rendered.
-     * Use when you do not need to control the state of the progress.
-     */
-    defaultValue?: progress.Context['value'];
+export interface UseProgressProps extends Optional<Omit<progress.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 export interface UseProgressReturn extends progress.Api<PropTypes> {
 }

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

@@ -4,25 +4,20 @@ import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
-import { useEvent } from '../../utils/use-event.js';
 
 const useProgress = (props = {}) => {
+  const id = useId();
   const { getRootNode } = useEnvironmentContext();
-  const { dir } = useLocaleContext();
-  const initialContext = {
-    id: useId(),
+  const { dir, locale } = useLocaleContext();
+  const machineProps = {
+    id,
     dir,
+    locale,
     getRootNode,
-    value: props.defaultValue,
     ...props
   };
-  const context = {
-    ...initialContext,
-    value: props.value,
-    onValueChange: useEvent(props.onValueChange, { sync: true })
-  };
-  const [state, send] = useMachine(progress.machine(initialContext), { context });
-  return progress.connect(state, send, normalizeProps);
+  const service = useMachine(progress.machine, machineProps);
+  return progress.connect(service, normalizeProps);
 };
 
 export { useProgress };

package/dist/components/qr-code/index.d.cts

@@ -2,8 +2,8 @@ export type { QrCodeGenerateOptions, QrCodeGenerateResult } from '@zag-js/qr-cod
 export { QrCodeContext, type QrCodeContextProps } from './qr-code-context';
 export { QrCodeDownloadTrigger, type QrCodeDownloadTriggerBaseProps, type QrCodeDownloadTriggerProps, } from './qr-code-download-trigger';
 export { QrCodeFrame, type QrCodeFrameBaseProps, type QrCodeFrameProps } from './qr-code-frame';
-export { QrCodeOverlay, type QrCodeOverlayBaseProps, type QrCodeOverlayProps, } from './qr-code-overlay';
-export { QrCodePattern, type QrCodePatternBaseProps, type QrCodePatternProps, } from './qr-code-pattern';
+export { QrCodeOverlay, type QrCodeOverlayBaseProps, type QrCodeOverlayProps } from './qr-code-overlay';
+export { QrCodePattern, type QrCodePatternBaseProps, type QrCodePatternProps } from './qr-code-pattern';
 export { QrCodeRoot, type QrCodeRootBaseProps, type QrCodeRootProps } from './qr-code-root';
 export { QrCodeRootProvider, type QrCodeRootProviderBaseProps, type QrCodeRootProviderProps, } from './qr-code-root-provider';
 export { qrCodeAnatomy } from './qr-code.anatomy';

package/dist/components/qr-code/index.d.ts

@@ -2,8 +2,8 @@ export type { QrCodeGenerateOptions, QrCodeGenerateResult } from '@zag-js/qr-cod
 export { QrCodeContext, type QrCodeContextProps } from './qr-code-context';
 export { QrCodeDownloadTrigger, type QrCodeDownloadTriggerBaseProps, type QrCodeDownloadTriggerProps, } from './qr-code-download-trigger';
 export { QrCodeFrame, type QrCodeFrameBaseProps, type QrCodeFrameProps } from './qr-code-frame';
-export { QrCodeOverlay, type QrCodeOverlayBaseProps, type QrCodeOverlayProps, } from './qr-code-overlay';
-export { QrCodePattern, type QrCodePatternBaseProps, type QrCodePatternProps, } from './qr-code-pattern';
+export { QrCodeOverlay, type QrCodeOverlayBaseProps, type QrCodeOverlayProps } from './qr-code-overlay';
+export { QrCodePattern, type QrCodePatternBaseProps, type QrCodePatternProps } from './qr-code-pattern';
 export { QrCodeRoot, type QrCodeRootBaseProps, type QrCodeRootProps } from './qr-code-root';
 export { QrCodeRootProvider, type QrCodeRootProviderBaseProps, type QrCodeRootProviderProps, } from './qr-code-root-provider';
 export { qrCodeAnatomy } from './qr-code.anatomy';

package/dist/components/qr-code/qr-code-download-trigger.cjs

@@ -10,18 +10,16 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useQrCodeContext = require('./use-qr-code-context.cjs');
 
-const QrCodeDownloadTrigger = react.forwardRef(
-  (props, ref) => {
-    const [downloadTriggerProps, localProps] = createSplitProps.createSplitProps()(props, [
-      "fileName",
-      "mimeType",
-      "quality"
-    ]);
-    const qrCode = useQrCodeContext.useQrCodeContext();
-    const mergedProps = react$1.mergeProps(qrCode.getDownloadTriggerProps(downloadTriggerProps), localProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-  }
-);
+const QrCodeDownloadTrigger = react.forwardRef((props, ref) => {
+  const [downloadTriggerProps, localProps] = createSplitProps.createSplitProps()(props, [
+    "fileName",
+    "mimeType",
+    "quality"
+  ]);
+  const qrCode = useQrCodeContext.useQrCodeContext();
+  const mergedProps = react$1.mergeProps(qrCode.getDownloadTriggerProps(downloadTriggerProps), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
 QrCodeDownloadTrigger.displayName = "QrCodeDownloadTrigger";
 
 exports.QrCodeDownloadTrigger = QrCodeDownloadTrigger;

package/dist/components/qr-code/qr-code-download-trigger.js

@@ -6,18 +6,16 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useQrCodeContext } from './use-qr-code-context.js';
 
-const QrCodeDownloadTrigger = forwardRef(
-  (props, ref) => {
-    const [downloadTriggerProps, localProps] = createSplitProps()(props, [
-      "fileName",
-      "mimeType",
-      "quality"
-    ]);
-    const qrCode = useQrCodeContext();
-    const mergedProps = mergeProps(qrCode.getDownloadTriggerProps(downloadTriggerProps), localProps);
-    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-  }
-);
+const QrCodeDownloadTrigger = forwardRef((props, ref) => {
+  const [downloadTriggerProps, localProps] = createSplitProps()(props, [
+    "fileName",
+    "mimeType",
+    "quality"
+  ]);
+  const qrCode = useQrCodeContext();
+  const mergedProps = mergeProps(qrCode.getDownloadTriggerProps(downloadTriggerProps), localProps);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
 QrCodeDownloadTrigger.displayName = "QrCodeDownloadTrigger";
 
 export { QrCodeDownloadTrigger };

package/dist/components/qr-code/qr-code-root-provider.cjs

@@ -10,13 +10,11 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useQrCodeContext = require('./use-qr-code-context.cjs');
 
-const QrCodeRootProvider = react.forwardRef(
-  (props, ref) => {
-    const [{ value: qrCode }, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
-    const mergedProps = react$1.mergeProps(qrCode.getRootProps(), localProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(useQrCodeContext.QrCodeProvider, { value: qrCode, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
-  }
-);
+const QrCodeRootProvider = react.forwardRef((props, ref) => {
+  const [{ value: qrCode }, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
+  const mergedProps = react$1.mergeProps(qrCode.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useQrCodeContext.QrCodeProvider, { value: qrCode, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
 QrCodeRootProvider.displayName = "QrCodeRootProvider";
 
 exports.QrCodeRootProvider = QrCodeRootProvider;

package/dist/components/qr-code/qr-code-root-provider.js

@@ -6,13 +6,11 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { QrCodeProvider } from './use-qr-code-context.js';
 
-const QrCodeRootProvider = forwardRef(
-  (props, ref) => {
-    const [{ value: qrCode }, localProps] = createSplitProps()(props, ["value"]);
-    const mergedProps = mergeProps(qrCode.getRootProps(), localProps);
-    return /* @__PURE__ */ jsx(QrCodeProvider, { value: qrCode, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
-  }
-);
+const QrCodeRootProvider = forwardRef((props, ref) => {
+  const [{ value: qrCode }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(qrCode.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(QrCodeProvider, { value: qrCode, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
 QrCodeRootProvider.displayName = "QrCodeRootProvider";
 
 export { QrCodeRootProvider };

package/dist/components/qr-code/qr-code-root.cjs

@@ -18,6 +18,7 @@ const QrCodeRoot = react.forwardRef((props, ref) => {
     "id",
     "ids",
     "onValueChange",
+    "pixelSize",
     "value"
   ]);
   const qrCode = useQrCode.useQrCode(qrcodeProps);

package/dist/components/qr-code/qr-code-root.js

@@ -14,6 +14,7 @@ const QrCodeRoot = forwardRef((props, ref) => {
     "id",
     "ids",
     "onValueChange",
+    "pixelSize",
     "value"
   ]);
   const qrCode = useQrCode(qrcodeProps);

package/dist/components/qr-code/qr-code.d.cts

@@ -1,5 +1,5 @@
-export type { QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult as GenerateResult, } from '@zag-js/qr-code';
-export { QrCodeContext as Context, type QrCodeContextProps as ContextProps, } from './qr-code-context';
+export type { QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult as GenerateResult } from '@zag-js/qr-code';
+export { QrCodeContext as Context, type QrCodeContextProps as ContextProps } from './qr-code-context';
 export { QrCodeDownloadTrigger as DownloadTrigger, type QrCodeDownloadTriggerBaseProps as DownloadTriggerBaseProps, type QrCodeDownloadTriggerProps as DownloadTriggerProps, } from './qr-code-download-trigger';
 export { QrCodeFrame as Frame, type QrCodeFrameBaseProps as FrameBaseProps, type QrCodeFrameProps as FrameProps, } from './qr-code-frame';
 export { QrCodeOverlay as Overlay, type QrCodeOverlayBaseProps as OverlayBaseProps, type QrCodeOverlayProps as OverlayProps, } from './qr-code-overlay';

package/dist/components/qr-code/qr-code.d.ts

@@ -1,5 +1,5 @@
-export type { QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult as GenerateResult, } from '@zag-js/qr-code';
-export { QrCodeContext as Context, type QrCodeContextProps as ContextProps, } from './qr-code-context';
+export type { QrCodeGenerateOptions as GenerateOptions, QrCodeGenerateResult as GenerateResult } from '@zag-js/qr-code';
+export { QrCodeContext as Context, type QrCodeContextProps as ContextProps } from './qr-code-context';
 export { QrCodeDownloadTrigger as DownloadTrigger, type QrCodeDownloadTriggerBaseProps as DownloadTriggerBaseProps, type QrCodeDownloadTriggerProps as DownloadTriggerProps, } from './qr-code-download-trigger';
 export { QrCodeFrame as Frame, type QrCodeFrameBaseProps as FrameBaseProps, type QrCodeFrameProps as FrameProps, } from './qr-code-frame';
 export { QrCodeOverlay as Overlay, type QrCodeOverlayBaseProps as OverlayBaseProps, type QrCodeOverlayProps as OverlayProps, } from './qr-code-overlay';

package/dist/components/qr-code/use-qr-code.cjs

@@ -8,7 +8,6 @@ const react$1 = require('@zag-js/react');
 const react = require('react');
 const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
 const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
-const useEvent = require('../../utils/use-event.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -30,23 +29,17 @@ function _interopNamespaceDefault(e) {
 const qrcode__namespace = /*#__PURE__*/_interopNamespaceDefault(qrcode);
 
 const useQrCode = (props = {}) => {
+  const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
-  const initialContext = {
-    id: react.useId(),
+  const machineProps = {
+    id,
     dir,
-    value: props.defaultValue,
     getRootNode,
-    onValueChange: useEvent.useEvent(props.onValueChange, { sync: true }),
     ...props
   };
-  const context = {
-    ...initialContext,
-    value: props.value,
-    onValueChange: useEvent.useEvent(props.onValueChange, { sync: true })
-  };
-  const [state, send] = react$1.useMachine(qrcode__namespace.machine(initialContext), { context });
-  return qrcode__namespace.connect(state, send, react$1.normalizeProps);
+  const service = react$1.useMachine(qrcode__namespace.machine, machineProps);
+  return qrcode__namespace.connect(service, react$1.normalizeProps);
 };
 
 exports.useQrCode = useQrCode;

package/dist/components/qr-code/use-qr-code.d.cts

@@ -1,12 +1,7 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as qrcode from '@zag-js/qr-code';
-export interface UseQrCodeProps extends Optional<Omit<qrcode.Context, 'dir' | 'getRootNode'>, 'id'> {
-    /**
-     * The initial value of the qr code when it is first rendered.
-     * Use when you do not need to control the state of the qr code.
-     */
-    defaultValue?: qrcode.Context['value'];
+export interface UseQrCodeProps extends Optional<Omit<qrcode.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 export interface UseQrCodeReturn extends qrcode.Api<PropTypes> {
 }

package/dist/components/qr-code/use-qr-code.d.ts

@@ -1,12 +1,7 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as qrcode from '@zag-js/qr-code';
-export interface UseQrCodeProps extends Optional<Omit<qrcode.Context, 'dir' | 'getRootNode'>, 'id'> {
-    /**
-     * The initial value of the qr code when it is first rendered.
-     * Use when you do not need to control the state of the qr code.
-     */
-    defaultValue?: qrcode.Context['value'];
+export interface UseQrCodeProps extends Optional<Omit<qrcode.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 export interface UseQrCodeReturn extends qrcode.Api<PropTypes> {
 }

package/dist/components/qr-code/use-qr-code.js

@@ -4,26 +4,19 @@ import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
-import { useEvent } from '../../utils/use-event.js';
 
 const useQrCode = (props = {}) => {
+  const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
-  const initialContext = {
-    id: useId(),
+  const machineProps = {
+    id,
     dir,
-    value: props.defaultValue,
     getRootNode,
-    onValueChange: useEvent(props.onValueChange, { sync: true }),
     ...props
   };
-  const context = {
-    ...initialContext,
-    value: props.value,
-    onValueChange: useEvent(props.onValueChange, { sync: true })
-  };
-  const [state, send] = useMachine(qrcode.machine(initialContext), { context });
-  return qrcode.connect(state, send, normalizeProps);
+  const service = useMachine(qrcode.machine, machineProps);
+  return qrcode.connect(service, normalizeProps);
 };
 
 export { useQrCode };

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

@@ -1,16 +1,16 @@
 export type { ValueChangeDetails as RadioGroupValueChangeDetails } from '@zag-js/radio-group';
 export { RadioGroupContext, type RadioGroupContextProps } from './radio-group-context';
 export { RadioGroupIndicator, type RadioGroupIndicatorBaseProps, type RadioGroupIndicatorProps, } from './radio-group-indicator';
-export { RadioGroupItem, type RadioGroupItemBaseProps, type RadioGroupItemProps, } from './radio-group-item';
+export { RadioGroupItem, type RadioGroupItemBaseProps, type RadioGroupItemProps } from './radio-group-item';
 export { RadioGroupItemContext, type RadioGroupItemContextProps } from './radio-group-item-context';
 export { RadioGroupItemControl, type RadioGroupItemControlBaseProps, type RadioGroupItemControlProps, } from './radio-group-item-control';
 export { RadioGroupItemHiddenInput, type RadioGroupItemHiddenInputBaseProps, type RadioGroupItemHiddenInputProps, } from './radio-group-item-hidden-input';
 export { RadioGroupItemText, type RadioGroupItemTextBaseProps, type RadioGroupItemTextProps, } from './radio-group-item-text';
-export { RadioGroupLabel, type RadioGroupLabelBaseProps, type RadioGroupLabelProps, } from './radio-group-label';
-export { RadioGroupRoot, type RadioGroupRootBaseProps, type RadioGroupRootProps, } from './radio-group-root';
+export { RadioGroupLabel, type RadioGroupLabelBaseProps, type RadioGroupLabelProps } from './radio-group-label';
+export { RadioGroupRoot, type RadioGroupRootBaseProps, type RadioGroupRootProps } from './radio-group-root';
 export { RadioGroupRootProvider, type RadioGroupRootProviderBaseProps, type RadioGroupRootProviderProps, } from './radio-group-root-provider';
 export { radioGroupAnatomy } from './radio-group.anatomy';
 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 { useRadioGroupItemContext, type UseRadioGroupItemContext } from './use-radio-group-item-context';
 export * as RadioGroup from './radio-group';

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

@@ -1,16 +1,16 @@
 export type { ValueChangeDetails as RadioGroupValueChangeDetails } from '@zag-js/radio-group';
 export { RadioGroupContext, type RadioGroupContextProps } from './radio-group-context';
 export { RadioGroupIndicator, type RadioGroupIndicatorBaseProps, type RadioGroupIndicatorProps, } from './radio-group-indicator';
-export { RadioGroupItem, type RadioGroupItemBaseProps, type RadioGroupItemProps, } from './radio-group-item';
+export { RadioGroupItem, type RadioGroupItemBaseProps, type RadioGroupItemProps } from './radio-group-item';
 export { RadioGroupItemContext, type RadioGroupItemContextProps } from './radio-group-item-context';
 export { RadioGroupItemControl, type RadioGroupItemControlBaseProps, type RadioGroupItemControlProps, } from './radio-group-item-control';
 export { RadioGroupItemHiddenInput, type RadioGroupItemHiddenInputBaseProps, type RadioGroupItemHiddenInputProps, } from './radio-group-item-hidden-input';
 export { RadioGroupItemText, type RadioGroupItemTextBaseProps, type RadioGroupItemTextProps, } from './radio-group-item-text';
-export { RadioGroupLabel, type RadioGroupLabelBaseProps, type RadioGroupLabelProps, } from './radio-group-label';
-export { RadioGroupRoot, type RadioGroupRootBaseProps, type RadioGroupRootProps, } from './radio-group-root';
+export { RadioGroupLabel, type RadioGroupLabelBaseProps, type RadioGroupLabelProps } from './radio-group-label';
+export { RadioGroupRoot, type RadioGroupRootBaseProps, type RadioGroupRootProps } from './radio-group-root';
 export { RadioGroupRootProvider, type RadioGroupRootProviderBaseProps, type RadioGroupRootProviderProps, } from './radio-group-root-provider';
 export { radioGroupAnatomy } from './radio-group.anatomy';
 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 { useRadioGroupItemContext, type UseRadioGroupItemContext } from './use-radio-group-item-context';
 export * as RadioGroup from './radio-group';

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

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

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

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useRadioGroupContext } from './use-radio-group-context.js';
 
-const RadioGroupIndicator = forwardRef(
-  (props, ref) => {
-    const radioGroup = useRadioGroupContext();
-    const mergedProps = mergeProps(radioGroup.getIndicatorProps(), props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
+const RadioGroupIndicator = forwardRef((props, ref) => {
+  const radioGroup = useRadioGroupContext();
+  const mergedProps = mergeProps(radioGroup.getIndicatorProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 RadioGroupIndicator.displayName = "RadioGroupIndicator";
 
 export { RadioGroupIndicator };

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

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useRadioGroupContext = require('./use-radio-group-context.cjs');
 const useRadioGroupItemPropsContext = require('./use-radio-group-item-props-context.cjs');
 
-const RadioGroupItemControl = react.forwardRef(
-  (props, ref) => {
-    const radioGroup = useRadioGroupContext.useRadioGroupContext();
-    const itemProps = useRadioGroupItemPropsContext.useRadioGroupItemPropsContext();
-    const mergedProps = react$1.mergeProps(radioGroup.getItemControlProps(itemProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-  }
-);
+const RadioGroupItemControl = react.forwardRef((props, ref) => {
+  const radioGroup = useRadioGroupContext.useRadioGroupContext();
+  const itemProps = useRadioGroupItemPropsContext.useRadioGroupItemPropsContext();
+  const mergedProps = react$1.mergeProps(radioGroup.getItemControlProps(itemProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 RadioGroupItemControl.displayName = "RadioGroupItemControl";
 
 exports.RadioGroupItemControl = RadioGroupItemControl;

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

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useRadioGroupContext } from './use-radio-group-context.js';
 import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';
 
-const RadioGroupItemControl = forwardRef(
-  (props, ref) => {
-    const radioGroup = useRadioGroupContext();
-    const itemProps = useRadioGroupItemPropsContext();
-    const mergedProps = mergeProps(radioGroup.getItemControlProps(itemProps), props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
+const RadioGroupItemControl = forwardRef((props, ref) => {
+  const radioGroup = useRadioGroupContext();
+  const itemProps = useRadioGroupItemPropsContext();
+  const mergedProps = mergeProps(radioGroup.getItemControlProps(itemProps), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 RadioGroupItemControl.displayName = "RadioGroupItemControl";
 
 export { RadioGroupItemControl };

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

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useRadioGroupContext = require('./use-radio-group-context.cjs');
 const useRadioGroupItemPropsContext = require('./use-radio-group-item-props-context.cjs');
 
-const RadioGroupItemText = react.forwardRef(
-  (props, ref) => {
-    const radioGroup = useRadioGroupContext.useRadioGroupContext();
-    const itemProps = useRadioGroupItemPropsContext.useRadioGroupItemPropsContext();
-    const mergedProps = react$1.mergeProps(radioGroup.getItemTextProps(itemProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref });
-  }
-);
+const RadioGroupItemText = react.forwardRef((props, ref) => {
+  const radioGroup = useRadioGroupContext.useRadioGroupContext();
+  const itemProps = useRadioGroupItemPropsContext.useRadioGroupItemPropsContext();
+  const mergedProps = react$1.mergeProps(radioGroup.getItemTextProps(itemProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref });
+});
 RadioGroupItemText.displayName = "RadioGroupItemText";
 
 exports.RadioGroupItemText = RadioGroupItemText;

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

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useRadioGroupContext } from './use-radio-group-context.js';
 import { useRadioGroupItemPropsContext } from './use-radio-group-item-props-context.js';
 
-const RadioGroupItemText = forwardRef(
-  (props, ref) => {
-    const radioGroup = useRadioGroupContext();
-    const itemProps = useRadioGroupItemPropsContext();
-    const mergedProps = mergeProps(radioGroup.getItemTextProps(itemProps), props);
-    return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });
-  }
-);
+const RadioGroupItemText = forwardRef((props, ref) => {
+  const radioGroup = useRadioGroupContext();
+  const itemProps = useRadioGroupItemPropsContext();
+  const mergedProps = mergeProps(radioGroup.getItemTextProps(itemProps), props);
+  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });
+});
 RadioGroupItemText.displayName = "RadioGroupItemText";
 
 export { RadioGroupItemText };

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

@@ -13,11 +13,7 @@ const useRadioGroupItemContext = require('./use-radio-group-item-context.cjs');
 const useRadioGroupItemPropsContext = require('./use-radio-group-item-props-context.cjs');
 
 const RadioGroupItem = react.forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps.createSplitProps()(props, [
-    "value",
-    "disabled",
-    "invalid"
-  ]);
+  const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ["value", "disabled", "invalid"]);
   const radioGroup = useRadioGroupContext.useRadioGroupContext();
   const mergedProps = react$1.mergeProps(radioGroup.getItemProps(itemProps), localProps);
   const itemState = radioGroup.getItemState(itemProps);

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

@@ -9,11 +9,7 @@ import { RadioGroupItemProvider } from './use-radio-group-item-context.js';
 import { RadioGroupItemPropsProvider } from './use-radio-group-item-props-context.js';
 
 const RadioGroupItem = forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps()(props, [
-    "value",
-    "disabled",
-    "invalid"
-  ]);
+  const [itemProps, localProps] = createSplitProps()(props, ["value", "disabled", "invalid"]);
   const radioGroup = useRadioGroupContext();
   const mergedProps = mergeProps(radioGroup.getItemProps(itemProps), localProps);
   const itemState = radioGroup.getItemState(itemProps);

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

@@ -10,15 +10,11 @@ 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 }) });
-  }
-);
+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.js

@@ -6,15 +6,11 @@ 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 }) });
-  }
-);
+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 };