@ark-ui/solid 1.3.0 → 2.0.1

package/types/environment/index.d.ts

@@ -1,7 +1,4 @@
-import { type EnvironmentProps } from './environment';
+import { Environment, type EnvironmentProps } from './environment';
 import { useEnvironmentContext, type EnvironmentContext } from './environment-context';
-declare const Environment: ((props: EnvironmentProps) => import("solid-js").JSX.Element) & {
-    Root: (props: EnvironmentProps) => import("solid-js").JSX.Element;
-};
 export { Environment, useEnvironmentContext };
 export type { EnvironmentContext, EnvironmentProps };

package/types/factory.d.ts

@@ -1,13 +1,17 @@
-import { type Component, type ComponentProps, type JSX } from 'solid-js';
-type ElementType = keyof JSX.IntrinsicElements;
-type AsChildProps = {
-    asChild?: boolean;
+import { type ComponentProps, type JSX, type ValidComponent } from 'solid-js';
+import type { Assign } from './types';
+type AsProps<T extends ValidComponent = ValidComponent> = {
+    as?: T;
 };
 type JsxElements = {
-    [E in keyof JSX.IntrinsicElements]: AsChildForwardRefComponent<E>;
+    [E in keyof JSX.IntrinsicElements]: ArkComponent<E>;
+};
+type ElementType = keyof JSX.IntrinsicElements;
+export type HTMLArkProps<E extends ElementType> = JSX.IntrinsicElements[E] & AsProps;
+export type ArkComponentProps<E extends ElementType, K extends ValidComponent, P extends object> = Assign<Assign<ComponentProps<E>, ComponentProps<K>>, Assign<AsProps<K>, P>>;
+export type ArkComponent<E extends ElementType, P extends object = object> = {
+    <C extends ValidComponent = E>(props: ArkComponentProps<E, C, P>): JSX.Element;
 };
-type AsChildForwardRefComponent<E extends ElementType> = Component<AsChildComponentProps<E>>;
-type AsChildComponentProps<E extends ElementType> = ComponentProps<E> & AsChildProps;
-export type HTMLArkProps<T extends ElementType> = AsChildComponentProps<T>;
+export declare const withAsProp: <T extends keyof JSX.IntrinsicElements>(Component: T) => ArkComponent<T, object>;
 export declare const ark: JsxElements;
 export {};

package/types/file-upload/file-upload-dropzone.d.ts

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

package/types/file-upload/file-upload-item-delete-trigger.d.ts

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

package/types/file-upload/file-upload-item-group.d.ts

@@ -1,8 +1,10 @@
 import { type Accessor, type JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-export interface FileUploadItemGroupProps extends Assign<HTMLArkProps<'ul'>, {
+interface ElementProps {
     children?: JSX.Element | ((state: Accessor<File[]>) => JSX.Element);
-}> {
 }
-export declare const FileUploadItemGroup: (props: FileUploadItemGroupProps) => JSX.Element;
+export interface FileUploadItemGroupProps extends Assign<HTMLArkProps<'ul'>, ElementProps> {
+}
+export declare const FileUploadItemGroup: ArkComponent<'ul', ElementProps>;
+export {};

package/types/file-upload/file-upload-item-name.d.ts

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

package/types/file-upload/file-upload-item-preview-image.d.ts

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

package/types/file-upload/file-upload-item-preview.d.ts

@@ -1,9 +1,12 @@
-import { type HTMLArkProps } from '../factory';
-export interface FileUploadItemPreviewProps extends HTMLArkProps<'div'> {
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+interface ElementProps {
     /**
      * The file type to match against. Matches all file types by default.
      * @default '.*'
      */
     type?: string;
 }
-export declare const FileUploadItemPreview: (props: FileUploadItemPreviewProps) => import("solid-js").JSX.Element;
+export interface FileUploadItemPreviewProps extends HTMLArkProps<'div'>, ElementProps {
+}
+export declare const FileUploadItemPreview: ArkComponent<'div', ElementProps>;
+export {};

package/types/file-upload/file-upload-item-size-text.d.ts

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

package/types/file-upload/file-upload-item.d.ts

@@ -1,6 +1,6 @@
 import type { ItemProps } from '@zag-js/file-upload';
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 export interface FileUploadItemProps extends Assign<HTMLArkProps<'li'>, ItemProps> {
 }
-export declare const FileUploadItem: (props: FileUploadItemProps) => import("solid-js").JSX.Element;
+export declare const FileUploadItem: ArkComponent<'li', ItemProps>;

package/types/file-upload/file-upload-label.d.ts

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

package/types/file-upload/file-upload-root.d.ts

@@ -0,0 +1,11 @@
+import { type JSX } from 'solid-js/jsx-runtime';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+import { type UseFileUploadProps, type UseFileUploadReturn } from './use-file-upload';
+interface ElementProps extends UseFileUploadProps {
+    children?: JSX.Element | ((api: UseFileUploadReturn) => JSX.Element);
+}
+export interface FileUploadRootProps extends Assign<HTMLArkProps<'div'>, ElementProps> {
+}
+export declare const FileUploadRoot: ArkComponent<'div', FileUploadRootProps>;
+export {};

package/types/file-upload/file-upload-trigger.d.ts

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

package/types/file-upload/file-upload.d.ts

@@ -1,9 +1,12 @@
-import { type JSX } from 'solid-js/jsx-runtime';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseFileUploadProps, type UseFileUploadReturn } from './use-file-upload';
-export interface FileUploadProps extends Assign<HTMLArkProps<'div'>, UseFileUploadProps & {
-    children?: ((api: UseFileUploadReturn) => JSX.Element) | JSX.Element;
-}> {
-}
-export declare const FileUpload: (props: FileUploadProps) => JSX.Element;
+import { FileUploadDropzone as Dropzone } from './file-upload-dropzone';
+import { FileUploadItem as Item } from './file-upload-item';
+import { FileUploadItemDeleteTrigger as ItemDeleteTrigger } from './file-upload-item-delete-trigger';
+import { FileUploadItemGroup as ItemGroup } from './file-upload-item-group';
+import { FileUploadItemName as ItemName } from './file-upload-item-name';
+import { FileUploadItemPreview as ItemPreview } from './file-upload-item-preview';
+import { FileUploadItemPreviewImage as ItemPreviewImage } from './file-upload-item-preview-image';
+import { FileUploadItemSizeText as ItemSizeText } from './file-upload-item-size-text';
+import { FileUploadLabel as Label } from './file-upload-label';
+import { FileUploadRoot as Root } from './file-upload-root';
+import { FileUploadTrigger as Trigger } from './file-upload-trigger';
+export { Dropzone, Item, ItemDeleteTrigger, ItemGroup, ItemName, ItemPreview, ItemPreviewImage, ItemSizeText, Label, Root, Trigger, };

package/types/file-upload/index.d.ts

@@ -1,28 +1,16 @@
 import type { FileAcceptDetails as FileUploadFileAcceptDetails, FileChangeDetails as FileUploadFileChangeDetails, FileRejectDetails as FileUploadFileRejectDetails } from '@zag-js/file-upload';
-import { type FileUploadProps } from './file-upload';
 import { useFileUploadContext, type FileUploadContext } from './file-upload-context';
 import { FileUploadDropzone, type FileUploadDropzoneProps } from './file-upload-dropzone';
 import { FileUploadItem, type FileUploadItemProps } from './file-upload-item';
 import { FileUploadItemDeleteTrigger, type FileUploadItemDeleteTriggerProps } from './file-upload-item-delete-trigger';
 import { FileUploadItemGroup, type FileUploadItemGroupProps } from './file-upload-item-group';
 import { FileUploadItemName, type FileUploadItemNameProps } from './file-upload-item-name';
-import { type FileUploadItemPreviewProps } from './file-upload-item-preview';
+import { FileUploadItemPreview, type FileUploadItemPreviewProps } from './file-upload-item-preview';
 import { FileUploadItemPreviewImage, type FileUploadItemPreviewImageProps } from './file-upload-item-preview-image';
 import { FileUploadItemSizeText, type FileUploadItemSizeTextProps } from './file-upload-item-size-text';
 import { FileUploadLabel, type FileUploadLabelProps } from './file-upload-label';
+import { FileUploadRoot, type FileUploadRootProps } from './file-upload-root';
 import { FileUploadTrigger, type FileUploadTriggerProps } from './file-upload-trigger';
-declare const FileUpload: ((props: FileUploadProps) => import("solid-js").JSX.Element) & {
-    Root: (props: FileUploadProps) => import("solid-js").JSX.Element;
-    Dropzone: (props: FileUploadDropzoneProps) => import("solid-js").JSX.Element;
-    Item: (props: FileUploadItemProps) => import("solid-js").JSX.Element;
-    ItemDeleteTrigger: (props: FileUploadItemDeleteTriggerProps) => import("solid-js").JSX.Element;
-    ItemGroup: (props: FileUploadItemGroupProps) => import("solid-js").JSX.Element;
-    ItemName: (props: FileUploadItemNameProps) => import("solid-js").JSX.Element;
-    ItemPreview: (props: FileUploadItemPreviewProps) => import("solid-js").JSX.Element;
-    ItemPreviewImage: (props: FileUploadItemPreviewImageProps) => import("solid-js").JSX.Element;
-    ItemSizeText: (props: FileUploadItemSizeTextProps) => import("solid-js").JSX.Element;
-    Label: (props: FileUploadLabelProps) => import("solid-js").JSX.Element;
-    Trigger: (props: FileUploadTriggerProps) => import("solid-js").JSX.Element;
-};
-export { FileUpload, FileUploadDropzone, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadTrigger, useFileUploadContext, };
-export type { FileUploadContext, FileUploadDropzoneProps, FileUploadFileAcceptDetails, FileUploadFileChangeDetails, FileUploadFileRejectDetails, FileUploadItemDeleteTriggerProps, FileUploadItemGroupProps, FileUploadItemNameProps, FileUploadItemPreviewImageProps, FileUploadItemPreviewProps, FileUploadItemProps, FileUploadItemSizeTextProps, FileUploadLabelProps, FileUploadProps, FileUploadTriggerProps, };
+export * as FileUpload from './file-upload';
+export { FileUploadDropzone, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadTrigger, useFileUploadContext, };
+export type { FileUploadContext, FileUploadDropzoneProps, FileUploadFileAcceptDetails, FileUploadFileChangeDetails, FileUploadFileRejectDetails, FileUploadItemDeleteTriggerProps, FileUploadItemGroupProps, FileUploadItemNameProps, FileUploadItemPreviewImageProps, FileUploadItemPreviewProps, FileUploadItemProps, FileUploadItemSizeTextProps, FileUploadLabelProps, FileUploadRootProps, FileUploadTriggerProps, };

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
-import { type JSX } from 'solid-js';
-import { type UsePresenceProps } from '../presence';
-import { type UseHoverCardProps, type UseHoverCardReturn } from './use-hover-card';
-export interface HoverCardProps extends UseHoverCardProps, UsePresenceProps {
-    children?: JSX.Element | ((api: UseHoverCardReturn) => JSX.Element);
-}
-export declare const HoverCard: (props: HoverCardProps) => JSX.Element;
+import { HoverCardArrow as Arrow } from './hover-card-arrow';
+import { HoverCardArrowTip as ArrowTip } from './hover-card-arrow-tip';
+import { HoverCardContent as Content } from './hover-card-content';
+import { HoverCardPositioner as Positioner } from './hover-card-positioner';
+import { HoverCardRoot as Root } from './hover-card-root';
+import { HoverCardTrigger as Trigger } from './hover-card-trigger';
+export { Arrow, ArrowTip, Content, Positioner, Root, Trigger };

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

@@ -1,18 +1,11 @@
-import type { OpenChangeDetails as HoverCardOpenChangeDetails } from '@zag-js/color-picker';
-import { type HoverCardProps } from './hover-card';
+import type { OpenChangeDetails as HoverCardOpenChangeDetails } from '@zag-js/hover-card';
 import { HoverCardArrow, type HoverCardArrowProps } from './hover-card-arrow';
 import { HoverCardArrowTip, type HoverCardArrowTipProps } from './hover-card-arrow-tip';
 import { HoverCardContent, type HoverCardContentProps } from './hover-card-content';
 import { useHoverCardContext, type HoverCardContext } from './hover-card-context';
 import { HoverCardPositioner, type HoverCardPositionerProps } from './hover-card-positioner';
+import { HoverCardRoot, type HoverCardRootProps } from './hover-card-root';
 import { HoverCardTrigger, type HoverCardTriggerProps } from './hover-card-trigger';
-declare const HoverCard: ((props: HoverCardProps) => import("solid-js").JSX.Element) & {
-    Root: (props: HoverCardProps) => import("solid-js").JSX.Element;
-    Arrow: (props: HoverCardArrowProps) => import("solid-js").JSX.Element;
-    ArrowTip: (props: HoverCardArrowTipProps) => import("solid-js").JSX.Element;
-    Content: (props: HoverCardContentProps) => import("solid-js").JSX.Element;
-    Positioner: (props: HoverCardPositionerProps) => import("solid-js").JSX.Element;
-    Trigger: (props: HoverCardTriggerProps) => import("solid-js").JSX.Element;
-};
-export { HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardPositioner, HoverCardTrigger, useHoverCardContext, };
-export type { HoverCardArrowProps, HoverCardArrowTipProps, HoverCardContentProps, HoverCardContext, HoverCardOpenChangeDetails, HoverCardPositionerProps, HoverCardProps, HoverCardTriggerProps, };
+export * as HoverCard from './hover-card';
+export { HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardPositioner, HoverCardRoot, HoverCardTrigger, useHoverCardContext, };
+export type { HoverCardArrowProps, HoverCardArrowTipProps, HoverCardContentProps, HoverCardContext, HoverCardOpenChangeDetails, HoverCardPositionerProps, HoverCardRootProps, HoverCardTriggerProps, };

package/types/index.d.ts

@@ -30,3 +30,4 @@ export * from './tags-input';
 export * from './toast';
 export * from './toggle-group';
 export * from './tooltip';
+export * from './tree-view';

package/types/menu/index.d.ts

@@ -1,5 +1,4 @@
 import type { OpenChangeDetails as MenuOpenChangeDetails, ValueChangeDetails as MenuValueChangeDetails } from '@zag-js/menu';
-import { type MenuProps } from './menu';
 import { MenuArrow, type MenuArrowProps } from './menu-arrow';
 import { MenuArrowTip, type MenuArrowTipProps } from './menu-arrow-tip';
 import { MenuContent, type MenuContentProps } from './menu-content';
@@ -10,23 +9,10 @@ import { MenuItemGroup, type MenuItemGroupProps } from './menu-item-group';
 import { MenuItemGroupLabel, type MenuItemGroupLabelProps } from './menu-item-group-label';
 import { MenuOptionItem, type MenuOptionItemProps } from './menu-option-item';
 import { MenuPositioner, type MenuPositionerProps } from './menu-positioner';
+import { MenuRoot, type MenuRootProps } from './menu-root';
 import { MenuSeparator, type MenuSeparatorProps } from './menu-separator';
 import { MenuTrigger, type MenuTriggerProps } from './menu-trigger';
 import { MenuTriggerItem, type MenuTriggerItemProps } from './menu-trigger-item';
-declare const Menu: ((props: MenuProps) => import("solid-js").JSX.Element) & {
-    Root: (props: MenuProps) => import("solid-js").JSX.Element;
-    Arrow: (props: MenuArrowProps) => import("solid-js").JSX.Element;
-    ArrowTip: (props: MenuArrowTipProps) => import("solid-js").JSX.Element;
-    Content: (props: MenuContentProps) => import("solid-js").JSX.Element;
-    ContextTrigger: (props: MenuContextTriggerProps) => import("solid-js").JSX.Element;
-    Item: (props: MenuItemProps) => import("solid-js").JSX.Element;
-    ItemGroup: (props: MenuItemGroupProps) => import("solid-js").JSX.Element;
-    ItemGroupLabel: (props: MenuItemGroupLabelProps) => import("solid-js").JSX.Element;
-    OptionItem: (props: MenuOptionItemProps) => import("solid-js").JSX.Element;
-    Positioner: (props: MenuPositionerProps) => import("solid-js").JSX.Element;
-    Separator: (props: MenuSeparatorProps) => import("solid-js").JSX.Element;
-    Trigger: (props: MenuTriggerProps) => import("solid-js").JSX.Element;
-    TriggerItem: (props: MenuTriggerItemProps) => import("solid-js").JSX.Element;
-};
-export { Menu, MenuArrow, MenuArrowTip, MenuContent, MenuContextTrigger, MenuItem, MenuItemGroup, MenuItemGroupLabel, MenuOptionItem, MenuPositioner, MenuSeparator, MenuTrigger, MenuTriggerItem, useMenuContext, };
-export type { MenuArrowProps, MenuArrowTipProps, MenuContentProps, MenuContextTriggerProps, MenuItemGroupLabelProps, MenuItemGroupProps, MenuItemProps, MenuOpenChangeDetails, MenuOptionItemProps, MenuPositionerProps, MenuProps, MenuSeparatorProps, MenuTriggerItemProps, MenuTriggerProps, MenuValueChangeDetails, };
+export * as Menu from './menu';
+export { MenuArrow, MenuArrowTip, MenuContent, MenuContextTrigger, MenuItem, MenuItemGroup, MenuItemGroupLabel, MenuOptionItem, MenuPositioner, MenuRoot, MenuSeparator, MenuTrigger, MenuTriggerItem, useMenuContext, };
+export type { MenuArrowProps, MenuArrowTipProps, MenuContentProps, MenuContextTriggerProps, MenuItemGroupLabelProps, MenuItemGroupProps, MenuItemProps, MenuOpenChangeDetails, MenuOptionItemProps, MenuPositionerProps, MenuRootProps, MenuSeparatorProps, MenuTriggerItemProps, MenuTriggerProps, MenuValueChangeDetails, };

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

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

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

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

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

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

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

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

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

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

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

@@ -1,8 +1,8 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, 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 interface MenuItemGroupProps extends Assign<HTMLArkProps<'div'>, MenuItemGroupParams> {
 }
-export declare const MenuItemGroup: (props: MenuItemGroupProps) => import("solid-js").JSX.Element;
+export declare const MenuItemGroup: ArkComponent<'div', MenuItemGroupParams>;
 export {};

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

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

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

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

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

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

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

@@ -0,0 +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 UsePresenceProps } from '../presence';
+import { type UseMenuProps } from './use-menu';
+export interface MenuRootProps extends UseMenuProps, UsePresenceProps {
+    children?: JSX.Element | ((api: Accessor<menu.Api<PropTypes>>) => JSX.Element);
+}
+export declare const MenuRoot: (props: MenuRootProps) => JSX.Element;

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

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

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

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

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

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

package/types/menu/menu.d.ts

@@ -1,9 +1,14 @@
-import * as menu from '@zag-js/menu';
-import { type PropTypes } from '@zag-js/solid';
-import { type Accessor, type JSX } from 'solid-js';
-import { type UsePresenceProps } from '../presence';
-import { type UseMenuProps } from './use-menu';
-export interface MenuProps extends UseMenuProps, UsePresenceProps {
-    children?: JSX.Element | ((api: Accessor<menu.Api<PropTypes>>) => JSX.Element);
-}
-export declare const Menu: (props: MenuProps) => JSX.Element;
+import { MenuArrow as Arrow } from './menu-arrow';
+import { MenuArrowTip as ArrowTip } from './menu-arrow-tip';
+import { MenuContent as Content } from './menu-content';
+import { MenuContextTrigger as ContextTrigger } from './menu-context-trigger';
+import { MenuItem as Item } from './menu-item';
+import { MenuItemGroup as ItemGroup } from './menu-item-group';
+import { MenuItemGroupLabel as ItemGroupLabel } from './menu-item-group-label';
+import { MenuOptionItem as OptionItem } from './menu-option-item';
+import { MenuPositioner as Positioner } from './menu-positioner';
+import { MenuRoot as Root } from './menu-root';
+import { MenuSeparator as Separator } from './menu-separator';
+import { MenuTrigger as Trigger } from './menu-trigger';
+import { MenuTriggerItem as TriggerItem } from './menu-trigger-item';
+export { Arrow, ArrowTip, Content, ContextTrigger, Item, ItemGroup, ItemGroupLabel, OptionItem, Positioner, Root, Separator, Trigger, TriggerItem, };

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

@@ -1,20 +1,12 @@
 import type { FocusChangeDetails as NumberInputFocusChangeDetails, ValueChangeDetails as NumberInputValueChangeDetails, ValueInvalidDetails as NumberInputValueInvalidDetails } from '@zag-js/number-input';
-import { type NumberInputProps } from './number-input';
 import { useNumberInputContext, type NumberInputContext } from './number-input-context';
 import { NumberInputControl, type NumberInputControlProps } from './number-input-control';
 import { NumberInputDecrementTrigger, type NumberInputDecrementTriggerProps } from './number-input-decrement-trigger';
 import { NumberInputIncrementTrigger, type NumberInputIncrementTriggerProps } from './number-input-increment-trigger';
 import { NumberInputInput, type NumberInputInputProps } from './number-input-input';
 import { NumberInputLabel, type NumberInputLabelProps } from './number-input-label';
+import { NumberInputRoot, type NumberInputRootProps } from './number-input-root';
 import { NumberInputScrubber, type NumberInputScrubberProps } from './number-input-scrubber';
-declare const NumberInput: ((props: NumberInputProps) => import("solid-js").JSX.Element) & {
-    Root: (props: NumberInputProps) => import("solid-js").JSX.Element;
-    Control: (props: NumberInputControlProps) => import("solid-js").JSX.Element;
-    DecrementTrigger: (props: NumberInputDecrementTriggerProps) => import("solid-js").JSX.Element;
-    Input: (props: NumberInputInputProps) => import("solid-js").JSX.Element;
-    IncrementTrigger: (props: NumberInputIncrementTriggerProps) => import("solid-js").JSX.Element;
-    Label: (props: NumberInputLabelProps) => import("solid-js").JSX.Element;
-    Scrubber: (props: NumberInputScrubberProps) => import("solid-js").JSX.Element;
-};
-export { NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputScrubber, useNumberInputContext, };
-export type { NumberInputContext, NumberInputControlProps, NumberInputDecrementTriggerProps, NumberInputFocusChangeDetails, NumberInputIncrementTriggerProps, NumberInputInputProps, NumberInputLabelProps, NumberInputProps, NumberInputScrubberProps, NumberInputValueChangeDetails, NumberInputValueInvalidDetails, };
+export * as NumberInput from './number-input';
+export { NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputScrubber, useNumberInputContext, };
+export type { NumberInputContext, NumberInputControlProps, NumberInputDecrementTriggerProps, NumberInputFocusChangeDetails, NumberInputIncrementTriggerProps, NumberInputInputProps, NumberInputLabelProps, NumberInputRootProps, NumberInputScrubberProps, NumberInputValueChangeDetails, NumberInputValueInvalidDetails, };

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { type JSX } from 'solid-js';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+import { type UseNumberInputProps, type UseNumberInputReturn } from './use-number-input';
+interface ElementProps extends UseNumberInputProps {
+    children?: JSX.Element | ((api: UseNumberInputReturn) => JSX.Element);
+}
+export interface NumberInputRootProps extends Assign<HTMLArkProps<'div'>, ElementProps> {
+}
+export declare const NumberInputRoot: ArkComponent<'div', ElementProps>;
+export {};