@ark-ui/react 4.9.1 → 5.0.0

package/dist/components/popover/popover-close-trigger.cjs

@@ -9,13 +9,11 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const usePopoverContext = require('./use-popover-context.cjs');
 
-const PopoverCloseTrigger = react.forwardRef(
-  (props, ref) => {
-    const popover = usePopoverContext.usePopoverContext();
-    const mergedProps = react$1.mergeProps(popover.getCloseTriggerProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-  }
-);
+const PopoverCloseTrigger = react.forwardRef((props, ref) => {
+  const popover = usePopoverContext.usePopoverContext();
+  const mergedProps = react$1.mergeProps(popover.getCloseTriggerProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
 PopoverCloseTrigger.displayName = "PopoverCloseTrigger";
 
 exports.PopoverCloseTrigger = PopoverCloseTrigger;

package/dist/components/popover/popover-close-trigger.js

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { usePopoverContext } from './use-popover-context.js';
 
-const PopoverCloseTrigger = forwardRef(
-  (props, ref) => {
-    const popover = usePopoverContext();
-    const mergedProps = mergeProps(popover.getCloseTriggerProps(), props);
-    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-  }
-);
+const PopoverCloseTrigger = forwardRef((props, ref) => {
+  const popover = usePopoverContext();
+  const mergedProps = mergeProps(popover.getCloseTriggerProps(), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
 PopoverCloseTrigger.displayName = "PopoverCloseTrigger";
 
 export { PopoverCloseTrigger };

package/dist/components/popover/popover-description.cjs

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

package/dist/components/popover/popover-description.js

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { usePopoverContext } from './use-popover-context.js';
 
-const PopoverDescription = forwardRef(
-  (props, ref) => {
-    const popover = usePopoverContext();
-    const mergedProps = mergeProps(popover.getDescriptionProps(), props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
+const PopoverDescription = forwardRef((props, ref) => {
+  const popover = usePopoverContext();
+  const mergedProps = mergeProps(popover.getDescriptionProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 PopoverDescription.displayName = "PopoverDescription";
 
 export { PopoverDescription };

package/dist/components/popover/popover-positioner.cjs

@@ -10,17 +10,15 @@ const factory = require('../factory.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const usePopoverContext = require('./use-popover-context.cjs');
 
-const PopoverPositioner = react.forwardRef(
-  (props, ref) => {
-    const popover = usePopoverContext.usePopoverContext();
-    const presence = usePresenceContext.usePresenceContext();
-    const mergedProps = react$1.mergeProps(popover.getPositionerProps(), props);
-    if (presence.unmounted) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+const PopoverPositioner = react.forwardRef((props, ref) => {
+  const popover = usePopoverContext.usePopoverContext();
+  const presence = usePresenceContext.usePresenceContext();
+  const mergedProps = react$1.mergeProps(popover.getPositionerProps(), props);
+  if (presence.unmounted) {
+    return null;
   }
-);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 PopoverPositioner.displayName = "PopoverPositioner";
 
 exports.PopoverPositioner = PopoverPositioner;

package/dist/components/popover/popover-positioner.js

@@ -6,17 +6,15 @@ import { ark } from '../factory.js';
 import { usePresenceContext } from '../presence/use-presence-context.js';
 import { usePopoverContext } from './use-popover-context.js';
 
-const PopoverPositioner = forwardRef(
-  (props, ref) => {
-    const popover = usePopoverContext();
-    const presence = usePresenceContext();
-    const mergedProps = mergeProps(popover.getPositionerProps(), props);
-    if (presence.unmounted) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+const PopoverPositioner = forwardRef((props, ref) => {
+  const popover = usePopoverContext();
+  const presence = usePresenceContext();
+  const mergedProps = mergeProps(popover.getPositionerProps(), props);
+  if (presence.unmounted) {
+    return null;
   }
-);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 PopoverPositioner.displayName = "PopoverPositioner";
 
 export { PopoverPositioner };

package/dist/components/popover/popover.d.cts

@@ -4,7 +4,7 @@ export { PopoverArrow as Arrow, type PopoverArrowBaseProps as ArrowBaseProps, ty
 export { PopoverArrowTip as ArrowTip, type PopoverArrowTipBaseProps as ArrowTipBaseProps, type PopoverArrowTipProps as ArrowTipProps, } from './popover-arrow-tip';
 export { PopoverCloseTrigger as CloseTrigger, type PopoverCloseTriggerBaseProps as CloseTriggerBaseProps, type PopoverCloseTriggerProps as CloseTriggerProps, } from './popover-close-trigger';
 export { PopoverContent as Content, type PopoverContentBaseProps as ContentBaseProps, type PopoverContentProps as ContentProps, } from './popover-content';
-export { PopoverContext as Context, type PopoverContextProps as ContextProps, } from './popover-context';
+export { PopoverContext as Context, type PopoverContextProps as ContextProps } from './popover-context';
 export { PopoverDescription as Description, type PopoverDescriptionBaseProps as DescriptionBaseProps, type PopoverDescriptionProps as DescriptionProps, } from './popover-description';
 export { PopoverIndicator as Indicator, type PopoverIndicatorBaseProps as IndicatorBaseProps, type PopoverIndicatorProps as IndicatorProps, } from './popover-indicator';
 export { PopoverPositioner as Positioner, type PopoverPositionerBaseProps as PositionerBaseProps, type PopoverPositionerProps as PositionerProps, } from './popover-positioner';

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

@@ -4,7 +4,7 @@ export { PopoverArrow as Arrow, type PopoverArrowBaseProps as ArrowBaseProps, ty
 export { PopoverArrowTip as ArrowTip, type PopoverArrowTipBaseProps as ArrowTipBaseProps, type PopoverArrowTipProps as ArrowTipProps, } from './popover-arrow-tip';
 export { PopoverCloseTrigger as CloseTrigger, type PopoverCloseTriggerBaseProps as CloseTriggerBaseProps, type PopoverCloseTriggerProps as CloseTriggerProps, } from './popover-close-trigger';
 export { PopoverContent as Content, type PopoverContentBaseProps as ContentBaseProps, type PopoverContentProps as ContentProps, } from './popover-content';
-export { PopoverContext as Context, type PopoverContextProps as ContextProps, } from './popover-context';
+export { PopoverContext as Context, type PopoverContextProps as ContextProps } from './popover-context';
 export { PopoverDescription as Description, type PopoverDescriptionBaseProps as DescriptionBaseProps, type PopoverDescriptionProps as DescriptionProps, } from './popover-description';
 export { PopoverIndicator as Indicator, type PopoverIndicatorBaseProps as IndicatorBaseProps, type PopoverIndicatorProps as IndicatorProps, } from './popover-indicator';
 export { PopoverPositioner as Positioner, type PopoverPositionerBaseProps as PositionerBaseProps, type PopoverPositionerProps as PositionerProps, } from './popover-positioner';

package/dist/components/popover/use-popover.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 popover__namespace = /*#__PURE__*/_interopNamespaceDefault(popover);
 
 const usePopover = (props = {}) => {
+  const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
-  const initialContext = {
-    id: react.useId(),
+  const machineProps = {
+    id,
     dir,
     getRootNode,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
     ...props
   };
-  const context = {
-    ...initialContext,
-    open: props.open,
-    onOpenChange: useEvent.useEvent(props.onOpenChange, { sync: true })
-  };
-  const [state, send] = react$1.useMachine(popover__namespace.machine(initialContext), { context });
-  return popover__namespace.connect(state, send, react$1.normalizeProps);
+  const service = react$1.useMachine(popover__namespace.machine, machineProps);
+  return popover__namespace.connect(service, react$1.normalizeProps);
 };
 
 exports.usePopover = usePopover;

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

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

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

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

package/dist/components/popover/use-popover.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 usePopover = (props = {}) => {
+  const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
-  const initialContext = {
-    id: useId(),
+  const machineProps = {
+    id,
     dir,
     getRootNode,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
     ...props
   };
-  const context = {
-    ...initialContext,
-    open: props.open,
-    onOpenChange: useEvent(props.onOpenChange, { sync: true })
-  };
-  const [state, send] = useMachine(popover.machine(initialContext), { context });
-  return popover.connect(state, send, normalizeProps);
+  const service = useMachine(popover.machine, machineProps);
+  return popover.connect(service, normalizeProps);
 };
 
 export { usePopover };

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

@@ -1,4 +1,4 @@
 export { Presence, type PresenceBaseProps, type PresenceProps } from './presence';
 export { splitPresenceProps } from './split-presence-props';
 export { usePresence, type UsePresenceProps, type UsePresenceReturn } from './use-presence';
-export { PresenceProvider, usePresenceContext, type UsePresenceContext, } from './use-presence-context';
+export { PresenceProvider, usePresenceContext, type UsePresenceContext } from './use-presence-context';

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

@@ -1,4 +1,4 @@
 export { Presence, type PresenceBaseProps, type PresenceProps } from './presence';
 export { splitPresenceProps } from './split-presence-props';
 export { usePresence, type UsePresenceProps, type UsePresenceReturn } from './use-presence';
-export { PresenceProvider, usePresenceContext, type UsePresenceContext, } from './use-presence-context';
+export { PresenceProvider, usePresenceContext, type UsePresenceContext } from './use-presence-context';

package/dist/components/presence/split-presence-props.cjs

@@ -5,12 +5,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const createSplitProps = require('../../utils/create-split-props.cjs');
 
-const splitPresenceProps = (props) => createSplitProps.createSplitProps()(props, [
-  "immediate",
-  "lazyMount",
-  "onExitComplete",
-  "present",
-  "unmountOnExit"
-]);
+const splitPresenceProps = (props) => createSplitProps.createSplitProps()(props, ["immediate", "lazyMount", "onExitComplete", "present", "unmountOnExit"]);
 
 exports.splitPresenceProps = splitPresenceProps;

package/dist/components/presence/split-presence-props.js

@@ -1,12 +1,6 @@
 'use client';
 import { createSplitProps } from '../../utils/create-split-props.js';
 
-const splitPresenceProps = (props) => createSplitProps()(props, [
-  "immediate",
-  "lazyMount",
-  "onExitComplete",
-  "present",
-  "unmountOnExit"
-]);
+const splitPresenceProps = (props) => createSplitProps()(props, ["immediate", "lazyMount", "onExitComplete", "present", "unmountOnExit"]);
 
 export { splitPresenceProps };

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

@@ -30,13 +30,13 @@ const presence__namespace = /*#__PURE__*/_interopNamespaceDefault(presence);
 const usePresence = (props) => {
   const { lazyMount, unmountOnExit, present, ...rest } = props;
   const wasEverPresent = react.useRef(false);
-  const context = {
+  const machineProps = {
     ...rest,
     present,
     onExitComplete: useEvent.useEvent(props.onExitComplete)
   };
-  const [state, send] = react$1.useMachine(presence__namespace.machine(context), { context });
-  const api = presence__namespace.connect(state, send, react$1.normalizeProps);
+  const service = react$1.useMachine(presence__namespace.machine, machineProps);
+  const api = presence__namespace.connect(service, react$1.normalizeProps);
   if (api.present) {
     wasEverPresent.current = true;
   }

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

@@ -1,7 +1,7 @@
 import { Optional } from '../../types';
 import { RenderStrategyProps } from '../../utils/render-strategy';
 import * as presence from '@zag-js/presence';
-export interface UsePresenceProps extends Optional<presence.Context, 'present'>, RenderStrategyProps {
+export interface UsePresenceProps extends Optional<presence.Props, 'present'>, RenderStrategyProps {
 }
 export type UsePresenceReturn = ReturnType<typeof usePresence>;
 export declare const usePresence: (props: UsePresenceProps) => {

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

@@ -1,7 +1,7 @@
 import { Optional } from '../../types';
 import { RenderStrategyProps } from '../../utils/render-strategy';
 import * as presence from '@zag-js/presence';
-export interface UsePresenceProps extends Optional<presence.Context, 'present'>, RenderStrategyProps {
+export interface UsePresenceProps extends Optional<presence.Props, 'present'>, RenderStrategyProps {
 }
 export type UsePresenceReturn = ReturnType<typeof usePresence>;
 export declare const usePresence: (props: UsePresenceProps) => {

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

@@ -7,13 +7,13 @@ import { useEvent } from '../../utils/use-event.js';
 const usePresence = (props) => {
   const { lazyMount, unmountOnExit, present, ...rest } = props;
   const wasEverPresent = useRef(false);
-  const context = {
+  const machineProps = {
     ...rest,
     present,
     onExitComplete: useEvent(props.onExitComplete)
   };
-  const [state, send] = useMachine(presence.machine(context), { context });
-  const api = presence.connect(state, send, normalizeProps);
+  const service = useMachine(presence.machine, machineProps);
+  const api = presence.connect(service, normalizeProps);
   if (api.present) {
     wasEverPresent.current = true;
   }

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

@@ -1,13 +1,13 @@
-export { ProgressCircle, type ProgressCircleBaseProps, type ProgressCircleProps, } from './progress-circle';
+export { ProgressCircle, type ProgressCircleBaseProps, type ProgressCircleProps } from './progress-circle';
 export { ProgressCircleRange, type ProgressCircleRangeBaseProps, type ProgressCircleRangeProps, } from './progress-circle-range';
 export { ProgressCircleTrack, type ProgressCircleTrackBaseProps, type ProgressCircleTrackProps, } from './progress-circle-track';
 export { ProgressContext, type ProgressContextProps } from './progress-context';
-export { ProgressLabel, type ProgressLabelBaseProps, type ProgressLabelProps, } from './progress-label';
-export { ProgressRange, type ProgressRangeBaseProps, type ProgressRangeProps, } from './progress-range';
+export { ProgressLabel, type ProgressLabelBaseProps, type ProgressLabelProps } from './progress-label';
+export { ProgressRange, type ProgressRangeBaseProps, type ProgressRangeProps } from './progress-range';
 export { ProgressRoot, type ProgressRootBaseProps, type ProgressRootProps } from './progress-root';
 export { ProgressRootProvider, type ProgressRootProviderBaseProps, type ProgressRootProviderProps, } from './progress-root-provider';
-export { ProgressTrack, type ProgressTrackBaseProps, type ProgressTrackProps, } from './progress-track';
-export { ProgressValueText, type ProgressValueTextBaseProps, type ProgressValueTextProps, } from './progress-value-text';
+export { ProgressTrack, type ProgressTrackBaseProps, type ProgressTrackProps } from './progress-track';
+export { ProgressValueText, type ProgressValueTextBaseProps, type ProgressValueTextProps } from './progress-value-text';
 export { ProgressView, type ProgressViewBaseProps, type ProgressViewProps } from './progress-view';
 export { progressAnatomy } from './progress.anatomy';
 export { useProgress, type UseProgressProps, type UseProgressReturn } from './use-progress';

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

@@ -1,13 +1,13 @@
-export { ProgressCircle, type ProgressCircleBaseProps, type ProgressCircleProps, } from './progress-circle';
+export { ProgressCircle, type ProgressCircleBaseProps, type ProgressCircleProps } from './progress-circle';
 export { ProgressCircleRange, type ProgressCircleRangeBaseProps, type ProgressCircleRangeProps, } from './progress-circle-range';
 export { ProgressCircleTrack, type ProgressCircleTrackBaseProps, type ProgressCircleTrackProps, } from './progress-circle-track';
 export { ProgressContext, type ProgressContextProps } from './progress-context';
-export { ProgressLabel, type ProgressLabelBaseProps, type ProgressLabelProps, } from './progress-label';
-export { ProgressRange, type ProgressRangeBaseProps, type ProgressRangeProps, } from './progress-range';
+export { ProgressLabel, type ProgressLabelBaseProps, type ProgressLabelProps } from './progress-label';
+export { ProgressRange, type ProgressRangeBaseProps, type ProgressRangeProps } from './progress-range';
 export { ProgressRoot, type ProgressRootBaseProps, type ProgressRootProps } from './progress-root';
 export { ProgressRootProvider, type ProgressRootProviderBaseProps, type ProgressRootProviderProps, } from './progress-root-provider';
-export { ProgressTrack, type ProgressTrackBaseProps, type ProgressTrackProps, } from './progress-track';
-export { ProgressValueText, type ProgressValueTextBaseProps, type ProgressValueTextProps, } from './progress-value-text';
+export { ProgressTrack, type ProgressTrackBaseProps, type ProgressTrackProps } from './progress-track';
+export { ProgressValueText, type ProgressValueTextBaseProps, type ProgressValueTextProps } from './progress-value-text';
 export { ProgressView, type ProgressViewBaseProps, type ProgressViewProps } from './progress-view';
 export { progressAnatomy } from './progress.anatomy';
 export { useProgress, type UseProgressProps, type UseProgressReturn } from './use-progress';

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

@@ -9,13 +9,11 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useProgressContext = require('./use-progress-context.cjs');
 
-const ProgressCircleRange = react.forwardRef(
-  (props, ref) => {
-    const progress = useProgressContext.useProgressContext();
-    const mergedProps = react$1.mergeProps(progress.getCircleRangeProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.circle, { ref, ...mergedProps });
-  }
-);
+const ProgressCircleRange = react.forwardRef((props, ref) => {
+  const progress = useProgressContext.useProgressContext();
+  const mergedProps = react$1.mergeProps(progress.getCircleRangeProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.circle, { ref, ...mergedProps });
+});
 ProgressCircleRange.displayName = "ProgressCircleRange";
 
 exports.ProgressCircleRange = ProgressCircleRange;

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

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useProgressContext } from './use-progress-context.js';
 
-const ProgressCircleRange = forwardRef(
-  (props, ref) => {
-    const progress = useProgressContext();
-    const mergedProps = mergeProps(progress.getCircleRangeProps(), props);
-    return /* @__PURE__ */ jsx(ark.circle, { ref, ...mergedProps });
-  }
-);
+const ProgressCircleRange = forwardRef((props, ref) => {
+  const progress = useProgressContext();
+  const mergedProps = mergeProps(progress.getCircleRangeProps(), props);
+  return /* @__PURE__ */ jsx(ark.circle, { ref, ...mergedProps });
+});
 ProgressCircleRange.displayName = "ProgressCircleRange";
 
 export { ProgressCircleRange };

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

@@ -9,13 +9,11 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useProgressContext = require('./use-progress-context.cjs');
 
-const ProgressCircleTrack = react.forwardRef(
-  (props, ref) => {
-    const progress = useProgressContext.useProgressContext();
-    const mergedProps = react$1.mergeProps(progress.getCircleTrackProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.circle, { ref, ...mergedProps });
-  }
-);
+const ProgressCircleTrack = react.forwardRef((props, ref) => {
+  const progress = useProgressContext.useProgressContext();
+  const mergedProps = react$1.mergeProps(progress.getCircleTrackProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.circle, { ref, ...mergedProps });
+});
 ProgressCircleTrack.displayName = "ProgressCircleTrack";
 
 exports.ProgressCircleTrack = ProgressCircleTrack;

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

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useProgressContext } from './use-progress-context.js';
 
-const ProgressCircleTrack = forwardRef(
-  (props, ref) => {
-    const progress = useProgressContext();
-    const mergedProps = mergeProps(progress.getCircleTrackProps(), props);
-    return /* @__PURE__ */ jsx(ark.circle, { ref, ...mergedProps });
-  }
-);
+const ProgressCircleTrack = forwardRef((props, ref) => {
+  const progress = useProgressContext();
+  const mergedProps = mergeProps(progress.getCircleTrackProps(), props);
+  return /* @__PURE__ */ jsx(ark.circle, { ref, ...mergedProps });
+});
 ProgressCircleTrack.displayName = "ProgressCircleTrack";
 
 export { ProgressCircleTrack };

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

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

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

@@ -14,8 +14,10 @@ const useProgressContext = require('./use-progress-context.cjs');
 const ProgressRoot = react.forwardRef((props, ref) => {
   const [progressProps, localProps] = createSplitProps.createSplitProps()(props, [
     "defaultValue",
+    "formatOptions",
     "id",
     "ids",
+    "locale",
     "max",
     "min",
     "onValueChange",

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

@@ -10,8 +10,10 @@ import { ProgressProvider } from './use-progress-context.js';
 const ProgressRoot = forwardRef((props, ref) => {
   const [progressProps, localProps] = createSplitProps()(props, [
     "defaultValue",
+    "formatOptions",
     "id",
     "ids",
+    "locale",
     "max",
     "min",
     "onValueChange",

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

@@ -9,14 +9,12 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useProgressContext = require('./use-progress-context.cjs');
 
-const ProgressValueText = react.forwardRef(
-  (props, ref) => {
-    const { children, ...rest } = props;
-    const progress = useProgressContext.useProgressContext();
-    const mergedProps = react$1.mergeProps(progress.getValueTextProps(), rest);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children: children || progress.percentAsString });
-  }
-);
+const ProgressValueText = react.forwardRef((props, ref) => {
+  const { children, ...rest } = props;
+  const progress = useProgressContext.useProgressContext();
+  const mergedProps = react$1.mergeProps(progress.getValueTextProps(), rest);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children: children || progress.percentAsString });
+});
 ProgressValueText.displayName = "ProgressValueText";
 
 exports.ProgressValueText = ProgressValueText;

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

@@ -5,14 +5,12 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useProgressContext } from './use-progress-context.js';
 
-const ProgressValueText = forwardRef(
-  (props, ref) => {
-    const { children, ...rest } = props;
-    const progress = useProgressContext();
-    const mergedProps = mergeProps(progress.getValueTextProps(), rest);
-    return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: children || progress.percentAsString });
-  }
-);
+const ProgressValueText = forwardRef((props, ref) => {
+  const { children, ...rest } = props;
+  const progress = useProgressContext();
+  const mergedProps = mergeProps(progress.getValueTextProps(), rest);
+  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: children || progress.percentAsString });
+});
 ProgressValueText.displayName = "ProgressValueText";
 
 export { ProgressValueText };

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

@@ -1,7 +1,7 @@
 export { ProgressCircle as Circle, type ProgressCircleBaseProps as CircleBaseProps, type ProgressCircleProps as CircleProps, } from './progress-circle';
 export { ProgressCircleRange as CircleRange, type ProgressCircleRangeBaseProps as CircleRangeBaseProps, type ProgressCircleRangeProps as CircleRangeProps, } from './progress-circle-range';
 export { ProgressCircleTrack as CircleTrack, type ProgressCircleTrackBaseProps as CircleTrackBaseProps, type ProgressCircleTrackProps as CircleTrackProps, } from './progress-circle-track';
-export { ProgressContext as Context, type ProgressContextProps as ContextProps, } from './progress-context';
+export { ProgressContext as Context, type ProgressContextProps as ContextProps } from './progress-context';
 export { ProgressLabel as Label, type ProgressLabelBaseProps as LabelBaseProps, type ProgressLabelProps as LabelProps, } from './progress-label';
 export { ProgressRange as Range, type ProgressRangeBaseProps as RangeBaseProps, type ProgressRangeProps as RangeProps, } from './progress-range';
 export { ProgressRoot as Root, type ProgressRootBaseProps as RootBaseProps, type ProgressRootProps as RootProps, } from './progress-root';

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

@@ -1,7 +1,7 @@
 export { ProgressCircle as Circle, type ProgressCircleBaseProps as CircleBaseProps, type ProgressCircleProps as CircleProps, } from './progress-circle';
 export { ProgressCircleRange as CircleRange, type ProgressCircleRangeBaseProps as CircleRangeBaseProps, type ProgressCircleRangeProps as CircleRangeProps, } from './progress-circle-range';
 export { ProgressCircleTrack as CircleTrack, type ProgressCircleTrackBaseProps as CircleTrackBaseProps, type ProgressCircleTrackProps as CircleTrackProps, } from './progress-circle-track';
-export { ProgressContext as Context, type ProgressContextProps as ContextProps, } from './progress-context';
+export { ProgressContext as Context, type ProgressContextProps as ContextProps } from './progress-context';
 export { ProgressLabel as Label, type ProgressLabelBaseProps as LabelBaseProps, type ProgressLabelProps as LabelProps, } from './progress-label';
 export { ProgressRange as Range, type ProgressRangeBaseProps as RangeBaseProps, type ProgressRangeProps as RangeProps, } from './progress-range';
 export { ProgressRoot as Root, type ProgressRootBaseProps as RootBaseProps, type ProgressRootProps as RootProps, } from './progress-root';