@ark-ui/solid 1.3.0 → 2.0.1

package/types/number-input/number-input-scrubber.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface NumberInputScrubberProps extends HTMLArkProps<'div'> {
 }
-export declare const NumberInputScrubber: (props: NumberInputScrubberProps) => import("solid-js").JSX.Element;
+export declare const NumberInputScrubber: ArkComponent<'div'>;

package/types/number-input/number-input.d.ts

@@ -1,9 +1,8 @@
-import { type JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseNumberInputProps, type UseNumberInputReturn } from './use-number-input';
-export interface NumberInputProps extends Assign<Assign<HTMLArkProps<'div'>, {
-    children?: JSX.Element | ((api: UseNumberInputReturn) => JSX.Element);
-}>, UseNumberInputProps> {
-}
-export declare const NumberInput: (props: NumberInputProps) => JSX.Element;
+import { NumberInputControl as Control } from './number-input-control';
+import { NumberInputDecrementTrigger as DecrementTrigger } from './number-input-decrement-trigger';
+import { NumberInputIncrementTrigger as IncrementTrigger } from './number-input-increment-trigger';
+import { NumberInputInput as Input } from './number-input-input';
+import { NumberInputLabel as Label } from './number-input-label';
+import { NumberInputRoot as Root } from './number-input-root';
+import { NumberInputScrubber as Scrubber } from './number-input-scrubber';
+export { Control, DecrementTrigger, IncrementTrigger, Input, Label, Root, Scrubber };

package/types/pagination/index.d.ts

@@ -1,16 +1,10 @@
 import type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails } from '@zag-js/pagination';
-import { type PaginationProps } from './pagination';
 import { usePaginationContext, type PaginationContext } from './pagination-context';
 import { PaginationEllipsis, type PaginationEllipsisProps } from './pagination-ellipsis';
 import { PaginationItem, type PaginationItemProps } from './pagination-item';
 import { PaginationNextTrigger, type PaginationNextTriggerProps } from './pagination-next-trigger';
 import { PaginationPrevTrigger, type PaginationPrevTriggerProps } from './pagination-prev-trigger';
-declare const Pagination: ((props: PaginationProps) => import("solid-js").JSX.Element) & {
-    Root: (props: PaginationProps) => import("solid-js").JSX.Element;
-    Ellipsis: (props: PaginationEllipsisProps) => import("solid-js").JSX.Element;
-    Item: (props: PaginationItemProps) => import("solid-js").JSX.Element;
-    NextTrigger: (props: PaginationNextTriggerProps) => import("solid-js").JSX.Element;
-    PrevTrigger: (props: PaginationPrevTriggerProps) => import("solid-js").JSX.Element;
-};
-export { Pagination, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, usePaginationContext, };
-export type { PaginationContext, PaginationEllipsisProps, PaginationItemLabelDetails, PaginationItemProps, PaginationNextTriggerProps, PaginationPageChangeDetails, PaginationPrevTriggerProps, PaginationProps, };
+import { PaginationRoot, type PaginationRootProps } from './pagination-root';
+export * as Pagination from './pagination';
+export { PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, usePaginationContext, };
+export type { PaginationContext, PaginationEllipsisProps, PaginationItemLabelDetails, PaginationItemProps, PaginationNextTriggerProps, PaginationPageChangeDetails, PaginationPrevTriggerProps, PaginationRootProps, };

package/types/pagination/pagination-ellipsis.d.ts

@@ -1,6 +1,6 @@
 import type { EllipsisProps } from '@zag-js/pagination';
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 export interface PaginationEllipsisProps extends Assign<HTMLArkProps<'div'>, EllipsisProps> {
 }
-export declare const PaginationEllipsis: (props: PaginationEllipsisProps) => import("solid-js").JSX.Element;
+export declare const PaginationEllipsis: ArkComponent<'div', EllipsisProps>;

package/types/pagination/pagination-item.d.ts

@@ -1,6 +1,6 @@
 import type { ItemProps } from '@zag-js/pagination';
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 export interface PaginationItemProps extends Assign<HTMLArkProps<'button'>, ItemProps> {
 }
-export declare const PaginationItem: (props: PaginationItemProps) => import("solid-js").JSX.Element;
+export declare const PaginationItem: ArkComponent<'button', ItemProps>;

package/types/pagination/pagination-next-trigger.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface PaginationNextTriggerProps extends HTMLArkProps<'button'> {
 }
-export declare const PaginationNextTrigger: (props: PaginationNextTriggerProps) => import("solid-js").JSX.Element;
+export declare const PaginationNextTrigger: ArkComponent<'button'>;

package/types/pagination/pagination-prev-trigger.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface PaginationPrevTriggerProps extends HTMLArkProps<'button'> {
 }
-export declare const PaginationPrevTrigger: (props: PaginationPrevTriggerProps) => import("solid-js").JSX.Element;
+export declare const PaginationPrevTrigger: ArkComponent<'button'>;

package/types/pagination/pagination-root.d.ts

@@ -0,0 +1,11 @@
+import { type JSX } from 'solid-js';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+import { type UsePaginationProps, type UsePaginationReturn } from './use-pagination';
+interface ElementProps extends UsePaginationProps {
+    children?: JSX.Element | ((api: UsePaginationReturn) => JSX.Element);
+}
+export interface PaginationRootProps extends Assign<HTMLArkProps<'nav'>, ElementProps> {
+}
+export declare const PaginationRoot: ArkComponent<'nav', PaginationRootProps>;
+export {};

package/types/pagination/pagination.d.ts

@@ -1,9 +1,6 @@
-import { type JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UsePaginationProps, type UsePaginationReturn } from './use-pagination';
-export interface PaginationProps extends Assign<Assign<HTMLArkProps<'nav'>, {
-    children?: JSX.Element | ((api: UsePaginationReturn) => JSX.Element);
-}>, UsePaginationProps> {
-}
-export declare const Pagination: (props: PaginationProps) => JSX.Element;
+import { PaginationEllipsis as Ellipsis } from './pagination-ellipsis';
+import { PaginationItem as Item } from './pagination-item';
+import { PaginationNextTrigger as NextTrigger } from './pagination-next-trigger';
+import { PaginationPrevTrigger as PrevTrigger } from './pagination-prev-trigger';
+import { PaginationRoot as Root } from './pagination-root';
+export { Ellipsis, Item, NextTrigger, PrevTrigger, Root };

package/types/pin-input/index.d.ts

@@ -1,14 +1,9 @@
 import type { ValueChangeDetails as PinInputValueChangeDetails, ValueInvalidDetails as PinInputValueInvalidDetails } from '@zag-js/pin-input';
-import { type PinInputProps } from './pin-input';
 import { usePinInputContext, type PinInputContext } from './pin-input-context';
 import { PinInputControl, type PinInputControlProps } from './pin-input-control';
 import { PinInputInput, type PinInputInputProps } from './pin-input-input';
 import { PinInputLabel, type PinInputLabelProps } from './pin-input-label';
-declare const PinInput: ((props: PinInputProps) => import("solid-js").JSX.Element) & {
-    Root: (props: PinInputProps) => import("solid-js").JSX.Element;
-    Control: (props: PinInputControlProps) => import("solid-js").JSX.Element;
-    Input: (props: PinInputInputProps) => import("solid-js").JSX.Element;
-    Label: (props: PinInputLabelProps) => import("solid-js").JSX.Element;
-};
-export { PinInput, PinInputControl, PinInputInput, PinInputLabel, usePinInputContext };
-export type { PinInputContext, PinInputControlProps, PinInputInputProps, PinInputLabelProps, PinInputProps, PinInputValueChangeDetails, PinInputValueInvalidDetails, };
+import { PinInputRoot, type PinInputRootProps } from './pin-input-root';
+export * as PinInput from './pin-input';
+export { PinInputControl, PinInputInput, PinInputLabel, PinInputRoot, usePinInputContext };
+export type { PinInputContext, PinInputControlProps, PinInputInputProps, PinInputLabelProps, PinInputRootProps, PinInputValueChangeDetails, PinInputValueInvalidDetails, };

package/types/pin-input/pin-input-control.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface PinInputControlProps extends HTMLArkProps<'div'> {
 }
-export declare const PinInputControl: (props: PinInputControlProps) => import("solid-js").JSX.Element;
+export declare const PinInputControl: ArkComponent<'div'>;

package/types/pin-input/pin-input-input.d.ts

@@ -1,7 +1,9 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 export interface PinInputInputProps extends Assign<HTMLArkProps<'input'>, {
     index: number;
 }> {
 }
-export declare const PinInputInput: (props: PinInputInputProps) => import("solid-js").JSX.Element;
+export declare const PinInputInput: ArkComponent<'input', {
+    index: number;
+}>;

package/types/pin-input/pin-input-label.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface PinInputLabelProps extends HTMLArkProps<'label'> {
 }
-export declare const PinInputLabel: (props: PinInputLabelProps) => import("solid-js").JSX.Element;
+export declare const PinInputLabel: ArkComponent<'label'>;

package/types/pin-input/pin-input-root.d.ts

@@ -0,0 +1,6 @@
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+import { type UsePinInputProps } from './use-pin-input';
+export interface PinInputRootProps extends Assign<HTMLArkProps<'div'>, UsePinInputProps> {
+}
+export declare const PinInputRoot: ArkComponent<'div', UsePinInputProps>;

package/types/pin-input/pin-input.d.ts

@@ -1,6 +1,5 @@
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UsePinInputProps } from './use-pin-input';
-export interface PinInputProps extends Assign<HTMLArkProps<'div'>, UsePinInputProps> {
-}
-export declare const PinInput: (props: PinInputProps) => import("solid-js").JSX.Element;
+import { PinInputControl as Control } from './pin-input-control';
+import { PinInputInput as Input } from './pin-input-input';
+import { PinInputLabel as Label } from './pin-input-label';
+import { PinInputRoot as Root } from './pin-input-root';
+export { Control, Input, Label, Root };

package/types/popover/index.d.ts

@@ -1,5 +1,4 @@
 import type { OpenChangeDetails as PopoverOpenChangeDetails } from '@zag-js/popover';
-import { type PopoverProps } from './popover';
 import { PopoverAnchor, type PopoverAnchorProps } from './popover-anchor';
 import { PopoverArrow, type PopoverArrowProps } from './popover-arrow';
 import { PopoverArrowTip, type PopoverArrowTipProps } from './popover-arrow-tip';
@@ -9,20 +8,9 @@ import { usePopoverContext, type PopoverContext } from './popover-context';
 import { PopoverDescription, type PopoverDescriptionProps } from './popover-description';
 import { PopoverIndicator, type PopoverIndicatorProps } from './popover-indicator';
 import { PopoverPositioner, type PopoverPositionerProps } from './popover-positioner';
+import { PopoverRoot, type PopoverRootProps } from './popover-root';
 import { PopoverTitle, type PopoverTitleProps } from './popover-title';
 import { PopoverTrigger, type PopoverTriggerProps } from './popover-trigger';
-declare const Popover: ((props: PopoverProps) => import("solid-js").JSX.Element) & {
-    Root: (props: PopoverProps) => import("solid-js").JSX.Element;
-    Anchor: (props: PopoverAnchorProps) => import("solid-js").JSX.Element;
-    Arrow: (props: PopoverArrowProps) => import("solid-js").JSX.Element;
-    ArrowTip: (props: PopoverArrowTipProps) => import("solid-js").JSX.Element;
-    CloseTrigger: (props: PopoverCloseTriggerProps) => import("solid-js").JSX.Element;
-    Content: (props: PopoverContentProps) => import("solid-js").JSX.Element;
-    Description: (props: PopoverDescriptionProps) => import("solid-js").JSX.Element;
-    Indicator: (props: PopoverIndicatorProps) => import("solid-js").JSX.Element;
-    Positioner: (props: PopoverPositionerProps) => import("solid-js").JSX.Element;
-    Title: (props: PopoverTitleProps) => import("solid-js").JSX.Element;
-    Trigger: (props: PopoverTriggerProps) => import("solid-js").JSX.Element;
-};
-export { Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverTitle, PopoverTrigger, usePopoverContext, };
-export type { PopoverAnchorProps, PopoverArrowProps, PopoverArrowTipProps, PopoverCloseTriggerProps, PopoverContentProps, PopoverContext, PopoverDescriptionProps, PopoverIndicatorProps, PopoverOpenChangeDetails, PopoverPositionerProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, };
+export * as Popover from './popover';
+export { PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger, usePopoverContext, };
+export type { PopoverAnchorProps, PopoverArrowProps, PopoverArrowTipProps, PopoverCloseTriggerProps, PopoverContentProps, PopoverContext, PopoverDescriptionProps, PopoverIndicatorProps, PopoverOpenChangeDetails, PopoverPositionerProps, PopoverRootProps, PopoverTitleProps, PopoverTriggerProps, };

package/types/popover/popover-anchor.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface PopoverAnchorProps extends HTMLArkProps<'div'> {
 }
-export declare const PopoverAnchor: (props: PopoverAnchorProps) => import("solid-js").JSX.Element;
+export declare const PopoverAnchor: ArkComponent<'div'>;

package/types/popover/popover-arrow-tip.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface PopoverArrowTipProps extends HTMLArkProps<'div'> {
 }
-export declare const PopoverArrowTip: (props: PopoverArrowTipProps) => import("solid-js").JSX.Element;
+export declare const PopoverArrowTip: ArkComponent<'div'>;

package/types/popover/popover-arrow.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface PopoverArrowProps extends HTMLArkProps<'div'> {
 }
-export declare const PopoverArrow: (props: PopoverArrowProps) => import("solid-js").JSX.Element;
+export declare const PopoverArrow: ArkComponent<'div'>;

package/types/popover/popover-close-trigger.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface PopoverCloseTriggerProps extends HTMLArkProps<'button'> {
 }
-export declare const PopoverCloseTrigger: (props: PopoverCloseTriggerProps) => import("solid-js").JSX.Element;
+export declare const PopoverCloseTrigger: ArkComponent<'button'>;

package/types/popover/popover-content.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface PopoverContentProps extends HTMLArkProps<'div'> {
 }
-export declare const PopoverContent: (props: PopoverContentProps) => import("solid-js").JSX.Element;
+export declare const PopoverContent: ArkComponent<'div'>;

package/types/popover/popover-description.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface PopoverDescriptionProps extends HTMLArkProps<'p'> {
 }
-export declare const PopoverDescription: (props: PopoverDescriptionProps) => import("solid-js").JSX.Element;
+export declare const PopoverDescription: ArkComponent<'p'>;

package/types/popover/popover-indicator.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface PopoverIndicatorProps extends HTMLArkProps<'div'> {
 }
-export declare const PopoverIndicator: (props: PopoverIndicatorProps) => import("solid-js").JSX.Element;
+export declare const PopoverIndicator: ArkComponent<'div'>;

package/types/popover/popover-positioner.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface PopoverPositionerProps extends HTMLArkProps<'div'> {
 }
-export declare const PopoverPositioner: (props: PopoverPositionerProps) => import("solid-js").JSX.Element;
+export declare const PopoverPositioner: ArkComponent<'div'>;

package/types/popover/popover-root.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from 'solid-js';
+import { type UsePresenceProps } from '../presence';
+import { type UsePopoverProps, type UsePopoverReturn } from './use-popover';
+export interface PopoverRootProps extends UsePopoverProps, UsePresenceProps {
+    children?: JSX.Element | ((api: UsePopoverReturn) => JSX.Element);
+}
+export declare const PopoverRoot: (props: PopoverRootProps) => JSX.Element;

package/types/popover/popover-title.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface PopoverTitleProps extends HTMLArkProps<'div'> {
 }
-export declare const PopoverTitle: (props: PopoverTitleProps) => import("solid-js").JSX.Element;
+export declare const PopoverTitle: ArkComponent<'div'>;

package/types/popover/popover-trigger.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface PopoverTriggerProps extends HTMLArkProps<'button'> {
 }
-export declare const PopoverTrigger: (props: PopoverTriggerProps) => import("solid-js").JSX.Element;
+export declare const PopoverTrigger: ArkComponent<'button'>;

package/types/popover/popover.d.ts

@@ -1,7 +1,12 @@
-import { type JSX } from 'solid-js';
-import { type UsePresenceProps } from '../presence';
-import { type UsePopoverProps, type UsePopoverReturn } from './use-popover';
-export interface PopoverProps extends UsePopoverProps, UsePresenceProps {
-    children?: JSX.Element | ((api: UsePopoverReturn) => JSX.Element);
-}
-export declare const Popover: (props: PopoverProps) => JSX.Element;
+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 { 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, Description, Indicator, Positioner, Root, Title, Trigger, };

package/types/presence/index.d.ts

@@ -1,10 +1,7 @@
-import { type PresenceProps } from './presence';
+import { Presence, type PresenceProps } from './presence';
 import { PresenceProvider, usePresenceContext, type PresenceContext } from './presence-context';
 import { PresencePropsProvider, usePresencePropsContext, type PresencePropsContext } from './presence-props-context';
 import { splitPresenceProps } from './split-presence-props';
 import { usePresence, type UsePresenceProps, type UsePresenceReturn } from './use-presence';
-declare const Presence: ((props: PresenceProps) => import("solid-js").JSX.Element) & {
-    Root: (props: PresenceProps) => import("solid-js").JSX.Element;
-};
 export { Presence, PresencePropsProvider, PresenceProvider, splitPresenceProps, usePresence, usePresenceContext, usePresencePropsContext, };
 export type { PresenceContext, PresenceProps, PresencePropsContext, UsePresenceProps, UsePresenceReturn, };

package/types/presence/presence.d.ts

@@ -1,6 +1,6 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 import { type UsePresenceProps } from './use-presence';
 export interface PresenceProps extends Assign<HTMLArkProps<'div'>, UsePresenceProps> {
 }
-export declare const Presence: (props: PresenceProps) => import("solid-js").JSX.Element;
+export declare const Presence: ArkComponent<'div', UsePresenceProps>;

package/types/progress/index.d.ts

@@ -1,23 +1,13 @@
-import { type ProgressProps } from './progress';
 import { ProgressCircle, type ProgressCircleProps } from './progress-circle';
 import { ProgressCircleRange, type ProgressCircleRangeProps } from './progress-circle-range';
 import { ProgressCircleTrack, type ProgressCircleTrackProps } from './progress-circle-track';
 import { useProgressContext, type ProgressContext } from './progress-context';
-import { ProgressIndicator, type ProgressIndicatorProps } from './progress-indicator';
 import { ProgressLabel, type ProgressLabelProps } from './progress-label';
 import { ProgressRange, type ProgressRangeProps } from './progress-range';
+import { ProgressRoot, type ProgressRootProps } from './progress-root';
 import { ProgressTrack, type ProgressTrackProps } from './progress-track';
 import { ProgressValueText, type ProgressValueTextProps } from './progress-value-text';
-declare const Progress: ((props: ProgressProps) => import("solid-js").JSX.Element) & {
-    Root: (props: ProgressProps) => import("solid-js").JSX.Element;
-    Label: (props: ProgressLabelProps) => import("solid-js").JSX.Element;
-    Track: (props: ProgressTrackProps) => import("solid-js").JSX.Element;
-    Range: (props: ProgressRangeProps) => import("solid-js").JSX.Element;
-    ValueText: (props: ProgressValueTextProps) => import("solid-js").JSX.Element;
-    Indicator: (props: ProgressIndicatorProps) => import("solid-js").JSX.Element;
-    Circle: (props: ProgressCircleProps) => import("solid-js").JSX.Element;
-    CircleTrack: (props: ProgressCircleTrackProps) => import("solid-js").JSX.Element;
-    CircleRange: (props: ProgressCircleRangeProps) => import("solid-js").JSX.Element;
-};
-export { Progress, ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressIndicator, ProgressLabel, ProgressRange, ProgressTrack, ProgressValueText, useProgressContext, };
-export type { ProgressCircleProps, ProgressCircleRangeProps, ProgressCircleTrackProps, ProgressContext, ProgressIndicatorProps, ProgressLabelProps, ProgressProps, ProgressRangeProps, ProgressTrackProps, ProgressValueTextProps, };
+import { ProgressView, type ProgressViewProps } from './progress-view';
+export * as Progress from './progress';
+export { ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressLabel, ProgressRange, ProgressRoot, ProgressTrack, ProgressValueText, ProgressView, useProgressContext, };
+export type { ProgressCircleProps, ProgressCircleRangeProps, ProgressCircleTrackProps, ProgressContext, ProgressLabelProps, ProgressRangeProps, ProgressRootProps, ProgressTrackProps, ProgressValueTextProps, ProgressViewProps, };

package/types/progress/progress-circle-range.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface ProgressCircleRangeProps extends HTMLArkProps<'circle'> {
 }
-export declare const ProgressCircleRange: (props: ProgressCircleRangeProps) => import("solid-js").JSX.Element;
+export declare const ProgressCircleRange: ArkComponent<'circle'>;

package/types/progress/progress-circle-track.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface ProgressCircleTrackProps extends HTMLArkProps<'circle'> {
 }
-export declare const ProgressCircleTrack: (props: ProgressCircleTrackProps) => import("solid-js").JSX.Element;
+export declare const ProgressCircleTrack: ArkComponent<'circle'>;

package/types/progress/progress-circle.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface ProgressCircleProps extends HTMLArkProps<'svg'> {
 }
-export declare const ProgressCircle: (props: ProgressCircleProps) => import("solid-js").JSX.Element;
+export declare const ProgressCircle: ArkComponent<'svg'>;

package/types/progress/progress-label.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface ProgressLabelProps extends HTMLArkProps<'label'> {
 }
-export declare const ProgressLabel: (props: ProgressLabelProps) => import("solid-js").JSX.Element;
+export declare const ProgressLabel: ArkComponent<'label'>;

package/types/progress/progress-range.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface ProgressRangeProps extends HTMLArkProps<'div'> {
 }
-export declare const ProgressRange: (props: ProgressRangeProps) => import("solid-js").JSX.Element;
+export declare const ProgressRange: ArkComponent<'div'>;

package/types/progress/progress-root.d.ts

@@ -0,0 +1,11 @@
+import type { JSX } from 'solid-js';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+import { type Assign } from '../types';
+import { type UseProgressProps, type UseProgressReturn } from './use-progress';
+interface ElementProps extends UseProgressProps {
+    children?: JSX.Element | ((api: UseProgressReturn) => JSX.Element);
+}
+export interface ProgressRootProps extends Assign<HTMLArkProps<'div'>, ElementProps> {
+}
+export declare const ProgressRoot: ArkComponent<'div', ProgressRootProps>;
+export {};

package/types/progress/progress-track.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface ProgressTrackProps extends HTMLArkProps<'div'> {
 }
-export declare const ProgressTrack: (props: ProgressTrackProps) => import("solid-js").JSX.Element;
+export declare const ProgressTrack: ArkComponent<'div'>;

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

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface ProgressValueTextProps extends HTMLArkProps<'span'> {
 }
-export declare const ProgressValueText: (props: ProgressValueTextProps) => import("solid-js").JSX.Element;
+export declare const ProgressValueText: ArkComponent<'span'>;

package/types/progress/progress-view.d.ts

@@ -0,0 +1,6 @@
+import type { ViewProps } from '@zag-js/progress';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export interface ProgressViewProps extends Assign<HTMLArkProps<'span'>, ViewProps> {
+}
+export declare const ProgressView: ArkComponent<'span', ViewProps>;

package/types/progress/progress.d.ts

@@ -1,9 +1,10 @@
-import type { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import { type Assign } from '../types';
-import { type UseProgressProps, type UseProgressReturn } from './use-progress';
-export interface ProgressProps extends Assign<Assign<HTMLArkProps<'div'>, {
-    children?: JSX.Element | ((api: UseProgressReturn) => JSX.Element);
-}>, UseProgressProps> {
-}
-export declare const Progress: (props: ProgressProps) => JSX.Element;
+import { ProgressCircle as Circle } from './progress-circle';
+import { ProgressCircleRange as CircleRange } from './progress-circle-range';
+import { ProgressCircleTrack as CircleTrack } from './progress-circle-track';
+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, Label, Range, Root, Track, ValueText, View };

package/types/radio-group/index.d.ts

@@ -1,19 +1,12 @@
 import type { ValueChangeDetails as RadioGroupValueChangeDetails } from '@zag-js/radio-group';
-import { type RadioGroupProps } from './radio-group';
 import { useRadioGroupContext, type RadioGroupContext } from './radio-group-context';
-import { type RadioGroupIndicatorProps } from './radio-group-indicator';
+import { RadioGroupIndicator, type RadioGroupIndicatorProps } from './radio-group-indicator';
 import { RadioGroupItem, type RadioGroupItemProps } from './radio-group-item';
 import { useRadioGroupItemContext, type RadioGroupItemContext } from './radio-group-item-context';
 import { RadioGroupItemControl, type RadioGroupItemControlProps } from './radio-group-item-control';
 import { RadioGroupItemText, type RadioGroupItemTextProps } from './radio-group-item-text';
 import { RadioGroupLabel, type RadioGroupLabelProps } from './radio-group-label';
-declare const RadioGroup: ((props: RadioGroupProps) => import("solid-js").JSX.Element) & {
-    Root: (props: RadioGroupProps) => import("solid-js").JSX.Element;
-    Indicator: (props: RadioGroupIndicatorProps) => import("solid-js").JSX.Element;
-    Item: (props: RadioGroupItemProps) => import("solid-js").JSX.Element;
-    ItemControl: (props: RadioGroupItemControlProps) => import("solid-js").JSX.Element;
-    ItemText: (props: RadioGroupItemTextProps) => import("solid-js").JSX.Element;
-    Label: (props: RadioGroupLabelProps) => import("solid-js").JSX.Element;
-};
-export { RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, useRadioGroupContext, useRadioGroupItemContext, };
-export type { RadioGroupContext, RadioGroupIndicatorProps, RadioGroupItemContext, RadioGroupItemControlProps, RadioGroupItemProps, RadioGroupItemTextProps, RadioGroupLabelProps, RadioGroupProps, RadioGroupValueChangeDetails, };
+import { RadioGroupRoot, type RadioGroupRootProps } from './radio-group-root';
+export * as RadioGroup from './radio-group';
+export { RadioGroupIndicator, RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, useRadioGroupContext, useRadioGroupItemContext, };
+export type { RadioGroupContext, RadioGroupIndicatorProps, RadioGroupItemContext, RadioGroupItemControlProps, RadioGroupItemProps, RadioGroupItemTextProps, RadioGroupLabelProps, RadioGroupRootProps, RadioGroupValueChangeDetails, };

package/types/radio-group/radio-group-indicator.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface RadioGroupIndicatorProps extends HTMLArkProps<'div'> {
 }
-export declare const RadioGroupIndicator: (props: RadioGroupIndicatorProps) => import("solid-js").JSX.Element;
+export declare const RadioGroupIndicator: ArkComponent<'div'>;

package/types/radio-group/radio-group-item-control.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface RadioGroupItemControlProps extends HTMLArkProps<'div'> {
 }
-export declare const RadioGroupItemControl: (props: RadioGroupItemControlProps) => import("solid-js").JSX.Element;
+export declare const RadioGroupItemControl: ArkComponent<'div'>;

package/types/radio-group/radio-group-item-text.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface RadioGroupItemTextProps extends HTMLArkProps<'span'> {
 }
-export declare const RadioGroupItemText: (props: RadioGroupItemTextProps) => import("solid-js").JSX.Element;
+export declare const RadioGroupItemText: ArkComponent<'span'>;

package/types/radio-group/radio-group-item.d.ts

@@ -1,9 +1,11 @@
 import type { ItemProps, ItemState } from '@zag-js/radio-group';
 import type { JSX } from 'solid-js/jsx-runtime';
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-export interface RadioGroupItemProps extends Assign<HTMLArkProps<'label'>, {
+interface ElementProps extends ItemProps {
     children?: ((state: ItemState) => JSX.Element) | JSX.Element;
-}>, ItemProps {
 }
-export declare const RadioGroupItem: (props: RadioGroupItemProps) => JSX.Element;
+export interface RadioGroupItemProps extends Assign<HTMLArkProps<'label'>, ElementProps> {
+}
+export declare const RadioGroupItem: ArkComponent<'label', RadioGroupItemProps>;
+export {};

package/types/radio-group/radio-group-label.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface RadioGroupLabelProps extends HTMLArkProps<'label'> {
 }
-export declare const RadioGroupLabel: (props: RadioGroupLabelProps) => import("solid-js").JSX.Element;
+export declare const RadioGroupLabel: ArkComponent<'label'>;

package/types/radio-group/radio-group-root.d.ts

@@ -0,0 +1,6 @@
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+import { type UseRadioGroupProps } from './use-radio-group';
+export interface RadioGroupRootProps extends Assign<HTMLArkProps<'div'>, UseRadioGroupProps> {
+}
+export declare const RadioGroupRoot: ArkComponent<'div', UseRadioGroupProps>;