@ark-ui/solid 1.2.0 → 2.0.0

package/types/number-input/number-input-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 UseNumberInputProps, type UseNumberInputReturn } from './use-number-input';
+interface ElementProps extends UseNumberInputProps {
+    children?: JSX.Element | ((api: UseNumberInputReturn) => JSX.Element);
+}
+export interface NumberInputRootProps extends Assign<HTMLArkProps<'div'>, ElementProps> {
+}
+export declare const NumberInputRoot: ArkComponent<'div', ElementProps>;
+export {};

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/pagination/index.d.ts

@@ -1,15 +1,16 @@
-import { type PaginationProps } from './pagination';
+import type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails } from '@zag-js/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;
+import { PaginationRoot, type PaginationRootProps } from './pagination-root';
+export declare const Pagination: {
+    Root: import("..").ArkComponent<"nav", PaginationRootProps>;
+    Ellipsis: import("..").ArkComponent<"div", import("@zag-js/pagination").EllipsisProps>;
+    Item: import("..").ArkComponent<"button", import("@zag-js/pagination").ItemProps>;
+    NextTrigger: import("..").ArkComponent<"button", object>;
+    PrevTrigger: import("..").ArkComponent<"button", object>;
 };
-export { Pagination, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, usePaginationContext, };
-export type { PaginationContext, PaginationEllipsisProps, PaginationItemProps, PaginationNextTriggerProps, PaginationPrevTriggerProps, PaginationProps, };
+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/pin-input/index.d.ts

@@ -1,13 +1,16 @@
-import { type PinInputProps } from './pin-input';
+import type { ValueChangeDetails as PinInputValueChangeDetails, ValueInvalidDetails as PinInputValueInvalidDetails } from '@zag-js/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;
+import { PinInputRoot, type PinInputRootProps } from './pin-input-root';
+export declare const PinInput: {
+    Root: import("..").ArkComponent<"div", import("./use-pin-input").UsePinInputProps>;
+    Control: import("..").ArkComponent<"div", object>;
+    Input: import("..").ArkComponent<"input", {
+        index: number;
+    }>;
+    Label: import("..").ArkComponent<"label", object>;
 };
-export { PinInput, PinInputControl, PinInputInput, PinInputLabel, usePinInputContext };
-export type { PinInputContext, PinInputControlProps, PinInputInputProps, PinInputLabelProps, PinInputProps, };
+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/popover/index.d.ts

@@ -1,4 +1,4 @@
-import { type PopoverProps } from './popover';
+import type { OpenChangeDetails as PopoverOpenChangeDetails } from '@zag-js/popover';
 import { PopoverAnchor, type PopoverAnchorProps } from './popover-anchor';
 import { PopoverArrow, type PopoverArrowProps } from './popover-arrow';
 import { PopoverArrowTip, type PopoverArrowTipProps } from './popover-arrow-tip';
@@ -8,20 +8,21 @@ 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 declare const Popover: {
+    Root: (props: PopoverRootProps) => import("solid-js").JSX.Element;
+    Anchor: import("..").ArkComponent<"div", object>;
+    Arrow: import("..").ArkComponent<"div", object>;
+    ArrowTip: import("..").ArkComponent<"div", object>;
+    CloseTrigger: import("..").ArkComponent<"button", object>;
+    Content: import("..").ArkComponent<"div", object>;
+    Description: import("..").ArkComponent<"p", object>;
+    Indicator: import("..").ArkComponent<"div", object>;
+    Positioner: import("..").ArkComponent<"div", object>;
+    Title: import("..").ArkComponent<"div", object>;
+    Trigger: import("..").ArkComponent<"button", object>;
 };
-export { Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverTitle, PopoverTrigger, usePopoverContext, };
-export type { PopoverAnchorProps, PopoverArrowProps, PopoverArrowTipProps, PopoverCloseTriggerProps, PopoverContentProps, PopoverContext, PopoverDescriptionProps, PopoverIndicatorProps, PopoverPositionerProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, };
+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';
-export interface PopoverDescriptionProps extends HTMLArkProps<'div'> {
+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.d.ts → popover-root.d.ts}

@@ -1,7 +1,7 @@
 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 {
+export interface PopoverRootProps extends UsePopoverProps, UsePresenceProps {
     children?: JSX.Element | ((api: UsePopoverReturn) => JSX.Element);
 }
-export declare const Popover: (props: PopoverProps) => 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/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/presence/split-presence-props.d.ts

@@ -1,2 +1,2 @@
 import type { UsePresenceProps } from './use-presence';
-export declare function splitPresenceProps<T>(props: T & UsePresenceProps): [Pick<T & UsePresenceProps, "present" | "onExitComplete" | "lazyMount" | "unmountOnExit">, Omit<T & UsePresenceProps, "present" | "onExitComplete" | "lazyMount" | "unmountOnExit">];
+export declare function splitPresenceProps<T>(props: T & UsePresenceProps): [Pick<T & UsePresenceProps, "present" | "onExitComplete" | "lazyMount" | "unmountOnExit">, T & UsePresenceProps extends infer T_1 ? { [P in keyof T_1 as Exclude<P, "present" | "onExitComplete" | "lazyMount" | "unmountOnExit">]: (T & UsePresenceProps)[P]; } : never];

package/types/progress/index.d.ts

@@ -0,0 +1,23 @@
+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 { 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';
+import { ProgressView, type ProgressViewProps } from './progress-view';
+export declare const Progress: {
+    Root: import("..").ArkComponent<"div", ProgressRootProps>;
+    Label: import("..").ArkComponent<"label", object>;
+    Track: import("..").ArkComponent<"div", object>;
+    Range: import("..").ArkComponent<"div", object>;
+    ValueText: import("..").ArkComponent<"span", object>;
+    View: import("..").ArkComponent<"span", import("@zag-js/progress").ViewProps>;
+    Circle: import("..").ArkComponent<"svg", object>;
+    CircleTrack: import("..").ArkComponent<"circle", object>;
+    CircleRange: import("..").ArkComponent<"circle", object>;
+};
+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

@@ -0,0 +1,4 @@
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+export interface ProgressCircleRangeProps extends HTMLArkProps<'circle'> {
+}
+export declare const ProgressCircleRange: ArkComponent<'circle'>;

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

@@ -0,0 +1,4 @@
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+export interface ProgressCircleTrackProps extends HTMLArkProps<'circle'> {
+}
+export declare const ProgressCircleTrack: ArkComponent<'circle'>;

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

@@ -0,0 +1,4 @@
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+export interface ProgressCircleProps extends HTMLArkProps<'svg'> {
+}
+export declare const ProgressCircle: ArkComponent<'svg'>;

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

@@ -0,0 +1,4 @@
+import { type UseProgressReturn } from './use-progress';
+export interface ProgressContext extends UseProgressReturn {
+}
+export declare const ProgressProvider: import("solid-js").ContextProviderComponent<ProgressContext>, useProgressContext: () => ProgressContext;

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

@@ -0,0 +1,4 @@
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+export interface ProgressLabelProps extends HTMLArkProps<'label'> {
+}
+export declare const ProgressLabel: ArkComponent<'label'>;

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

@@ -0,0 +1,4 @@
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+export interface ProgressRangeProps extends HTMLArkProps<'div'> {
+}
+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

@@ -0,0 +1,4 @@
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+export interface ProgressTrackProps extends HTMLArkProps<'div'> {
+}
+export declare const ProgressTrack: ArkComponent<'div'>;

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

@@ -0,0 +1,4 @@
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+export interface ProgressValueTextProps extends HTMLArkProps<'span'> {
+}
+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/use-progress.d.ts

@@ -0,0 +1,9 @@
+import * as progress from '@zag-js/progress';
+import { type PropTypes } from '@zag-js/solid';
+import { type Accessor } from 'solid-js';
+import { type Optional } from '../types';
+export interface UseProgressProps extends Optional<progress.Context, 'id'> {
+}
+export interface UseProgressReturn extends Accessor<progress.Api<PropTypes>> {
+}
+export declare const useProgress: (props: UseProgressProps) => UseProgressReturn;

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

@@ -1,4 +1,4 @@
-import { type RadioGroupProps } from './radio-group';
+import type { ValueChangeDetails as RadioGroupValueChangeDetails } from '@zag-js/radio-group';
 import { useRadioGroupContext, type RadioGroupContext } from './radio-group-context';
 import { type RadioGroupIndicatorProps } from './radio-group-indicator';
 import { RadioGroupItem, type RadioGroupItemProps } from './radio-group-item';
@@ -6,13 +6,14 @@ import { useRadioGroupItemContext, type RadioGroupItemContext } from './radio-gr
 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;
+import { RadioGroupRoot, type RadioGroupRootProps } from './radio-group-root';
+export declare const RadioGroup: {
+    Root: import("..").ArkComponent<"div", import("./use-radio-group").UseRadioGroupProps>;
+    Indicator: import("..").ArkComponent<"div", object>;
+    Item: import("..").ArkComponent<"label", RadioGroupItemProps>;
+    ItemControl: import("..").ArkComponent<"div", object>;
+    ItemText: import("..").ArkComponent<"span", object>;
+    Label: import("..").ArkComponent<"label", object>;
 };
-export { RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, useRadioGroupContext, useRadioGroupItemContext, };
-export type { RadioGroupContext, RadioGroupIndicatorProps, RadioGroupItemContext, RadioGroupItemControlProps, RadioGroupItemProps, RadioGroupItemTextProps, RadioGroupLabelProps, RadioGroupProps, };
+export { 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>;

package/types/rating-group/rating-group-control.d.ts

@@ -1,9 +1,11 @@
 import { type JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 import type { UseRatingGroupReturn } from './use-rating-group';
-export interface RatingGroupControlProps extends Assign<HTMLArkProps<'div'>, {
+interface ElementProps {
     children?: JSX.Element | ((api: UseRatingGroupReturn) => JSX.Element);
-}> {
 }
-export declare const RatingGroupControl: (props: RatingGroupControlProps) => JSX.Element;
+export interface RatingGroupControlProps extends Assign<HTMLArkProps<'div'>, ElementProps> {
+}
+export declare const RatingGroupControl: ArkComponent<'div', ElementProps>;
+export {};

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

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

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

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

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

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

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

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