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

package/types/avatar/avatar.d.ts

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

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

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

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

@@ -1,3 +1,4 @@
 import { type UseCarouselReturn } from './use-carousel';
-export type CarouselContext = UseCarouselReturn;
-export declare const CarouselProvider: import("solid-js").ContextProviderComponent<UseCarouselReturn>, useCarouselContext: () => UseCarouselReturn;
+export interface CarouselContext extends UseCarouselReturn {
+}
+export declare const CarouselProvider: import("solid-js").ContextProviderComponent<CarouselContext>, useCarouselContext: () => CarouselContext;

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

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

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

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

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

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

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

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

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

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

package/types/carousel/carousel-slide-group.d.ts

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

package/types/carousel/carousel-slide.d.ts

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

package/types/carousel/carousel-viewport.d.ts

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

package/types/carousel/carousel.d.ts

@@ -1,5 +1,9 @@
+import { type JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-import { type UseCarouselProps } from './use-carousel';
-export type CarouselProps = Assign<HTMLArkProps<'div'>, UseCarouselProps>;
-export declare const Carousel: (props: CarouselProps) => import("solid-js").JSX.Element;
+import { type UseCarouselProps, type UseCarouselReturn } from './use-carousel';
+export interface CarouselProps extends Assign<Assign<HTMLArkProps<'div'>, {
+    children?: JSX.Element | ((api: UseCarouselReturn) => JSX.Element);
+}>, UseCarouselProps> {
+}
+export declare const Carousel: (props: CarouselProps) => JSX.Element;

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

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

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

@@ -1,3 +1,4 @@
 import { type UseCheckboxReturn } from './use-checkbox';
-export type CheckboxContext = UseCheckboxReturn;
-export declare const CheckboxProvider: import("solid-js").ContextProviderComponent<UseCheckboxReturn>, useCheckboxContext: () => UseCheckboxReturn;
+export interface CheckboxContext extends UseCheckboxReturn {
+}
+export declare const CheckboxProvider: import("solid-js").ContextProviderComponent<CheckboxContext>, useCheckboxContext: () => CheckboxContext;

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

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

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

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

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

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

package/types/checkbox/checkbox.d.ts

@@ -1,9 +1,9 @@
 import { type JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-import { type CheckboxContext } from './checkbox-context';
-import { type UseCheckboxProps } from './use-checkbox';
-export type CheckboxProps = Assign<HTMLArkProps<'label'>, UseCheckboxProps & {
-    children?: JSX.Element | ((context: CheckboxContext) => JSX.Element);
-}>;
+import { type UseCheckboxProps, type UseCheckboxReturn } from './use-checkbox';
+export interface CheckboxProps extends Assign<Assign<HTMLArkProps<'label'>, {
+    children?: JSX.Element | ((api: UseCheckboxReturn) => JSX.Element);
+}>, UseCheckboxProps> {
+}
 export declare const Checkbox: (props: CheckboxProps) => JSX.Element;

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

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

package/types/color-picker/color-picker-content.d.ts

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

package/types/color-picker/color-picker-view.d.ts

@@ -0,0 +1,7 @@
+import type { ColorFormat } from '@zag-js/color-picker';
+import { type JSX } from 'solid-js';
+export interface ColorPickerViewProps {
+    format: ColorFormat;
+    children?: JSX.Element;
+}
+export declare const ColorPickerView: (props: ColorPickerViewProps) => JSX.Element;

package/types/color-picker/color-picker.d.ts

@@ -1,8 +1,10 @@
 import { type JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
+import { type UsePresenceProps } from '../presence';
 import { type Assign } from '../types';
 import { type UseColorPickerProps, type UseColorPickerReturn } from './use-color-picker';
-export type ColorPickerProps = Assign<HTMLArkProps<'div'>, UseColorPickerProps & {
-    children?: JSX.Element | ((state: UseColorPickerReturn) => JSX.Element);
-}>;
+export interface ColorPickerProps extends Assign<Assign<HTMLArkProps<'div'>, {
+    children?: JSX.Element | ((api: UseColorPickerReturn) => JSX.Element);
+}>, UseColorPickerProps>, UsePresenceProps {
+}
 export declare const ColorPicker: (props: ColorPickerProps) => JSX.Element;

package/types/color-picker/index.d.ts

@@ -20,6 +20,7 @@ import { ColorPickerSwatchTrigger, type ColorPickerSwatchTriggerProps } from './
 import { ColorPickerTransparencyGrid, type ColorPickerTransparencyGridProps } from './color-picker-transparency-grid';
 import { ColorPickerTrigger, type ColorPickerTriggerProps } from './color-picker-trigger';
 import { ColorPickerValueText, type ColorPickerValueTextProps } from './color-picker-value-text';
+import { type ColorPickerViewProps } from './color-picker-view';
 declare const ColorPicker: ((props: ColorPickerProps) => import("solid-js").JSX.Element) & {
     Root: (props: ColorPickerProps) => import("solid-js").JSX.Element;
     Area: (props: ColorPickerAreaProps) => import("solid-js").JSX.Element;
@@ -40,6 +41,7 @@ declare const ColorPicker: ((props: ColorPickerProps) => import("solid-js").JSX.
     TransparencyGrid: (props: ColorPickerTransparencyGridProps) => import("solid-js").JSX.Element;
     Trigger: (props: ColorPickerTriggerProps) => import("solid-js").JSX.Element;
     ValueText: (props: ColorPickerValueTextProps) => import("solid-js").JSX.Element;
+    View: (props: ColorPickerViewProps) => import("solid-js").JSX.Element;
 };
 export { ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerContent, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerLabel, ColorPickerPositioner, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueText, useColorPickerAreaContext, useColorPickerChannelSliderContext, useColorPickerContext, };
-export type { ColorPickerAreaBackgroundProps, ColorPickerAreaContext, ColorPickerAreaProps, ColorPickerAreaThumbProps, ColorPickerChannelInputProps, ColorPickerChannelSliderContext, ColorPickerChannelSliderProps, ColorPickerChannelSliderThumbProps, ColorPickerChannelSliderTrackProps, ColorPickerContentProps, ColorPickerContext, ColorPickerControlProps, ColorPickerEyeDropperTriggerProps, ColorPickerLabelProps, ColorPickerPositionerProps, ColorPickerProps, ColorPickerSwatchGroupProps, ColorPickerSwatchProps, ColorPickerSwatchTriggerProps, ColorPickerTransparencyGridProps, ColorPickerTriggerProps, ColorPickerValueTextProps, };
+export type { ColorPickerAreaBackgroundProps, ColorPickerAreaContext, ColorPickerAreaProps, ColorPickerAreaThumbProps, ColorPickerChannelInputProps, ColorPickerChannelSliderContext, ColorPickerChannelSliderProps, ColorPickerChannelSliderThumbProps, ColorPickerChannelSliderTrackProps, ColorPickerContentProps, ColorPickerContext, ColorPickerControlProps, ColorPickerEyeDropperTriggerProps, ColorPickerLabelProps, ColorPickerPositionerProps, ColorPickerProps, ColorPickerSwatchGroupProps, ColorPickerSwatchProps, ColorPickerSwatchTriggerProps, ColorPickerTransparencyGridProps, ColorPickerTriggerProps, ColorPickerValueTextProps, ColorPickerViewProps, };

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

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

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

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

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

@@ -1,4 +1,5 @@
 import type { CollectionItem } from '../types';
 import { type UseComboboxReturn } from './use-combobox';
-export type ComboboxContext<T extends CollectionItem> = UseComboboxReturn<T>;
+export interface ComboboxContext<T extends CollectionItem> extends UseComboboxReturn<T> {
+}
 export declare const ComboboxProvider: import("solid-js").ContextProviderComponent<ComboboxContext<any>>, useComboboxContext: () => ComboboxContext<any>;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,8 +1,9 @@
 import type { ItemProps, ItemState } from '@zag-js/combobox';
-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 ComboboxItemProps = Assign<HTMLArkProps<'div'>, ItemProps & {
-    children?: JSX.Element | ((state: () => ItemState) => JSX.Element);
-}>;
+export interface ComboboxItemProps extends Assign<HTMLArkProps<'div'>, {
+    children?: JSX.Element | ((state: Accessor<ItemState>) => JSX.Element);
+}>, ItemProps {
+}
 export declare const ComboboxItem: (props: ComboboxItemProps) => JSX.Element;

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

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

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

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

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

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

package/types/combobox/combobox.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 ComboboxContext } from './combobox-context';
-import { type UseComboboxProps } from './use-combobox';
-export type ComboboxProps<T extends CollectionItem> = Assign<HTMLArkProps<'div'>, UseComboboxProps<T>> & {
-    children?: JSX.Element | ((context: ComboboxContext<T>) => JSX.Element);
-};
+import { type UseComboboxProps, type UseComboboxReturn } from './use-combobox';
+export interface ComboboxProps<T extends CollectionItem> extends Assign<Assign<HTMLArkProps<'div'>, {
+    children?: JSX.Element | ((api: UseComboboxReturn<T>) => JSX.Element);
+}>, UseComboboxProps<T>>, UsePresenceProps {
+}
 export declare const Combobox: <T extends CollectionItem>(props: ComboboxProps<T>) => JSX.Element;

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

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

package/types/date-picker/date-picker-content.d.ts

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

package/types/date-picker/date-picker-context.d.ts

@@ -1,3 +1,4 @@
 import { type UseDatePickerReturn } from './use-date-picker';
-export type DatePickerContext = UseDatePickerReturn;
-export declare const DatePickerProvider: import("solid-js").ContextProviderComponent<UseDatePickerReturn>, useDatePickerContext: () => UseDatePickerReturn;
+export interface DatePickerContext extends UseDatePickerReturn {
+}
+export declare const DatePickerProvider: import("solid-js").ContextProviderComponent<DatePickerContext>, useDatePickerContext: () => DatePickerContext;

package/types/date-picker/date-picker-view.d.ts

@@ -3,7 +3,8 @@ import { type JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 import type { UseDatePickerReturn } from './use-date-picker';
-export type DatePickerViewProps = Assign<HTMLArkProps<'div'>, Required<ViewProps> & {
-    children?: JSX.Element | ((state: UseDatePickerReturn) => JSX.Element);
-}>;
+export interface DatePickerViewProps extends Assign<HTMLArkProps<'div'>, {
+    children?: JSX.Element | ((api: UseDatePickerReturn) => JSX.Element);
+}>, Required<ViewProps> {
+}
 export declare const DatePickerView: (props: DatePickerViewProps) => JSX.Element;

package/types/date-picker/date-picker.d.ts

@@ -1,8 +1,10 @@
 import { type JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
+import { type UsePresenceProps } from '../presence';
 import type { Assign } from '../types';
 import { type UseDatePickerProps, type UseDatePickerReturn } from './use-date-picker';
-export type DatePickerProps = Assign<HTMLArkProps<'div'>, UseDatePickerProps & {
-    children?: JSX.Element | ((state: UseDatePickerReturn) => JSX.Element);
-}>;
+export interface DatePickerProps extends Assign<Assign<HTMLArkProps<'div'>, {
+    children?: JSX.Element | ((api: UseDatePickerReturn) => JSX.Element);
+}>, UseDatePickerProps>, UsePresenceProps {
+}
 export declare const DatePicker: (props: DatePickerProps) => JSX.Element;

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
 import { type UseDialogReturn } from './use-dialog';
-export type DialogContext = UseDialogReturn;
-export declare const DialogProvider: import("solid-js").ContextProviderComponent<UseDialogReturn>, useDialogContext: () => UseDialogReturn;
+export interface DialogContext extends UseDialogReturn {
+}
+export declare const DialogProvider: import("solid-js").ContextProviderComponent<DialogContext>, useDialogContext: () => DialogContext;

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

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

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

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

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;