@ark-ui/solid 3.1.0 → 3.2.1

package/dist/source/components/hover-card/index.js

@@ -4,6 +4,8 @@ export { HoverCardContent } from './hover-card-content';
 export { HoverCardContext } from './hover-card-context';
 export { HoverCardPositioner } from './hover-card-positioner';
 export { HoverCardRoot } from './hover-card-root';
+export { HoverCardRootProvider } from './hover-card-root-provider';
 export { HoverCardTrigger } from './hover-card-trigger';
+export { useHoverCard } from './use-hover-card';
 export { useHoverCardContext } from './use-hover-card-context';
 export * as HoverCard from './hover-card';

package/dist/source/components/menu/index.js

@@ -15,9 +15,11 @@ export { MenuPositioner } from './menu-positioner';
 export { MenuRadioItem } from './menu-radio-item';
 export { MenuRadioItemGroup } from './menu-radio-item-group';
 export { MenuRoot } from './menu-root';
+export { MenuRootProvider } from './menu-root-provider';
 export { MenuSeparator } from './menu-separator';
 export { MenuTrigger } from './menu-trigger';
 export { MenuTriggerItem } from './menu-trigger-item';
+export { useMenu } from './use-menu';
 export { useMenuContext } from './use-menu-context';
 export { useMenuItemContext } from './use-menu-item-context';
 export * as Menu from './menu';

package/dist/source/components/menu/menu-arrow-tip.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useMenuContext } from './use-menu-context';
 export const MenuArrowTip = (props) => {
     const context = useMenuContext();
-    const mergedProps = mergeProps(() => context().arrowTipProps, props);
+    const mergedProps = mergeProps(() => context().getArrowTipProps(), props);
     return <ark.div {...mergedProps}/>;
 };

package/dist/source/components/menu/menu-arrow.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useMenuContext } from './use-menu-context';
 export const MenuArrow = (props) => {
     const context = useMenuContext();
-    const mergedProps = mergeProps(() => context().arrowProps, props);
+    const mergedProps = mergeProps(() => context().getArrowProps(), props);
     return <ark.div {...mergedProps}/>;
 };

package/dist/source/components/menu/menu-content.jsx

@@ -6,7 +6,7 @@ import { useMenuContext } from './use-menu-context';
 export const MenuContent = (props) => {
     const context = useMenuContext();
     const presenceContext = usePresenceContext();
-    const mergedProps = mergeProps(() => context().contentProps, () => presenceContext().presenceProps, props);
+    const mergedProps = mergeProps(() => context().getContentProps(), () => presenceContext().presenceProps, props);
     return (<Show when={!presenceContext().unmounted}>
       <ark.div {...mergedProps}/>
     </Show>);

package/dist/source/components/menu/menu-context-trigger.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useMenuContext } from './use-menu-context';
 export const MenuContextTrigger = (props) => {
     const context = useMenuContext();
-    const mergedProps = mergeProps(() => context().contextTriggerProps, props);
+    const mergedProps = mergeProps(() => context().getContextTriggerProps(), props);
     return <ark.button {...mergedProps}/>;
 };

package/dist/source/components/menu/menu-indicator.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useMenuContext } from './use-menu-context';
 export const MenuIndicator = (props) => {
     const context = useMenuContext();
-    const mergedProps = mergeProps(() => context().indicatorProps, props);
+    const mergedProps = mergeProps(() => context().getIndicatorProps(), props);
     return <ark.div {...mergedProps}/>;
 };

package/dist/source/components/menu/menu-positioner.jsx

@@ -6,7 +6,7 @@ import { useMenuContext } from './use-menu-context';
 export const MenuPositioner = (props) => {
     const context = useMenuContext();
     const presence = usePresenceContext();
-    const mergedProps = mergeProps(() => context().positionerProps, props);
+    const mergedProps = mergeProps(() => context().getPositionerProps(), props);
     return (<Show when={!presence().unmounted}>
       <ark.div {...mergedProps}/>
     </Show>);

package/dist/source/components/menu/menu-root-provider.jsx

@@ -0,0 +1,26 @@
+import { mergeProps } from '@zag-js/solid';
+import { createEffect } from 'solid-js';
+import { PresenceProvider, splitPresenceProps, usePresence, } from '../presence';
+import { MenuProvider, useMenuContext } from './use-menu-context';
+import { MenuMachineProvider, useMenuMachineContext } from './use-menu-machine-context';
+import { MenuTriggerItemProvider } from './use-menu-trigger-item-context';
+export const MenuRootProvider = (props) => {
+    const parentApi = useMenuContext();
+    const parentMachine = useMenuMachineContext();
+    const [presenceProps, menuProps] = splitPresenceProps(props);
+    const presenceApi = usePresence(mergeProps(presenceProps, () => ({ present: menuProps.value.api().open })));
+    createEffect(() => {
+        if (!parentMachine)
+            return;
+        parentApi?.().setChild(menuProps.value.machine);
+        menuProps.value.api().setParent(parentMachine);
+    });
+    const triggerItemContext = () => parentApi?.().getTriggerItemProps(menuProps.value.api());
+    return (<MenuTriggerItemProvider value={triggerItemContext}>
+      <MenuMachineProvider value={menuProps.value.machine}>
+        <MenuProvider value={menuProps.value.api}>
+          <PresenceProvider value={presenceApi}>{menuProps.children}</PresenceProvider>
+        </MenuProvider>
+      </MenuMachineProvider>
+    </MenuTriggerItemProvider>);
+};

package/dist/source/components/menu/menu-separator.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useMenuContext } from './use-menu-context';
 export const MenuSeparator = (props) => {
     const menu = useMenuContext();
-    const mergedProps = mergeProps(() => menu().separatorProps, props);
+    const mergedProps = mergeProps(() => menu().getSeparatorProps(), props);
     return <ark.hr {...mergedProps}/>;
 };

package/dist/source/components/menu/menu-trigger.jsx

@@ -5,6 +5,6 @@ import { useMenuContext } from './use-menu-context';
 export const MenuTrigger = (props) => {
     const api = useMenuContext();
     const presenceApi = usePresenceContext();
-    const mergedProps = mergeProps(() => api().triggerProps, () => ({ 'aria-controls': presenceApi().unmounted && null }), props);
+    const mergedProps = mergeProps(() => api().getTriggerProps(), () => ({ 'aria-controls': presenceApi().unmounted && null }), props);
     return <ark.button {...mergedProps}/>;
 };

package/dist/source/components/menu/menu.js

@@ -15,6 +15,7 @@ export { MenuPositioner as Positioner, } from './menu-positioner';
 export { MenuRadioItem as RadioItem, } from './menu-radio-item';
 export { MenuRadioItemGroup as RadioItemGroup, } from './menu-radio-item-group';
 export { MenuRoot as Root } from './menu-root';
+export { MenuRootProvider as RootProvider, } from './menu-root-provider';
 export { MenuSeparator as Separator, } from './menu-separator';
 export { MenuTrigger as Trigger } from './menu-trigger';
 export { MenuTriggerItem as TriggerItem, } from './menu-trigger-item';

package/dist/source/components/number-input/index.js

@@ -5,6 +5,8 @@ export { NumberInputIncrementTrigger, } from './number-input-increment-trigger';
 export { NumberInputInput } from './number-input-input';
 export { NumberInputLabel } from './number-input-label';
 export { NumberInputRoot } from './number-input-root';
+export { NumberInputRootProvider, } from './number-input-root-provider';
 export { NumberInputScrubber } from './number-input-scrubber';
+export { useNumberInput, } from './use-number-input';
 export { useNumberInputContext } from './use-number-input-context';
 export * as NumberInput from './number-input';

package/dist/source/components/number-input/number-input-control.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useNumberInputContext } from './use-number-input-context';
 export const NumberInputControl = (props) => {
     const api = useNumberInputContext();
-    const mergedProps = mergeProps(() => api().controlProps, props);
+    const mergedProps = mergeProps(() => api().getControlProps(), props);
     return <ark.div {...mergedProps}/>;
 };

package/dist/source/components/number-input/number-input-decrement-trigger.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useNumberInputContext } from './use-number-input-context';
 export const NumberInputDecrementTrigger = (props) => {
     const api = useNumberInputContext();
-    const mergedProps = mergeProps(() => api().decrementTriggerProps, props);
+    const mergedProps = mergeProps(() => api().getDecrementTriggerProps(), props);
     return <ark.button {...mergedProps}/>;
 };

package/dist/source/components/number-input/number-input-increment-trigger.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useNumberInputContext } from './use-number-input-context';
 export const NumberInputIncrementTrigger = (props) => {
     const api = useNumberInputContext();
-    const mergedProps = mergeProps(() => api().incrementTriggerProps, props);
+    const mergedProps = mergeProps(() => api().getIncrementTriggerProps(), props);
     return <ark.button {...mergedProps}/>;
 };

package/dist/source/components/number-input/number-input-input.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useNumberInputContext } from './use-number-input-context';
 export const NumberInputInput = (props) => {
     const api = useNumberInputContext();
-    const mergedProps = mergeProps(() => api().inputProps, props);
+    const mergedProps = mergeProps(() => api().getInputProps(), props);
     return <ark.input {...mergedProps}/>;
 };

package/dist/source/components/number-input/number-input-label.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useNumberInputContext } from './use-number-input-context';
 export const NumberInputLabel = (props) => {
     const api = useNumberInputContext();
-    const mergedProps = mergeProps(() => api().labelProps, props);
+    const mergedProps = mergeProps(() => api().getLabelProps(), props);
     return <ark.label {...mergedProps}/>;
 };

package/dist/source/components/number-input/number-input-root-provider.jsx

@@ -0,0 +1,13 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { NumberInputProvider } from './use-number-input-context';
+export const NumberInputRootProvider = (props) => {
+    const [{ value: numberInput }, localProps] = createSplitProps()(props, [
+        'value',
+    ]);
+    const mergedProps = mergeProps(() => numberInput().getRootProps(), localProps);
+    return (<NumberInputProvider value={numberInput}>
+      <ark.div {...mergedProps}/>
+    </NumberInputProvider>);
+};

package/dist/source/components/number-input/number-input-root.jsx

@@ -32,7 +32,7 @@ export const NumberInputRoot = (props) => {
         'value',
     ]);
     const api = useNumberInput(useNumberInputProps);
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    const mergedProps = mergeProps(() => api().getRootProps(), localProps);
     return (<NumberInputProvider value={api}>
       <ark.div {...mergedProps}/>
     </NumberInputProvider>);

package/dist/source/components/number-input/number-input-scrubber.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useNumberInputContext } from './use-number-input-context';
 export const NumberInputScrubber = (props) => {
     const api = useNumberInputContext();
-    const mergedProps = mergeProps(() => api().scrubberProps, props);
+    const mergedProps = mergeProps(() => api().getScrubberProps(), props);
     return <ark.div {...mergedProps}/>;
 };

package/dist/source/components/pagination/index.js

@@ -4,5 +4,7 @@ export { PaginationItem } from './pagination-item';
 export { PaginationNextTrigger } from './pagination-next-trigger';
 export { PaginationPrevTrigger } from './pagination-prev-trigger';
 export { PaginationRoot } from './pagination-root';
+export { PaginationRootProvider, } from './pagination-root-provider';
+export { usePagination } from './use-pagination';
 export { usePaginationContext } from './use-pagination-context';
 export * as Pagination from './pagination';

package/dist/source/components/pagination/pagination-next-trigger.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { usePaginationContext } from './use-pagination-context';
 export const PaginationNextTrigger = (props) => {
     const api = usePaginationContext();
-    const mergedProps = mergeProps(() => api().nextTriggerProps, props);
+    const mergedProps = mergeProps(() => api().getNextTriggerProps(), props);
     return <ark.button {...mergedProps}/>;
 };

package/dist/source/components/pagination/pagination-prev-trigger.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { usePaginationContext } from './use-pagination-context';
 export const PaginationPrevTrigger = (props) => {
     const api = usePaginationContext();
-    const mergedProps = mergeProps(() => api().prevTriggerProps, props);
+    const mergedProps = mergeProps(() => api().getPrevTriggerProps(), props);
     return <ark.button {...mergedProps}/>;
 };

package/dist/source/components/pagination/pagination-root-provider.jsx

@@ -0,0 +1,13 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { PaginationProvider } from './use-pagination-context';
+export const PaginationRootProvider = (props) => {
+    const [{ value: pagination }, localProps] = createSplitProps()(props, [
+        'value',
+    ]);
+    const mergedProps = mergeProps(() => pagination().getRootProps(), localProps);
+    return (<PaginationProvider value={pagination}>
+      <ark.nav {...mergedProps}/>
+    </PaginationProvider>);
+};

package/dist/source/components/pagination/pagination-root.jsx

@@ -18,7 +18,7 @@ export const PaginationRoot = (props) => {
         'type',
     ]);
     const api = usePagination(usePaginationProps);
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    const mergedProps = mergeProps(() => api().getRootProps(), localProps);
     return (<PaginationProvider value={api}>
       <ark.nav {...mergedProps}/>
     </PaginationProvider>);

package/dist/source/components/pagination/pagination.js

@@ -4,3 +4,4 @@ export { PaginationItem as Item } from './pagination-item';
 export { PaginationNextTrigger as NextTrigger, } from './pagination-next-trigger';
 export { PaginationPrevTrigger as PrevTrigger, } from './pagination-prev-trigger';
 export { PaginationRoot as Root } from './pagination-root';
+export { PaginationRootProvider as RootProvider, } from './pagination-root-provider';

package/dist/source/components/pin-input/index.js

@@ -1,8 +1,10 @@
 export { PinInputContext } from './pin-input-context';
 export { PinInputControl } from './pin-input-control';
+export { PinInputHiddenInput } from './pin-input-hidden-input';
 export { PinInputInput } from './pin-input-input';
 export { PinInputLabel } from './pin-input-label';
 export { PinInputRoot } from './pin-input-root';
-export { PinInputHiddenInput } from './pin-input-hidden-input';
+export { PinInputRootProvider } from './pin-input-root-provider';
+export { usePinInput } from './use-pin-input';
 export { usePinInputContext } from './use-pin-input-context';
 export * as PinInput from './pin-input';

package/dist/source/components/pin-input/pin-input-control.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { usePinInputContext } from './use-pin-input-context';
 export const PinInputControl = (props) => {
     const api = usePinInputContext();
-    const mergedProps = mergeProps(() => api().controlProps, props);
+    const mergedProps = mergeProps(() => api().getControlProps(), props);
     return <ark.div {...mergedProps}/>;
 };

package/dist/source/components/pin-input/pin-input-hidden-input.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { usePinInputContext } from './use-pin-input-context';
 export const PinInputHiddenInput = (props) => {
     const pinInput = usePinInputContext();
-    const mergedProps = mergeProps(() => pinInput().hiddenInputProps, props);
+    const mergedProps = mergeProps(() => pinInput().getHiddenInputProps(), props);
     return <ark.input {...mergedProps}/>;
 };

package/dist/source/components/pin-input/pin-input-label.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { usePinInputContext } from './use-pin-input-context';
 export const PinInputLabel = (props) => {
     const api = usePinInputContext();
-    const mergedProps = mergeProps(() => api().labelProps, props);
+    const mergedProps = mergeProps(() => api().getLabelProps(), props);
     return <ark.label {...mergedProps}/>;
 };

package/dist/source/components/pin-input/pin-input-root-provider.jsx

@@ -0,0 +1,11 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { PinInputProvider } from './use-pin-input-context';
+export const PinInputRootProvider = (props) => {
+    const [{ value: pinInput }, localProps] = createSplitProps()(props, ['value']);
+    const mergedProps = mergeProps(() => pinInput().getRootProps(), localProps);
+    return (<PinInputProvider value={pinInput}>
+      <ark.div {...mergedProps}/>
+    </PinInputProvider>);
+};

package/dist/source/components/pin-input/pin-input-root.jsx

@@ -27,7 +27,7 @@ export const PinInputRoot = (props) => {
         'value',
     ]);
     const pinInput = usePinInput(usePinInputProps);
-    const mergedProps = mergeProps(() => pinInput().rootProps, localProps);
+    const mergedProps = mergeProps(() => pinInput().getRootProps(), localProps);
     return (<PinInputProvider value={pinInput}>
       <ark.div {...mergedProps}/>
     </PinInputProvider>);

package/dist/source/components/pin-input/pin-input.js

@@ -4,3 +4,4 @@ export { PinInputHiddenInput as HiddenInput, } from './pin-input-hidden-input';
 export { PinInputInput as Input } from './pin-input-input';
 export { PinInputLabel as Label } from './pin-input-label';
 export { PinInputRoot as Root } from './pin-input-root';
+export { PinInputRootProvider as RootProvider, } from './pin-input-root-provider';

package/dist/source/components/popover/index.js

@@ -8,7 +8,9 @@ export { PopoverDescription } from './popover-description';
 export { PopoverIndicator } from './popover-indicator';
 export { PopoverPositioner } from './popover-positioner';
 export { PopoverRoot } from './popover-root';
+export { PopoverRootProvider } from './popover-root-provider';
 export { PopoverTitle } from './popover-title';
 export { PopoverTrigger } from './popover-trigger';
+export { usePopover } from './use-popover';
 export { usePopoverContext } from './use-popover-context';
 export * as Popover from './popover';

package/dist/source/components/popover/popover-anchor.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { usePopoverContext } from './use-popover-context';
 export const PopoverAnchor = (props) => {
     const api = usePopoverContext();
-    const mergedProps = mergeProps(() => api().anchorProps, props);
+    const mergedProps = mergeProps(() => api().getAnchorProps(), props);
     return <ark.div {...mergedProps}/>;
 };

package/dist/source/components/popover/popover-arrow-tip.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { usePopoverContext } from './use-popover-context';
 export const PopoverArrowTip = (props) => {
     const popover = usePopoverContext();
-    const mergedProps = mergeProps(() => popover().arrowTipProps, props);
+    const mergedProps = mergeProps(() => popover().getArrowTipProps(), props);
     return <ark.div {...mergedProps}/>;
 };

package/dist/source/components/popover/popover-arrow.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { usePopoverContext } from './use-popover-context';
 export const PopoverArrow = (props) => {
     const popover = usePopoverContext();
-    const mergedProps = mergeProps(() => popover().arrowProps, props);
+    const mergedProps = mergeProps(() => popover().getArrowProps(), props);
     return <ark.div {...mergedProps}/>;
 };

package/dist/source/components/popover/popover-close-trigger.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { usePopoverContext } from './use-popover-context';
 export const PopoverCloseTrigger = (props) => {
     const api = usePopoverContext();
-    const mergedProps = mergeProps(() => api().closeTriggerProps, props);
+    const mergedProps = mergeProps(() => api().getCloseTriggerProps(), props);
     return <ark.button {...mergedProps}/>;
 };

package/dist/source/components/popover/popover-content.jsx

@@ -6,7 +6,7 @@ import { usePopoverContext } from './use-popover-context';
 export const PopoverContent = (props) => {
     const api = usePopoverContext();
     const presenceApi = usePresenceContext();
-    const mergedProps = mergeProps(() => api().contentProps, () => presenceApi().presenceProps, props);
+    const mergedProps = mergeProps(() => api().getContentProps(), () => presenceApi().presenceProps, props);
     return (<Show when={!presenceApi().unmounted}>
       <ark.div {...mergedProps}/>
     </Show>);

package/dist/source/components/popover/popover-description.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { usePopoverContext } from './use-popover-context';
 export const PopoverDescription = (props) => {
     const api = usePopoverContext();
-    const mergedProps = mergeProps(() => api().descriptionProps, props);
+    const mergedProps = mergeProps(() => api().getDescriptionProps(), props);
     return <ark.div {...mergedProps}/>;
 };

package/dist/source/components/popover/popover-indicator.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { usePopoverContext } from './use-popover-context';
 export const PopoverIndicator = (props) => {
     const popover = usePopoverContext();
-    const mergedProps = mergeProps(() => popover().indicatorProps, props);
+    const mergedProps = mergeProps(() => popover().getIndicatorProps(), props);
     return <ark.div {...mergedProps}/>;
 };

package/dist/source/components/popover/popover-positioner.jsx

@@ -6,7 +6,7 @@ import { usePopoverContext } from './use-popover-context';
 export const PopoverPositioner = (props) => {
     const api = usePopoverContext();
     const presenceApi = usePresenceContext();
-    const mergedProps = mergeProps(() => api().positionerProps, props);
+    const mergedProps = mergeProps(() => api().getPositionerProps(), props);
     return (<Show when={!presenceApi().unmounted}>
       <ark.div {...mergedProps}/>
     </Show>);

package/dist/source/components/popover/popover-root-provider.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { PresenceProvider, splitPresenceProps, usePresence, } from '../presence';
+import { PopoverProvider } from './use-popover-context';
+export const PopoverRootProvider = (props) => {
+    const [presenceProps, popoverProps] = splitPresenceProps(props);
+    const presence = usePresence(mergeProps(presenceProps, () => ({ present: popoverProps.value().open })));
+    return (<PopoverProvider value={popoverProps.value}>
+      <PresenceProvider value={presence}>{popoverProps.children}</PresenceProvider>
+    </PopoverProvider>);
+};

package/dist/source/components/popover/popover-title.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { usePopoverContext } from './use-popover-context';
 export const PopoverTitle = (props) => {
     const api = usePopoverContext();
-    const mergedProps = mergeProps(() => api().titleProps, props);
+    const mergedProps = mergeProps(() => api().getTitleProps(), props);
     return <ark.div {...mergedProps}/>;
 };

package/dist/source/components/popover/popover-trigger.jsx

@@ -5,6 +5,6 @@ import { usePopoverContext } from './use-popover-context';
 export const PopoverTrigger = (props) => {
     const api = usePopoverContext();
     const presenceApi = usePresenceContext();
-    const mergedProps = mergeProps(() => api().triggerProps, () => ({ 'aria-controls': presenceApi().unmounted && null }), props);
+    const mergedProps = mergeProps(() => api().getTriggerProps(), () => ({ 'aria-controls': presenceApi().unmounted && null }), props);
     return <ark.button {...mergedProps}/>;
 };

package/dist/source/components/popover/popover.js

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

package/dist/source/components/progress/index.js

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

package/dist/source/components/progress/progress-circle-range.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useProgressContext } from './use-progress-context';
 export const ProgressCircleRange = (props) => {
     const api = useProgressContext();
-    const mergedProps = mergeProps(() => api().circleRangeProps, props);
+    const mergedProps = mergeProps(() => api().getCircleRangeProps(), props);
     return <ark.circle {...mergedProps}/>;
 };

package/dist/source/components/progress/progress-circle-track.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useProgressContext } from './use-progress-context';
 export const ProgressCircleTrack = (props) => {
     const api = useProgressContext();
-    const mergedProps = mergeProps(() => api().circleTrackProps, props);
+    const mergedProps = mergeProps(() => api().getCircleTrackProps(), props);
     return <ark.circle {...mergedProps}/>;
 };

package/dist/source/components/progress/progress-circle.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useProgressContext } from './use-progress-context';
 export const ProgressCircle = (props) => {
     const api = useProgressContext();
-    const mergedProps = mergeProps(() => api().circleProps, props);
+    const mergedProps = mergeProps(() => api().getCircleProps(), props);
     return <ark.svg {...mergedProps}/>;
 };

package/dist/source/components/progress/progress-label.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useProgressContext } from './use-progress-context';
 export const ProgressLabel = (props) => {
     const api = useProgressContext();
-    const mergedProps = mergeProps(() => api().labelProps, props);
+    const mergedProps = mergeProps(() => api().getLabelProps(), props);
     return <ark.label {...mergedProps}/>;
 };

package/dist/source/components/progress/progress-range.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useProgressContext } from './use-progress-context';
 export const ProgressRange = (props) => {
     const api = useProgressContext();
-    const mergedProps = mergeProps(() => api().rangeProps, props);
+    const mergedProps = mergeProps(() => api().getRangeProps(), props);
     return <ark.div {...mergedProps}/>;
 };

package/dist/source/components/progress/progress-root-provider.jsx

@@ -0,0 +1,11 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { ProgressProvider } from './use-progress-context';
+export const ProgressRootProvider = (props) => {
+    const [{ value: progress }, localProps] = createSplitProps()(props, ['value']);
+    const mergedProps = mergeProps(() => progress().getRootProps(), localProps);
+    return (<ProgressProvider value={progress}>
+      <ark.div {...mergedProps}/>
+    </ProgressProvider>);
+};

package/dist/source/components/progress/progress-root.jsx

@@ -14,7 +14,7 @@ export const ProgressRoot = (props) => {
         'value',
     ]);
     const api = useProgress(progressProps);
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    const mergedProps = mergeProps(() => api().getRootProps(), localProps);
     return (<ProgressProvider value={api}>
       <ark.div {...mergedProps}/>
     </ProgressProvider>);

package/dist/source/components/progress/progress-track.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useProgressContext } from './use-progress-context';
 export const ProgressTrack = (props) => {
     const api = useProgressContext();
-    const mergedProps = mergeProps(() => api().trackProps, props);
+    const mergedProps = mergeProps(() => api().getTrackProps(), props);
     return <ark.div {...mergedProps}/>;
 };

package/dist/source/components/progress/progress-value-text.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useProgressContext } from './use-progress-context';
 export const ProgressValueText = (props) => {
     const api = useProgressContext();
-    const mergedProps = mergeProps(() => api().valueTextProps, props);
+    const mergedProps = mergeProps(() => api().getValueTextProps(), props);
     return <ark.span {...mergedProps}>{props.children || api().valueAsString}</ark.span>;
 };

package/dist/source/components/progress/progress.js

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

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

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