@ark-ui/solid 3.0.0-0 → 3.0.0-1

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

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { usePopoverContext } from './use-popover-context';
+export const PopoverIndicator = (props) => {
+    const popover = usePopoverContext();
+    const mergedProps = mergeProps(() => popover().indicatorProps, props);
+    return <ark.div {...mergedProps}/>;
+};

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

@@ -0,0 +1,13 @@
+import { mergeProps } from '@zag-js/solid';
+import { Show } from 'solid-js';
+import { ark } from '../factory';
+import { usePresenceContext } from '../presence';
+import { usePopoverContext } from './use-popover-context';
+export const PopoverPositioner = (props) => {
+    const api = usePopoverContext();
+    const presenceApi = usePresenceContext();
+    const mergedProps = mergeProps(() => api().positionerProps, props);
+    return (<Show when={!presenceApi().isUnmounted}>
+      <ark.div {...mergedProps}/>
+    </Show>);
+};

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

@@ -0,0 +1,32 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { PresenceProvider, splitPresenceProps, usePresence, } from '../presence';
+import { usePopover } from './use-popover';
+import { PopoverProvider } from './use-popover-context';
+export const PopoverRoot = (props) => {
+    const [presenceProps, popoverProps] = splitPresenceProps(props);
+    const [usePopoverProps, localProps] = createSplitProps()(popoverProps, [
+        'autoFocus',
+        'closeOnEsc',
+        'closeOnInteractOutside',
+        'dir',
+        'getRootNode',
+        'id',
+        'ids',
+        'initialFocusEl',
+        'modal',
+        'onEscapeKeyDown',
+        'onFocusOutside',
+        'onInteractOutside',
+        'onOpenChange',
+        'onPointerDownOutside',
+        'open',
+        'portalled',
+        'positioning',
+    ]);
+    const api = usePopover(usePopoverProps);
+    const apiPresence = usePresence(mergeProps(presenceProps, () => ({ present: api().isOpen })));
+    return (<PopoverProvider value={api}>
+      <PresenceProvider value={apiPresence}>{localProps.children}</PresenceProvider>
+    </PopoverProvider>);
+};

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

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { usePopoverContext } from './use-popover-context';
+export const PopoverTitle = (props) => {
+    const api = usePopoverContext();
+    const mergedProps = mergeProps(() => api().titleProps, props);
+    return <ark.div {...mergedProps}/>;
+};

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

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { usePresenceContext } from '../presence';
+import { usePopoverContext } from './use-popover-context';
+export const PopoverTrigger = (props) => {
+    const api = usePopoverContext();
+    const presenceApi = usePresenceContext();
+    const mergedProps = mergeProps(() => api().triggerProps, () => ({ 'aria-controls': presenceApi().isUnmounted && null }), props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/popover/popover.jsx

@@ -0,0 +1,13 @@
+import { PopoverAnchor as Anchor } from './popover-anchor';
+import { PopoverArrow as Arrow } from './popover-arrow';
+import { PopoverArrowTip as ArrowTip, } from './popover-arrow-tip';
+import { PopoverCloseTrigger as CloseTrigger, } from './popover-close-trigger';
+import { PopoverContent as Content, } from './popover-content';
+import { PopoverContext as Context, } from './popover-context';
+import { PopoverDescription as Description, } from './popover-description';
+import { PopoverIndicator as Indicator, } from './popover-indicator';
+import { PopoverPositioner as Positioner, } from './popover-positioner';
+import { PopoverRoot as Root } from './popover-root';
+import { PopoverTitle as Title } from './popover-title';
+import { PopoverTrigger as Trigger, } from './popover-trigger';
+export { Anchor, Arrow, ArrowTip, CloseTrigger, Content, Context, Description, Indicator, Positioner, Root, Title, Trigger, };

package/dist/source/popover/use-popover-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../create-context';
+export const [PopoverProvider, usePopoverContext] = createContext({
+    hookName: 'usePopoverContext',
+    providerName: '<PopoverProvider />',
+});

package/dist/source/popover/use-popover.js

@@ -0,0 +1,10 @@
+import * as popover from '@zag-js/popover';
+import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { createMemo, createUniqueId } from 'solid-js';
+import { useEnvironmentContext } from '../environment';
+export const usePopover = (props) => {
+    const getRootNode = useEnvironmentContext();
+    const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
+    const [state, send] = useMachine(popover.machine(context), { context });
+    return createMemo(() => popover.connect(state, send, normalizeProps));
+};

package/dist/source/presence/index.js

@@ -0,0 +1,5 @@
+import { Presence } from './presence';
+import { splitPresenceProps } from './split-presence-props';
+import { usePresence } from './use-presence';
+import { PresenceProvider, usePresenceContext, } from './use-presence-context';
+export { Presence, PresenceProvider, splitPresenceProps, usePresence, usePresenceContext };

package/dist/source/presence/presence.jsx

@@ -0,0 +1,13 @@
+import { mergeProps } from '@zag-js/solid';
+import { Show } from 'solid-js';
+import { ark } from '../factory';
+import { splitPresenceProps } from './split-presence-props';
+import { usePresence } from './use-presence';
+export const Presence = (props) => {
+    const [presenceProps, localProps] = splitPresenceProps(props);
+    const api = usePresence(presenceProps);
+    const mergedProps = mergeProps(() => api().presenceProps, localProps);
+    return (<Show when={!api().isUnmounted}>
+      <ark.div {...mergedProps} data-scope="presence" data-part="root"/>
+    </Show>);
+};

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

@@ -0,0 +1,7 @@
+import { createSplitProps } from '../create-split-props';
+export const splitPresenceProps = (props) => createSplitProps()(props, [
+    'lazyMount',
+    'onExitComplete',
+    'present',
+    'unmountOnExit',
+]);

package/dist/source/presence/use-presence-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../create-context';
+export const [PresenceProvider, usePresenceContext] = createContext({
+    hookName: 'usePresenceContext',
+    providerName: '<PresenceProvider />',
+});

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

@@ -0,0 +1,27 @@
+import * as presence from '@zag-js/presence';
+import { normalizeProps, useMachine } from '@zag-js/solid';
+import { createEffect, createMemo, createSignal } from 'solid-js';
+import { splitRenderStrategyProps } from '../render-strategy';
+export const usePresence = (props) => {
+    const [renderStrategyProps, context] = splitRenderStrategyProps(props);
+    const [wasEverPresent, setWasEverPresent] = createSignal(false);
+    const [state, send] = useMachine(presence.machine(context), {
+        context,
+    });
+    const api = createMemo(() => presence.connect(state, send, normalizeProps));
+    createEffect(() => {
+        const isPresent = api().isPresent;
+        if (isPresent)
+            setWasEverPresent(true);
+    });
+    return createMemo(() => ({
+        isUnmounted: (!api().isPresent && !wasEverPresent() && renderStrategyProps.lazyMount) ||
+            (renderStrategyProps.unmountOnExit && !api().isPresent && wasEverPresent()),
+        isPresent: api().isPresent,
+        presenceProps: {
+            ref: api().setNode,
+            hidden: !api().isPresent,
+            'data-state': context.present ? 'open' : 'closed',
+        },
+    }));
+};

package/dist/source/progress/index.js

@@ -0,0 +1,13 @@
+import { ProgressCircle } from './progress-circle';
+import { ProgressCircleRange } from './progress-circle-range';
+import { ProgressCircleTrack } from './progress-circle-track';
+import { ProgressContext } from './progress-context';
+import { ProgressLabel } from './progress-label';
+import { ProgressRange } from './progress-range';
+import { ProgressRoot } from './progress-root';
+import { ProgressTrack } from './progress-track';
+import { ProgressValueText } from './progress-value-text';
+import { ProgressView } from './progress-view';
+import { useProgressContext } from './use-progress-context';
+export * as Progress from './progress';
+export { ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressContext, ProgressLabel, ProgressRange, ProgressRoot, ProgressTrack, ProgressValueText, ProgressView, useProgressContext, };

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

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useProgressContext } from './use-progress-context';
+export const ProgressCircleRange = (props) => {
+    const api = useProgressContext();
+    const mergedProps = mergeProps(() => api().circleRangeProps, props);
+    return <ark.circle {...mergedProps}/>;
+};

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

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useProgressContext } from './use-progress-context';
+export const ProgressCircleTrack = (props) => {
+    const api = useProgressContext();
+    const mergedProps = mergeProps(() => api().circleTrackProps, props);
+    return <ark.circle {...mergedProps}/>;
+};

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

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useProgressContext } from './use-progress-context';
+export const ProgressCircle = (props) => {
+    const api = useProgressContext();
+    const mergedProps = mergeProps(() => api().circleProps, props);
+    return <ark.svg {...mergedProps}/>;
+};

package/dist/source/progress/progress-context.jsx

@@ -0,0 +1,2 @@
+import { useProgressContext } from './use-progress-context';
+export const ProgressContext = (props) => props.children(useProgressContext());

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

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useProgressContext } from './use-progress-context';
+export const ProgressLabel = (props) => {
+    const api = useProgressContext();
+    const mergedProps = mergeProps(() => api().labelProps, props);
+    return <ark.label {...mergedProps}/>;
+};

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

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useProgressContext } from './use-progress-context';
+export const ProgressRange = (props) => {
+    const api = useProgressContext();
+    const mergedProps = mergeProps(() => api().rangeProps, props);
+    return <ark.div {...mergedProps}/>;
+};

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

@@ -0,0 +1,22 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useProgress } from './use-progress';
+import { ProgressProvider } from './use-progress-context';
+export const ProgressRoot = (props) => {
+    const [progressProps, localProps] = createSplitProps()(props, [
+        'dir',
+        'getRootNode',
+        'id',
+        'max',
+        'min',
+        'orientation',
+        'translations',
+        'value',
+    ]);
+    const api = useProgress(progressProps);
+    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    return (<ProgressProvider value={api}>
+      <ark.div {...mergedProps}/>
+    </ProgressProvider>);
+};

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

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useProgressContext } from './use-progress-context';
+export const ProgressTrack = (props) => {
+    const api = useProgressContext();
+    const mergedProps = mergeProps(() => api().trackProps, props);
+    return <ark.div {...mergedProps}/>;
+};

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

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

package/dist/source/progress/progress-view.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useProgressContext } from './use-progress-context';
+export const ProgressView = (props) => {
+    const [state, localProps] = createSplitProps()(props, ['state']);
+    const api = useProgressContext();
+    const mergedProps = mergeProps(() => api().getViewProps(state), localProps);
+    return <ark.span {...mergedProps}/>;
+};

package/dist/source/progress/progress.jsx

@@ -0,0 +1,11 @@
+import { ProgressCircle as Circle, } from './progress-circle';
+import { ProgressCircleRange as CircleRange, } from './progress-circle-range';
+import { ProgressCircleTrack as CircleTrack, } from './progress-circle-track';
+import { ProgressContext as Context, } from './progress-context';
+import { ProgressLabel as Label } from './progress-label';
+import { ProgressRange as Range } from './progress-range';
+import { ProgressRoot as Root } from './progress-root';
+import { ProgressTrack as Track } from './progress-track';
+import { ProgressValueText as ValueText, } from './progress-value-text';
+import { ProgressView as View } from './progress-view';
+export { Circle, CircleRange, CircleTrack, Context, Label, Range, Root, Track, ValueText, View };

package/dist/source/progress/use-progress-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../create-context';
+export const [ProgressProvider, useProgressContext] = createContext({
+    hookName: 'useProgressContext',
+    providerName: '<ProgressProvider />',
+});

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

@@ -0,0 +1,10 @@
+import * as progress from '@zag-js/progress';
+import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { createMemo, createUniqueId } from 'solid-js';
+import { useEnvironmentContext } from '../environment';
+export const useProgress = (props) => {
+    const getRootNode = useEnvironmentContext();
+    const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
+    const [state, send] = useMachine(progress.machine(context), { context });
+    return createMemo(() => progress.connect(state, send, normalizeProps));
+};

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

@@ -0,0 +1,10 @@
+import { RadioGroupIndicator } from './radio-group-indicator';
+import { RadioGroupItem } from './radio-group-item';
+import { RadioGroupItemControl } from './radio-group-item-control';
+import { RadioGroupItemText } from './radio-group-item-text';
+import { RadioGroupLabel } from './radio-group-label';
+import { RadioGroupRoot } from './radio-group-root';
+import { useRadioGroupContext } from './use-radio-group-context';
+import { useRadioGroupItemContext, } from './use-radio-group-item-context';
+export * as RadioGroup from './radio-group';
+export { RadioGroupIndicator, RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, useRadioGroupContext, useRadioGroupItemContext, };

package/dist/source/radio-group/radio-group-indicator.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useRadioGroupContext } from './use-radio-group-context';
+export const RadioGroupIndicator = (props) => {
+    const api = useRadioGroupContext();
+    const mergedProps = mergeProps(() => api().indicatorProps, props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/radio-group/radio-group-item-control.jsx

@@ -0,0 +1,13 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useRadioGroupContext } from './use-radio-group-context';
+import { useRadioGroupItemPropsContext } from './use-radio-group-item-context';
+export const RadioGroupItemControl = (props) => {
+    const api = useRadioGroupContext();
+    const itemProps = useRadioGroupItemPropsContext();
+    const mergedProps = mergeProps(() => api().getItemControlProps(itemProps), props);
+    return (<>
+      <ark.div {...mergedProps}/>
+      <input {...api().getItemHiddenInputProps(itemProps)}/>
+    </>);
+};

package/dist/source/radio-group/radio-group-item-text.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useRadioGroupContext } from './use-radio-group-context';
+import { useRadioGroupItemPropsContext } from './use-radio-group-item-context';
+export const RadioGroupItemText = (props) => {
+    const api = useRadioGroupContext();
+    const itemProps = useRadioGroupItemPropsContext();
+    const mergedProps = mergeProps(() => api().getItemTextProps(itemProps), props);
+    return <ark.span {...mergedProps}/>;
+};

package/dist/source/radio-group/radio-group-item.jsx

@@ -0,0 +1,21 @@
+import { mergeProps } from '@zag-js/solid';
+import { createMemo } from 'solid-js';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useRadioGroupContext } from './use-radio-group-context';
+import { RadioGroupItemPropsProvider, RadioGroupItemProvider } from './use-radio-group-item-context';
+export const RadioGroupItem = (props) => {
+    const [itemProps, localProps] = createSplitProps()(props, [
+        'value',
+        'disabled',
+        'invalid',
+    ]);
+    const api = useRadioGroupContext();
+    const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
+    const itemState = createMemo(() => api().getItemState(itemProps));
+    return (<RadioGroupItemProvider value={itemState}>
+      <RadioGroupItemPropsProvider value={itemProps}>
+        <ark.label {...mergedProps}/>
+      </RadioGroupItemPropsProvider>
+    </RadioGroupItemProvider>);
+};

package/dist/source/radio-group/radio-group-label.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useRadioGroupContext } from './use-radio-group-context';
+export const RadioGroupLabel = (props) => {
+    const api = useRadioGroupContext();
+    const mergedProps = mergeProps(() => api().labelProps, props);
+    return <ark.label {...mergedProps}/>;
+};

package/dist/source/radio-group/radio-group-root.jsx

@@ -0,0 +1,24 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useRadioGroup } from './use-radio-group';
+import { RadioGroupProvider } from './use-radio-group-context';
+export const RadioGroupRoot = (props) => {
+    const [useRadioGroupProps, localProps] = createSplitProps()(props, [
+        'dir',
+        'disabled',
+        'form',
+        'getRootNode',
+        'id',
+        'ids',
+        'name',
+        'onValueChange',
+        'orientation',
+        'value',
+    ]);
+    const api = useRadioGroup(useRadioGroupProps);
+    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    return (<RadioGroupProvider value={api}>
+      <ark.div {...mergedProps}/>
+    </RadioGroupProvider>);
+};

package/dist/source/radio-group/radio-group.jsx

@@ -0,0 +1,7 @@
+import { RadioGroupIndicator as Indicator, } from './radio-group-indicator';
+import { RadioGroupItem as Item } from './radio-group-item';
+import { RadioGroupItemControl as ItemControl, } from './radio-group-item-control';
+import { RadioGroupItemText as ItemText, } from './radio-group-item-text';
+import { RadioGroupLabel as Label, } from './radio-group-label';
+import { RadioGroupRoot as Root } from './radio-group-root';
+export { Indicator, Item, ItemControl, ItemText, Label, Root };

package/dist/source/radio-group/use-radio-group-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../create-context';
+export const [RadioGroupProvider, useRadioGroupContext] = createContext({
+    hookName: 'useRadioGroupContext',
+    providerName: '<RadioGroupProvider />',
+});

package/dist/source/radio-group/use-radio-group-item-context.js

@@ -0,0 +1,9 @@
+import { createContext } from '../create-context';
+export const [RadioGroupItemProvider, useRadioGroupItemContext] = createContext({
+    hookName: 'useRadioGroupItemContext',
+    providerName: '<RadioGroupItemProvider />',
+});
+export const [RadioGroupItemPropsProvider, useRadioGroupItemPropsContext] = createContext({
+    hookName: 'useRadioGroupItemPropsContext',
+    providerName: '<RadioGroupItemPropsProvider />',
+});

package/dist/source/radio-group/use-radio-group.js

@@ -0,0 +1,12 @@
+import * as radio from '@zag-js/radio-group';
+import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { createMemo, createUniqueId } from 'solid-js';
+import { useEnvironmentContext } from '../environment';
+export const useRadioGroup = (props) => {
+    const getRootNode = useEnvironmentContext();
+    const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
+    const [state, send] = useMachine(radio.machine(context), {
+        context,
+    });
+    return createMemo(() => radio.connect(state, send, normalizeProps));
+};

package/dist/source/rating-group/index.js

@@ -0,0 +1,10 @@
+import { RatingGroupContext } from './rating-group-context';
+import { RatingGroupControl } from './rating-group-control';
+import { RatingGroupItem } from './rating-group-item';
+import { RatingGroupItemContext, } from './rating-group-item-context';
+import { RatingGroupLabel } from './rating-group-label';
+import { RatingGroupRoot } from './rating-group-root';
+import { useRatingGroupContext } from './use-rating-group-context';
+import { useRatingGroupItemContext, } from './use-rating-group-item-context';
+export * as RatingGroup from './rating-group';
+export { RatingGroupContext, RatingGroupControl, RatingGroupItem, RatingGroupItemContext, RatingGroupLabel, RatingGroupRoot, useRatingGroupContext, useRatingGroupItemContext, };

package/dist/source/rating-group/rating-group-context.jsx

@@ -0,0 +1,2 @@
+import { useRatingGroupContext } from './use-rating-group-context';
+export const RatingGroupContext = (props) => props.children(useRatingGroupContext());

package/dist/source/rating-group/rating-group-control.jsx

@@ -0,0 +1,11 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useRatingGroupContext } from './use-rating-group-context';
+export const RatingGroupControl = (props) => {
+    const api = useRatingGroupContext();
+    const mergedProps = mergeProps(() => api().controlProps, props);
+    return (<>
+      <ark.div {...mergedProps}/>
+      <input {...api().hiddenInputProps}/>
+    </>);
+};

package/dist/source/rating-group/rating-group-item-context.jsx

@@ -0,0 +1,2 @@
+import { useRatingGroupItemContext, } from './use-rating-group-item-context';
+export const RatingGroupItemContext = (props) => props.children(useRatingGroupItemContext());

package/dist/source/rating-group/rating-group-item.jsx

@@ -0,0 +1,15 @@
+import { mergeProps } from '@zag-js/solid';
+import { createMemo } from 'solid-js';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useRatingGroupContext } from './use-rating-group-context';
+import { RatingGroupItemProvider } from './use-rating-group-item-context';
+export const RatingGroupItem = (props) => {
+    const [itemProps, localProps] = createSplitProps()(props, ['index']);
+    const api = useRatingGroupContext();
+    const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
+    const itemState = createMemo(() => api().getItemState(itemProps));
+    return (<RatingGroupItemProvider value={itemState}>
+      <ark.span {...mergedProps}/>
+    </RatingGroupItemProvider>);
+};

package/dist/source/rating-group/rating-group-label.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useRatingGroupContext } from './use-rating-group-context';
+export const RatingGroupLabel = (props) => {
+    const api = useRatingGroupContext();
+    const mergedProps = mergeProps(() => api().labelProps, props);
+    return <ark.label {...mergedProps}/>;
+};

package/dist/source/rating-group/rating-group-root.jsx

@@ -0,0 +1,29 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useRatingGroup } from './use-rating-group';
+import { RatingGroupProvider } from './use-rating-group-context';
+export const RatingGroupRoot = (props) => {
+    const [useRatingProps, localProps] = createSplitProps()(props, [
+        'allowHalf',
+        'autoFocus',
+        'count',
+        'dir',
+        'disabled',
+        'form',
+        'getRootNode',
+        'id',
+        'ids',
+        'name',
+        'onHoverChange',
+        'onValueChange',
+        'readOnly',
+        'translations',
+        'value',
+    ]);
+    const api = useRatingGroup(useRatingProps);
+    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    return (<RatingGroupProvider value={api}>
+      <ark.div {...mergedProps}/>
+    </RatingGroupProvider>);
+};

package/dist/source/rating-group/rating-group.jsx

@@ -0,0 +1,7 @@
+import { RatingGroupContext as Context, } from './rating-group-context';
+import { RatingGroupControl as Control, } from './rating-group-control';
+import { RatingGroupItem as Item, } from './rating-group-item';
+import { RatingGroupItemContext as ItemContext, } from './rating-group-item-context';
+import { RatingGroupLabel as Label, } from './rating-group-label';
+import { RatingGroupRoot as Root, } from './rating-group-root';
+export { Context, Control, Item, ItemContext, Label, Root };

package/dist/source/rating-group/use-rating-group-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../create-context';
+export const [RatingGroupProvider, useRatingGroupContext] = createContext({
+    hookName: 'useRatingGroupContext',
+    providerName: '<RatingGroupProvider />',
+});

package/dist/source/rating-group/use-rating-group-item-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../create-context';
+export const [RatingGroupItemProvider, useRatingGroupItemContext] = createContext({
+    hookName: 'useRatingGroupItemContext',
+    providerName: '<RatingGroupItemProvider />',
+});

package/dist/source/rating-group/use-rating-group.js

@@ -0,0 +1,10 @@
+import * as rating from '@zag-js/rating-group';
+import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { createMemo, createUniqueId } from 'solid-js';
+import { useEnvironmentContext } from '../environment';
+export const useRatingGroup = (props) => {
+    const getRootNode = useEnvironmentContext();
+    const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
+    const [state, send] = useMachine(rating.machine(context), { context });
+    return createMemo(() => rating.connect(state, send, normalizeProps));
+};

package/dist/source/render-strategy.js

@@ -0,0 +1,7 @@
+import { createContext } from './create-context';
+import { createSplitProps } from './create-split-props';
+export const [RenderStrategyProvider, useRenderStrategyContext] = createContext({
+    hookName: 'useRenderStrategyContext',
+    providerName: '<RenderStrategyProvider />',
+});
+export const splitRenderStrategyProps = (props) => createSplitProps()(props, ['lazyMount', 'unmountOnExit']);