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

package/types/tabs/tab-indicator.d.ts

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

package/types/tabs/tab-list.d.ts

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

package/types/tabs/tab-trigger.d.ts

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

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

@@ -1,3 +1,4 @@
 import { type UseTabsReturn } from './use-tabs';
-export type TabsContext = UseTabsReturn;
-export declare const TabsProvider: import("solid-js").ContextProviderComponent<UseTabsReturn>, useTabsContext: () => UseTabsReturn;
+export interface TabsContext extends UseTabsReturn {
+}
+export declare const TabsProvider: import("solid-js").ContextProviderComponent<TabsContext>, useTabsContext: () => TabsContext;

package/types/tabs/tabs.d.ts

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

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

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

package/types/tags-input/tags-input-clear-trigger.d.ts

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

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

@@ -1,3 +1,4 @@
 import { type UseTagsInputReturn } from './use-tags-input';
-export type TagsInputContext = UseTagsInputReturn;
-export declare const TagsInputProvider: import("solid-js").ContextProviderComponent<UseTagsInputReturn>, useTagsInputContext: () => UseTagsInputReturn;
+export interface TagsInputContext extends UseTagsInputReturn {
+}
+export declare const TagsInputProvider: import("solid-js").ContextProviderComponent<TagsInputContext>, useTagsInputContext: () => TagsInputContext;

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

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

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

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

package/types/tags-input/tags-input-item-context.d.ts

@@ -1,3 +1,4 @@
 import type { ItemProps } from '@zag-js/tags-input';
-export type TagsInputItemContext = ItemProps;
-export declare const TagsInputItemProvider: import("solid-js").ContextProviderComponent<ItemProps>, useTagsInputItemContext: () => ItemProps;
+export interface TagsInputItemContext extends ItemProps {
+}
+export declare const TagsInputItemProvider: import("solid-js").ContextProviderComponent<TagsInputItemContext>, useTagsInputItemContext: () => TagsInputItemContext;

package/types/tags-input/tags-input-item-delete-trigger.d.ts

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

package/types/tags-input/tags-input-item-input.d.ts

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

package/types/tags-input/tags-input-item-text.d.ts

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

package/types/tags-input/tags-input-item.d.ts

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

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

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

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

@@ -1,9 +1,9 @@
-import { type JSX } from 'solid-js/jsx-runtime';
+import { type JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 import { type UseTagsInputProps, type UseTagsInputReturn } from './use-tags-input';
-export type TagsInputChildren = {
-    children: (pages: UseTagsInputReturn) => JSX.Element | JSX.Element;
-};
-export type TagsInputProps = Assign<HTMLArkProps<'div'>, UseTagsInputProps & TagsInputChildren>;
+export interface TagsInputProps extends Assign<Assign<HTMLArkProps<'div'>, {
+    children?: JSX.Element | ((api: UseTagsInputReturn) => JSX.Element);
+}>, UseTagsInputProps> {
+}
 export declare const TagsInput: (props: TagsInputProps) => JSX.Element;

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

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

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

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

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

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

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

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

package/types/toast/toast.d.ts

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

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

@@ -1,3 +1,4 @@
 import { type UseToggleGroupReturn } from './use-toggle-group';
-export type ToggleGroupContext = UseToggleGroupReturn;
-export declare const ToggleGroupProvider: import("solid-js").ContextProviderComponent<UseToggleGroupReturn>, useToggleGroupContext: () => UseToggleGroupReturn;
+export interface ToggleGroupContext extends UseToggleGroupReturn {
+}
+export declare const ToggleGroupProvider: import("solid-js").ContextProviderComponent<ToggleGroupContext>, useToggleGroupContext: () => ToggleGroupContext;

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
 import { type UseTooltipReturn } from './use-tooltip';
-export type TooltipContext = UseTooltipReturn;
-export declare const TooltipProvider: import("solid-js").ContextProviderComponent<UseTooltipReturn>, useTooltipContext: () => UseTooltipReturn;
+export interface TooltipContext extends UseTooltipReturn {
+}
+export declare const TooltipProvider: import("solid-js").ContextProviderComponent<TooltipContext>, useTooltipContext: () => TooltipContext;

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

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

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

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

package/types/tooltip/tooltip.d.ts

@@ -1,6 +1,7 @@
-import { type JSX } from 'solid-js/jsx-runtime';
-import { type UseTooltipProps } from './use-tooltip';
-export type TooltipProps = UseTooltipProps & {
-    children: JSX.Element;
-};
+import { type JSX } from 'solid-js';
+import { type UsePresenceProps } from '../presence';
+import { type UseTooltipProps, type UseTooltipReturn } from './use-tooltip';
+export interface TooltipProps extends UseTooltipProps, UsePresenceProps {
+    children?: JSX.Element | ((api: UseTooltipReturn) => JSX.Element);
+}
 export declare const Tooltip: (props: TooltipProps) => JSX.Element;

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

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

package/source/tabs/tab-presence.jsx

@@ -1,6 +0,0 @@
-import { Presence } from '../presence';
-import { useTabsContext } from './tabs-context';
-export const TabPresence = (props) => {
-    const api = useTabsContext();
-    return <Presence present={api().value === props.value} {...props}/>;
-};

package/types/tabs/tab-presence.d.ts

@@ -1,4 +0,0 @@
-import type { ContentProps } from '@zag-js/tabs';
-import { type PresenceProps } from '../presence';
-export type TabPresenceProps = PresenceProps & ContentProps;
-export declare const TabPresence: (props: TabPresenceProps) => import("solid-js").JSX.Element;