@ark-ui/solid 1.0.0-beta.2 → 1.0.0

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

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

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

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

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

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

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

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

package/types/popover/popover.d.ts

@@ -1,6 +1,7 @@
 import { type JSX } from 'solid-js';
-import { type UsePopoverProps } from './use-popover';
-export type PopoverProps = UsePopoverProps & {
-    children: JSX.Element;
-};
+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;

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

@@ -2,6 +2,8 @@ import * as popover from '@zag-js/popover';
 import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
-export type UsePopoverProps = Optional<popover.Context, 'id'>;
-export type UsePopoverReturn = Accessor<popover.Api<PropTypes>>;
+export interface UsePopoverProps extends Optional<popover.Context, 'id'> {
+}
+export interface UsePopoverReturn extends Accessor<popover.Api<PropTypes>> {
+}
 export declare const usePopover: (props: UsePopoverProps) => UsePopoverReturn;

package/types/presence/index.d.ts

@@ -1,7 +1,10 @@
 import { 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, splitPresenceProps };
-export type { PresenceProps };
+export { Presence, PresencePropsProvider, PresenceProvider, splitPresenceProps, usePresence, usePresenceContext, usePresencePropsContext, };
+export type { PresenceContext, PresenceProps, PresencePropsContext, UsePresenceProps, UsePresenceReturn, };

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

@@ -0,0 +1,4 @@
+import type { UsePresenceReturn } from './use-presence';
+export interface PresenceContext extends UsePresenceReturn {
+}
+export declare const PresenceProvider: import("solid-js").ContextProviderComponent<PresenceContext>, usePresenceContext: () => PresenceContext;

package/types/presence/presence-props-context.d.ts

@@ -0,0 +1,4 @@
+import type { UsePresenceProps } from './use-presence';
+export interface PresencePropsContext extends UsePresenceProps {
+}
+export declare const PresencePropsProvider: import("solid-js").ContextProviderComponent<PresencePropsContext>, usePresencePropsContext: () => PresencePropsContext;

package/types/presence/presence.d.ts

@@ -1,17 +1,6 @@
-import { type JSXElement } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
 import { type UsePresenceProps } from './use-presence';
-export type PresenceProps = UsePresenceProps & {
-    /**
-     * Whether to enable lazy mounting. Defaults to `false`.
-     */
-    lazyMount?: boolean;
-    /**
-     * Whether to unmount on exit. Defaults to `false`.
-     */
-    unmountOnExit?: boolean;
-    /**
-     * The children to render.
-     */
-    children?: JSXElement;
-};
+export interface PresenceProps extends Assign<HTMLArkProps<'div'>, UsePresenceProps> {
+}
 export declare const Presence: (props: PresenceProps) => import("solid-js").JSX.Element;

package/types/presence/split-presence-props.d.ts

@@ -1,2 +1,2 @@
-import type { PresenceProps } from './presence';
-export declare function splitPresenceProps<T>(props: T & Omit<PresenceProps, 'children'>): [Pick<T & Omit<PresenceProps, "children">, "present" | "onExitComplete" | "lazyMount" | "unmountOnExit">, Omit<T & Omit<PresenceProps, "children">, "present" | "onExitComplete" | "lazyMount" | "unmountOnExit">];
+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">];

package/types/presence/use-presence.d.ts

@@ -1,4 +1,25 @@
 import * as presence from '@zag-js/presence';
 import type { Optional } from '../types';
-export type UsePresenceProps = Optional<presence.Context, 'present'>;
-export declare const usePresence: (props: UsePresenceProps) => import("solid-js").Accessor<presence.Api>;
+export interface UsePresenceProps extends Optional<presence.Context, 'present'> {
+    /**
+     * Whether to enable lazy mounting
+     * @default false
+     */
+    lazyMount?: boolean;
+    /**
+     * Whether to unmount on exit.
+     * @default false
+     */
+    unmountOnExit?: boolean;
+}
+export interface UsePresenceReturn extends ReturnType<typeof usePresence> {
+}
+export declare const usePresence: (props: UsePresenceProps) => import("solid-js").Accessor<{
+    isUnmounted: boolean;
+    isPresent: boolean;
+    presenceProps: {
+        ref: (node: HTMLElement) => void;
+        hidden: boolean;
+        'data-state': string;
+    };
+}>;

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

@@ -1,3 +1,4 @@
 import { type UseRadioGroupReturn } from './use-radio-group';
-export type RadioGroupContext = UseRadioGroupReturn;
-export declare const RadioGroupProvider: import("solid-js").ContextProviderComponent<UseRadioGroupReturn>, useRadioGroupContext: () => UseRadioGroupReturn;
+export interface RadioGroupContext extends UseRadioGroupReturn {
+}
+export declare const RadioGroupProvider: import("solid-js").ContextProviderComponent<RadioGroupContext>, useRadioGroupContext: () => RadioGroupContext;

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

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

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

@@ -1,3 +1,4 @@
 import type { ItemProps } from '@zag-js/radio-group';
-export type RadioGroupItemContext = ItemProps;
-export declare const RadioProvider: import("solid-js").ContextProviderComponent<ItemProps>, useRadioGroupItemContext: () => ItemProps;
+export interface RadioGroupItemContext extends ItemProps {
+}
+export declare const RadioProvider: import("solid-js").ContextProviderComponent<RadioGroupItemContext>, useRadioGroupItemContext: () => RadioGroupItemContext;

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

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

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

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

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

@@ -1,5 +1,6 @@
 import type { ItemProps } from '@zag-js/radio-group';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-export type RadioGroupItemProps = Assign<HTMLArkProps<'label'>, ItemProps>;
+export interface RadioGroupItemProps extends Assign<HTMLArkProps<'label'>, ItemProps> {
+}
 export declare const RadioGroupItem: (props: RadioGroupItemProps) => import("solid-js").JSX.Element;

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

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

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

@@ -1,5 +1,6 @@
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 import { type UseRadioGroupProps } from './use-radio-group';
-export type RadioGroupProps = Assign<HTMLArkProps<'div'>, UseRadioGroupProps>;
+export interface RadioGroupProps extends Assign<HTMLArkProps<'div'>, UseRadioGroupProps> {
+}
 export declare const RadioGroup: (props: RadioGroupProps) => import("solid-js").JSX.Element;

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

@@ -2,6 +2,8 @@ import * as radio from '@zag-js/radio-group';
 import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
-export type UseRadioGroupProps = Optional<radio.Context, 'id'>;
-export type UseRadioGroupReturn = Accessor<radio.Api<PropTypes>>;
+export interface UseRadioGroupProps extends Optional<radio.Context, 'id'> {
+}
+export interface UseRadioGroupReturn extends Accessor<radio.Api<PropTypes>> {
+}
 export declare const useRadioGroup: (props: UseRadioGroupProps) => UseRadioGroupReturn;

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

@@ -1,3 +1,4 @@
 import { type UseRatingGroupReturn } from './use-rating-group';
-export type RatingGroupContext = UseRatingGroupReturn;
-export declare const RatingGroupProvider: import("solid-js").ContextProviderComponent<UseRatingGroupReturn>, useRatingGroupContext: () => UseRatingGroupReturn;
+export interface RatingGroupContext extends UseRatingGroupReturn {
+}
+export declare const RatingGroupProvider: import("solid-js").ContextProviderComponent<RatingGroupContext>, useRatingGroupContext: () => RatingGroupContext;

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

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

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

@@ -1,3 +1,5 @@
 import { type ItemState } from '@zag-js/rating-group';
-export type RatingGroupItemContext = ItemState;
-export declare const RatingGroupItemProvider: import("solid-js").ContextProviderComponent<ItemState>, useRatingGroupItemContext: () => ItemState;
+import type { Accessor } from 'solid-js';
+export interface RatingGroupItemContext extends Accessor<ItemState> {
+}
+export declare const RatingGroupItemProvider: import("solid-js").ContextProviderComponent<RatingGroupItemContext>, useRatingGroupItemContext: () => RatingGroupItemContext;

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

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

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

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

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

@@ -1,5 +1,6 @@
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 import { type UseRatingGroupProps } from './use-rating-group';
-export type RatingGroupProps = Assign<HTMLArkProps<'div'>, UseRatingGroupProps>;
+export interface RatingGroupProps extends Assign<HTMLArkProps<'div'>, UseRatingGroupProps> {
+}
 export declare const RatingGroup: (props: RatingGroupProps) => import("solid-js").JSX.Element;

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

@@ -2,6 +2,8 @@ import * as rating from '@zag-js/rating-group';
 import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
-export type UseRatingGroupProps = Optional<rating.Context, 'id'>;
-export type UseRatingGroupReturn = Accessor<rating.Api<PropTypes>>;
+export interface UseRatingGroupProps extends Optional<rating.Context, 'id'> {
+}
+export interface UseRatingGroupReturn extends Accessor<rating.Api<PropTypes>> {
+}
 export declare const useRatingGroup: (props: UseRatingGroupProps) => UseRatingGroupReturn;

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

@@ -1,3 +1,4 @@
 import { type UseSegmentGroupReturn } from './use-segment-group';
-export type SegmentGroupContext = UseSegmentGroupReturn;
-export declare const SegmentGroupProvider: import("solid-js").ContextProviderComponent<UseSegmentGroupReturn>, useSegmentGroupContext: () => UseSegmentGroupReturn;
+export interface SegmentGroupContext extends UseSegmentGroupReturn {
+}
+export declare const SegmentGroupProvider: import("solid-js").ContextProviderComponent<SegmentGroupContext>, useSegmentGroupContext: () => SegmentGroupContext;

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

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

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

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

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

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

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

@@ -1,5 +1,6 @@
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 import { type SegmentGroupItemContext } from './segment-group-item-context';
-export type SegmentGroupItemProps = Assign<HTMLArkProps<'label'>, SegmentGroupItemContext>;
+export interface SegmentGroupItemProps extends Assign<HTMLArkProps<'label'>, SegmentGroupItemContext> {
+}
 export declare const SegmentGroupItem: (props: SegmentGroupItemProps) => import("solid-js").JSX.Element;

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

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

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

@@ -1,5 +1,6 @@
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 import { type UseSegmentGroupProps } from './use-segment-group';
-export type SegmentGroupProps = Assign<HTMLArkProps<'div'>, UseSegmentGroupProps>;
+export interface SegmentGroupProps extends Assign<HTMLArkProps<'div'>, UseSegmentGroupProps> {
+}
 export declare const SegmentGroup: (props: SegmentGroupProps) => import("solid-js").JSX.Element;

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

@@ -2,6 +2,8 @@ import * as segment from '@zag-js/radio-group';
 import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
-export type UseSegmentGroupProps = Optional<segment.Context, 'id'>;
-export type UseSegmentGroupReturn = Accessor<segment.Api<PropTypes>>;
+export interface UseSegmentGroupProps extends Optional<segment.Context, 'id'> {
+}
+export interface UseSegmentGroupReturn extends Accessor<segment.Api<PropTypes>> {
+}
 export declare const useSegmentGroup: (props: UseSegmentGroupProps) => UseSegmentGroupReturn;

package/types/select/select-clear-trigger.d.ts

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

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

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

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

@@ -1,4 +1,5 @@
 import type { CollectionItem } from '../types';
 import { type UseSelectReturn } from './use-select';
-export type SelectContext<T extends CollectionItem> = UseSelectReturn<T>;
+export interface SelectContext<T extends CollectionItem> extends UseSelectReturn<T> {
+}
 export declare const SelectProvider: import("solid-js").ContextProviderComponent<SelectContext<any>>, useSelectContext: () => SelectContext<any>;

package/types/select/select-control.d.ts

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

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

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

package/types/select/select-item-context.d.ts

@@ -1,3 +1,4 @@
 import type { ItemProps } from '@zag-js/select';
-export type SelectItemContext = ItemProps;
+export interface SelectItemContext extends ItemProps {
+}
 export declare const SelectItemProvider: import("solid-js").ContextProviderComponent<SelectItemContext>, useSelectItemContext: () => SelectItemContext;

package/types/select/select-item-group-label.d.ts

@@ -1,5 +1,9 @@
-import type { ItemGroupLabelProps } from '@zag-js/select';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-export type SelectItemGroupLabelProps = Assign<HTMLArkProps<'div'>, ItemGroupLabelProps>;
+interface ItemGroupLabelProps {
+    for: string;
+}
+export interface SelectItemGroupLabelProps extends Assign<HTMLArkProps<'div'>, ItemGroupLabelProps> {
+}
 export declare const SelectItemGroupLabel: (props: SelectItemGroupLabelProps) => import("solid-js").JSX.Element;
+export {};

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

@@ -1,5 +1,6 @@
 import type { ItemGroupProps } from '@zag-js/select';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-export type SelectItemGroupProps = Assign<HTMLArkProps<'div'>, ItemGroupProps>;
+export interface SelectItemGroupProps extends Assign<HTMLArkProps<'div'>, ItemGroupProps> {
+}
 export declare const SelectItemGroup: (props: SelectItemGroupProps) => import("solid-js").JSX.Element;

package/types/select/select-item-indicator.d.ts

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

package/types/select/select-item-text.d.ts

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

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

@@ -1,8 +1,9 @@
 import type { ItemProps, ItemState } from '@zag-js/select';
-import { type JSX } from 'solid-js';
+import { type Accessor, type JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-export type SelectItemProps = Assign<HTMLArkProps<'div'>, ItemProps & {
-    children?: JSX.Element | ((state: () => ItemState) => JSX.Element);
-}>;
+export interface SelectItemProps extends Assign<HTMLArkProps<'div'>, {
+    children?: JSX.Element | ((state: Accessor<ItemState>) => JSX.Element);
+}>, ItemProps {
+}
 export declare const SelectItem: (props: SelectItemProps) => JSX.Element;

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

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

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

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

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

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

package/types/select/select.d.ts

@@ -1,9 +1,10 @@
-import { type JSX } from 'solid-js/jsx-runtime';
+import { type JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
+import { type UsePresenceProps } from '../presence';
 import type { Assign, CollectionItem } from '../types';
-import { type SelectContext } from './select-context';
-import { type UseSelectProps } from './use-select';
-export type SelectProps<T extends CollectionItem> = Assign<HTMLArkProps<'div'>, UseSelectProps<T>> & {
-    children?: JSX.Element | ((context: SelectContext<T>) => JSX.Element);
-};
+import { type UseSelectProps, type UseSelectReturn } from './use-select';
+export interface SelectProps<T extends CollectionItem> extends Assign<Assign<HTMLArkProps<'div'>, {
+    children?: JSX.Element | ((api: UseSelectReturn<T>) => JSX.Element);
+}>, UseSelectProps<T>>, UsePresenceProps {
+}
 export declare const Select: <T extends CollectionItem>(props: SelectProps<T>) => JSX.Element;

package/types/select/use-select.d.ts

@@ -5,5 +5,6 @@ import { type Accessor } from 'solid-js';
 import { type CollectionItem, type Optional } from '../types';
 export interface UseSelectProps<T extends CollectionItem> extends CollectionOptions<T>, Omit<Optional<select.Context<T>, 'id'>, 'collection'> {
 }
-export type UseSelectReturn<T extends CollectionItem> = Accessor<select.Api<PropTypes, T>>;
+export interface UseSelectReturn<T extends CollectionItem> extends Accessor<select.Api<PropTypes, T>> {
+}
 export declare const useSelect: <T extends CollectionItem>(props: UseSelectProps<T>) => UseSelectReturn<T>;

package/types/slider/index.d.ts

@@ -4,20 +4,20 @@ import { SliderControl, type SliderControlProps } from './slider-control';
 import { SliderLabel, type SliderLabelProps } from './slider-label';
 import { SliderMarker, type SliderMarkerProps } from './slider-marker';
 import { SliderMarkerGroup, type SliderMarkerGroupProps } from './slider-marker-group';
-import { SliderOutput, type SliderOutputProps } from './slider-output';
 import { SliderRange, type SliderRangeProps } from './slider-range';
 import { SliderThumb, type SliderThumbProps } from './slider-thumb';
 import { SliderTrack, type SliderTrackProps } from './slider-track';
+import { SliderValueText, type SliderValueTextProps } from './slider-value-text';
 declare const Slider: ((props: SliderProps) => import("solid-js").JSX.Element) & {
     Root: (props: SliderProps) => import("solid-js").JSX.Element;
     Control: (props: SliderControlProps) => import("solid-js").JSX.Element;
     Label: (props: SliderLabelProps) => import("solid-js").JSX.Element;
     Marker: (props: SliderMarkerProps) => import("solid-js").JSX.Element;
     MarkerGroup: (props: SliderMarkerGroupProps) => import("solid-js").JSX.Element;
-    Output: (props: SliderOutputProps) => import("solid-js").JSX.Element;
     Range: (props: SliderRangeProps) => import("solid-js").JSX.Element;
     Thumb: (props: SliderThumbProps) => import("solid-js").JSX.Element;
     Track: (props: SliderTrackProps) => import("solid-js").JSX.Element;
+    ValueText: (props: SliderValueTextProps) => import("solid-js").JSX.Element;
 };
-export { Slider, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderOutput, SliderRange, SliderThumb, SliderTrack, useSliderContext, };
-export type { SliderContext, SliderControlProps, SliderLabelProps, SliderMarkerGroupProps, SliderMarkerProps, SliderOutputProps, SliderProps, SliderRangeProps, SliderThumbProps, SliderTrackProps, };
+export { Slider, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderThumb, SliderTrack, SliderValueText, useSliderContext, };
+export type { SliderContext, SliderControlProps, SliderLabelProps, SliderMarkerGroupProps, SliderMarkerProps, SliderProps, SliderRangeProps, SliderThumbProps, SliderTrackProps, SliderValueTextProps, };

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

@@ -1,3 +1,4 @@
 import { type UseSliderReturn } from './use-slider';
-export type SliderContext = UseSliderReturn;
-export declare const SliderProvider: import("solid-js").ContextProviderComponent<UseSliderReturn>, useSliderContext: () => UseSliderReturn;
+export interface SliderContext extends UseSliderReturn {
+}
+export declare const SliderProvider: import("solid-js").ContextProviderComponent<SliderContext>, useSliderContext: () => SliderContext;

package/types/slider/slider-control.d.ts

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

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

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

package/types/slider/slider-marker-group.d.ts

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

package/types/slider/slider-marker.d.ts

@@ -1,5 +1,6 @@
 import type { MarkerProps } from '@zag-js/slider';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-export type SliderMarkerProps = Assign<HTMLArkProps<'span'>, MarkerProps>;
+export interface SliderMarkerProps extends Assign<HTMLArkProps<'span'>, MarkerProps> {
+}
 export declare const SliderMarker: (props: SliderMarkerProps) => import("solid-js").JSX.Element;

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

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