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

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

@@ -1,3 +1,4 @@
 import { type UseAccordionReturn } from './use-accordion';
-export type AccordionContext = UseAccordionReturn;
-export declare const AccordionProvider: import("solid-js").ContextProviderComponent<UseAccordionReturn>, useAccordionContext: () => UseAccordionReturn;
+export interface AccordionContext extends UseAccordionReturn {
+}
+export declare const AccordionProvider: import("solid-js").ContextProviderComponent<AccordionContext>, useAccordionContext: () => AccordionContext;

package/types/accordion/accordion-item-content.d.ts

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

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

@@ -1,3 +1,4 @@
-import type { ItemProps, ItemState } from '@zag-js/accordion';
-export type AccordionItemContext = ItemProps & ItemState;
+import type { ItemProps } from '@zag-js/accordion';
+export interface AccordionItemContext extends ItemProps {
+}
 export declare const AccordionItemProvider: import("solid-js").ContextProviderComponent<AccordionItemContext>, useAccordionItemContext: () => AccordionItemContext;

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

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

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

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

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

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

package/types/accordion/accordion.d.ts

@@ -1,5 +1,7 @@
 import { type HTMLArkProps } from '../factory';
+import { type UsePresenceProps } from '../presence';
 import type { Assign } from '../types';
 import { type UseAccordionProps } from './use-accordion';
-export type AccordionProps = Assign<HTMLArkProps<'div'>, UseAccordionProps>;
+export interface AccordionProps extends Assign<HTMLArkProps<'div'>, UseAccordionProps>, UsePresenceProps {
+}
 export declare const Accordion: (props: AccordionProps) => import("solid-js").JSX.Element;

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

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

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

@@ -1,3 +1,4 @@
 import { type UseAvatarReturn } from './use-avatar';
-export type AvatarContext = UseAvatarReturn;
-export declare const AvatarProvider: import("solid-js").ContextProviderComponent<UseAvatarReturn>, useAvatarContext: () => UseAvatarReturn;
+export interface AvatarContext extends UseAvatarReturn {
+}
+export declare const AvatarProvider: import("solid-js").ContextProviderComponent<AvatarContext>, useAvatarContext: () => AvatarContext;

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

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

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

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

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-transparency-grid.d.ts

@@ -3,7 +3,7 @@ import type { Assign } from '../types';
 interface TransparancyGridProps {
     size: string;
 }
-export interface ColorPickerTransparencyGridPrps extends Assign<HTMLArkProps<'div'>, TransparancyGridProps> {
+export interface ColorPickerTransparencyGridProps extends Assign<HTMLArkProps<'div'>, TransparancyGridProps> {
 }
-export declare const ColorPickerTransparencyGrid: (props: ColorPickerTransparencyGridPrps) => import("solid-js").JSX.Element;
+export declare const ColorPickerTransparencyGrid: (props: ColorPickerTransparencyGridProps) => import("solid-js").JSX.Element;
 export {};

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

@@ -0,0 +1,5 @@
+import { type HTMLArkProps } from '../factory';
+export interface ColorPickerValueTextProps extends HTMLArkProps<'span'> {
+    placeholder?: string;
+}
+export declare const ColorPickerValueText: (props: ColorPickerValueTextProps) => 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

@@ -17,8 +17,10 @@ import { ColorPickerPositioner, type ColorPickerPositionerProps } from './color-
 import { ColorPickerSwatch, type ColorPickerSwatchProps } from './color-picker-swatch';
 import { ColorPickerSwatchGroup, type ColorPickerSwatchGroupProps } from './color-picker-swatch-group';
 import { ColorPickerSwatchTrigger, type ColorPickerSwatchTriggerProps } from './color-picker-swatch-trigger';
-import { ColorPickerTransparencyGrid, type ColorPickerTransparencyGridPrps } from './color-picker-transparency-grid';
+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;
@@ -36,8 +38,10 @@ declare const ColorPicker: ((props: ColorPickerProps) => import("solid-js").JSX.
     Swatch: (props: ColorPickerSwatchProps) => import("solid-js").JSX.Element;
     SwatchGroup: (props: ColorPickerSwatchGroupProps) => import("solid-js").JSX.Element;
     SwatchTrigger: (props: ColorPickerSwatchTriggerProps) => import("solid-js").JSX.Element;
-    TransparencyGrid: (props: ColorPickerTransparencyGridPrps) => import("solid-js").JSX.Element;
+    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, useColorPickerAreaContext, useColorPickerChannelSliderContext, useColorPickerContext, };
-export type { ColorPickerAreaBackgroundProps, ColorPickerAreaContext, ColorPickerAreaProps, ColorPickerAreaThumbProps, ColorPickerChannelInputProps, ColorPickerChannelSliderContext, ColorPickerChannelSliderProps, ColorPickerChannelSliderThumbProps, ColorPickerChannelSliderTrackProps, ColorPickerContentProps, ColorPickerContext, ColorPickerControlProps, ColorPickerEyeDropperTriggerProps, ColorPickerLabelProps, ColorPickerPositionerProps, ColorPickerProps, ColorPickerSwatchGroupProps, ColorPickerSwatchProps, ColorPickerSwatchTriggerProps, ColorPickerTransparencyGridPrps, ColorPickerTriggerProps, };
+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, 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,4 +1,4 @@
 import { type HTMLArkProps } from '../factory';
-import { type PresenceProps } from '../presence';
-export type ComboboxContentProps = HTMLArkProps<'div'> & PresenceProps;
+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-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 ComboboxItemGroupLabelProps = Assign<HTMLArkProps<'div'>, ItemGroupLabelProps>;
+interface ItemGroupLabelProps {
+    for: string;
+}
+export interface ComboboxItemGroupLabelProps extends Assign<HTMLArkProps<'div'>, ItemGroupLabelProps> {
+}
 export declare const ComboboxItemGroupLabel: (props: ComboboxItemGroupLabelProps) => import("solid-js").JSX.Element;
+export {};

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-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,4 +1,4 @@
 import { type HTMLArkProps } from '../factory';
-import { type PresenceProps } from '../presence';
-export type DialogBackdropProps = HTMLArkProps<'div'> & PresenceProps;
+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,4 +1,4 @@
 import { type HTMLArkProps } from '../factory';
-import { type PresenceProps } from '../presence';
-export type DialogContentProps = HTMLArkProps<'div'> & PresenceProps;
+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;