@ark-ui/solid 1.0.0-beta.3 → 1.0.1

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,6 +1,4 @@
 import { type HTMLArkProps } from '../factory';
-import { type PresenceProps } from '../presence';
-import type { Assign } from '../types';
-export interface HoverCardContentProps extends Assign<HTMLArkProps<'div'>, Omit<PresenceProps, 'fallback'>> {
+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,6 +1,4 @@
 import { type HTMLArkProps } from '../factory';
-import { type PresenceProps } from '../presence';
-import type { Assign } from '../types';
-export interface MenuContentProps extends Assign<HTMLArkProps<'div'>, Omit<PresenceProps, 'fallback'>> {
+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.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,6 +1,4 @@
 import { type HTMLArkProps } from '../factory';
-import { type PresenceProps } from '../presence';
-import type { Assign } from '../types';
-export interface PopoverContentProps extends Assign<HTMLArkProps<'div'>, Omit<PresenceProps, 'fallback'>> {
+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;

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,21 +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 interface PresenceProps extends 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;
-    /**
-     * A fallback to render the component is not present.
-     */
-    fallback?: 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">, "fallback" | "present" | "onExitComplete" | "lazyMount" | "unmountOnExit">, Omit<T & Omit<PresenceProps, "children">, "fallback" | "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">];