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

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

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

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

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

package/types/dialog/dialog.d.ts

@@ -1,6 +1,7 @@
 import { type JSX } from 'solid-js';
+import { type UsePresenceProps } from '../presence';
 import { type UseDialogProps, type UseDialogReturn } from './use-dialog';
-export type DialogProps = UseDialogProps & {
-    children?: JSX.Element | ((state: UseDialogReturn) => JSX.Element);
-};
+export interface DialogProps extends UseDialogProps, UsePresenceProps {
+    children?: JSX.Element | ((api: UseDialogReturn) => JSX.Element);
+}
 export declare const Dialog: (props: DialogProps) => JSX.Element;

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

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

package/types/editable/editable-area.d.ts

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

package/types/editable/editable-cancel-trigger.d.ts

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

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

@@ -1,3 +1,4 @@
 import { type UseEditableReturn } from './use-editable';
-export type EditableContext = UseEditableReturn;
-export declare const EditableProvider: import("solid-js").ContextProviderComponent<UseEditableReturn>, useEditableContext: () => UseEditableReturn;
+export interface EditableContext extends UseEditableReturn {
+}
+export declare const EditableProvider: import("solid-js").ContextProviderComponent<EditableContext>, useEditableContext: () => EditableContext;

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

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

package/types/editable/editable-edit-trigger.d.ts

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

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

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

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

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

package/types/editable/editable-preview.d.ts

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

package/types/editable/editable-submit-trigger.d.ts

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

package/types/editable/editable.d.ts

@@ -1,9 +1,9 @@
 import { type JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-import { type EditableContext } from './editable-context';
-import { type UseEditableProps } from './use-editable';
-export type EditableProps = Assign<HTMLArkProps<'div'>, UseEditableProps & {
-    children: JSX.Element | ((api: EditableContext) => JSX.Element);
-}>;
+import { type UseEditableProps, type UseEditableReturn } from './use-editable';
+export interface EditableProps extends Assign<Assign<HTMLArkProps<'div'>, {
+    children?: JSX.Element | ((api: UseEditableReturn) => JSX.Element);
+}>, UseEditableProps> {
+}
 export declare const Editable: (props: EditableProps) => JSX.Element;

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

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

package/types/environment/environment.d.ts

@@ -1,6 +1,6 @@
 import { type JSX } from 'solid-js';
-export type EnvironmentProps = {
+export interface EnvironmentProps {
     children?: JSX.Element;
     value?: ShadowRoot | Document | Node;
-};
+}
 export declare const Environment: (props: EnvironmentProps) => JSX.Element;

package/types/hover-card/hover-card-arrow-tip.d.ts

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

package/types/hover-card/hover-card-arrow.d.ts

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

package/types/hover-card/hover-card-content.d.ts

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

package/types/hover-card/hover-card-context.d.ts

@@ -1,3 +1,4 @@
 import { type UseHoverCardReturn } from './use-hover-card';
-export type HoverCardContext = UseHoverCardReturn;
-export declare const HoverCardProvider: import("solid-js").ContextProviderComponent<UseHoverCardReturn>, useHoverCardContext: () => UseHoverCardReturn;
+export interface HoverCardContext extends UseHoverCardReturn {
+}
+export declare const HoverCardProvider: import("solid-js").ContextProviderComponent<HoverCardContext>, useHoverCardContext: () => HoverCardContext;

package/types/hover-card/hover-card-positioner.d.ts

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

package/types/hover-card/hover-card-trigger.d.ts

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

package/types/hover-card/hover-card.d.ts

@@ -1,6 +1,7 @@
 import { type JSX } from 'solid-js';
+import { type UsePresenceProps } from '../presence';
 import { type UseHoverCardProps, type UseHoverCardReturn } from './use-hover-card';
-export type HoverCardProps = UseHoverCardProps & {
-    children?: JSX.Element | ((state: UseHoverCardReturn) => JSX.Element);
-};
+export interface HoverCardProps extends UseHoverCardProps, UsePresenceProps {
+    children?: JSX.Element | ((api: UseHoverCardReturn) => JSX.Element);
+}
 export declare const HoverCard: (props: HoverCardProps) => JSX.Element;

package/types/hover-card/use-hover-card.d.ts

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

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

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

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

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

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

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

package/types/menu/menu-context-trigger.d.ts

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

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

@@ -1,8 +1,9 @@
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-type MenuItemGroupLabelParams = {
-    htmlFor: string;
-};
-export type MenuItemGroupLabelProps = Assign<HTMLArkProps<'label'>, MenuItemGroupLabelParams>;
+interface ItemGroupLabelProps {
+    for: string;
+}
+export interface MenuItemGroupLabelProps extends Assign<HTMLArkProps<'div'>, ItemGroupLabelProps> {
+}
 export declare const MenuItemGroupLabel: (props: MenuItemGroupLabelProps) => import("solid-js").JSX.Element;
 export {};

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

@@ -2,6 +2,7 @@ import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 import { type UseMenuReturn } from './use-menu';
 type MenuItemGroupParams = Parameters<ReturnType<ReturnType<UseMenuReturn>['api']>['getItemGroupProps']>[0];
-export type MenuItemGroupProps = Assign<HTMLArkProps<'div'>, MenuItemGroupParams>;
+export interface MenuItemGroupProps extends Assign<HTMLArkProps<'div'>, MenuItemGroupParams> {
+}
 export declare const MenuItemGroup: (props: MenuItemGroupProps) => import("solid-js").JSX.Element;
 export {};

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

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

package/types/menu/menu-option-item.d.ts

@@ -2,7 +2,8 @@ import type { OptionItemProps, OptionItemState } from '@zag-js/menu';
 import { type Accessor, type JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-export type MenuOptionItemProps = Assign<HTMLArkProps<'div'>, OptionItemProps & {
+export interface MenuOptionItemProps extends Assign<HTMLArkProps<'div'>, {
     children?: JSX.Element | ((state: Accessor<OptionItemState>) => JSX.Element);
-}>;
+}>, OptionItemProps {
+}
 export declare const MenuOptionItem: (props: MenuOptionItemProps) => JSX.Element;

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

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

package/types/menu/menu-separator.d.ts

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

package/types/menu/menu-trigger-item.d.ts

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

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

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

package/types/menu/menu.d.ts

@@ -1,12 +1,9 @@
+import * as menu from '@zag-js/menu';
+import { type PropTypes } from '@zag-js/solid';
 import { type Accessor, type JSX } from 'solid-js';
-import type { Assign } from '../types';
+import { type UsePresenceProps } from '../presence';
 import { type UseMenuProps } from './use-menu';
-export type MenuState = {
-    isOpen?: boolean;
-    onClose?: () => void;
-};
-export type MenuProps = Assign<UseMenuProps, {
-    children?: JSX.Element | ((state: Accessor<MenuState>) => JSX.Element);
-    isOpen?: Accessor<boolean>;
-}>;
+export interface MenuProps extends UseMenuProps, UsePresenceProps {
+    children?: JSX.Element | ((api: Accessor<menu.Api<PropTypes>>) => JSX.Element);
+}
 export declare const Menu: (props: MenuProps) => JSX.Element;

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

@@ -2,7 +2,8 @@ import * as menu from '@zag-js/menu';
 import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
-export type UseMenuProps = Optional<menu.Context, 'id'>;
+export interface UseMenuProps extends Optional<menu.Context, 'id'> {
+}
 export type UseMenuReturn = () => {
     machine: ReturnType<typeof menu.machine>;
     api: Accessor<menu.Api<PropTypes>>;

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

@@ -1,3 +1,4 @@
 import { type UseNumberInputReturn } from './use-number-input';
-export type NumberInputContext = UseNumberInputReturn;
-export declare const NumberInputProvider: import("solid-js").ContextProviderComponent<UseNumberInputReturn>, useNumberInputContext: () => UseNumberInputReturn;
+export interface NumberInputContext extends UseNumberInputReturn {
+}
+export declare const NumberInputProvider: import("solid-js").ContextProviderComponent<NumberInputContext>, useNumberInputContext: () => NumberInputContext;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,6 @@
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 import { type UseNumberInputProps } from './use-number-input';
-export type NumberInputProps = Assign<HTMLArkProps<'div'>, UseNumberInputProps>;
+export interface NumberInputProps extends Assign<HTMLArkProps<'div'>, UseNumberInputProps> {
+}
 export declare const NumberInput: (props: NumberInputProps) => import("solid-js").JSX.Element;

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

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

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

@@ -1,3 +1,4 @@
 import { type UsePaginationReturn } from './use-pagination';
-export type PaginationContext = UsePaginationReturn;
-export declare const PaginationProvider: import("solid-js").ContextProviderComponent<UsePaginationReturn>, usePaginationContext: () => UsePaginationReturn;
+export interface PaginationContext extends UsePaginationReturn {
+}
+export declare const PaginationProvider: import("solid-js").ContextProviderComponent<PaginationContext>, usePaginationContext: () => PaginationContext;

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

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

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

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

package/types/pagination/pagination.d.ts

@@ -2,7 +2,8 @@ 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 type PaginationProps = Assign<HTMLArkProps<'nav'>, UsePaginationProps & {
-    children: JSX.Element | ((pages: UsePaginationReturn) => JSX.Element);
-}>;
+export interface PaginationProps extends Assign<Assign<HTMLArkProps<'nav'>, {
+    children?: JSX.Element | ((api: UsePaginationReturn) => JSX.Element);
+}>, UsePaginationProps> {
+}
 export declare const Pagination: (props: PaginationProps) => JSX.Element;

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

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

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

@@ -1,3 +1,4 @@
 import { type UsePinInputReturn } from './use-pin-input';
-export type PinInputContext = UsePinInputReturn;
-export declare const PinInputProvider: import("solid-js").ContextProviderComponent<UsePinInputReturn>, usePinInputContext: () => UsePinInputReturn;
+export interface PinInputContext extends UsePinInputReturn {
+}
+export declare const PinInputProvider: import("solid-js").ContextProviderComponent<PinInputContext>, usePinInputContext: () => PinInputContext;

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

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

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

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

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

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

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

@@ -1,5 +1,6 @@
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 import { type UsePinInputProps } from './use-pin-input';
-export type PinInputProps = Assign<HTMLArkProps<'div'>, UsePinInputProps>;
+export interface PinInputProps extends Assign<HTMLArkProps<'div'>, UsePinInputProps> {
+}
 export declare const PinInput: (props: PinInputProps) => import("solid-js").JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
 import { type UsePopoverReturn } from './use-popover';
-export type PopoverContext = UsePopoverReturn;
-export declare const PopoverProvider: import("solid-js").ContextProviderComponent<UsePopoverReturn>, usePopoverContext: () => UsePopoverReturn;
+export interface PopoverContext extends UsePopoverReturn {
+}
+export declare const PopoverProvider: import("solid-js").ContextProviderComponent<PopoverContext>, usePopoverContext: () => PopoverContext;

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

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