@ark-ui/solid 1.3.0 → 2.0.1

package/types/splitter/splitter-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 UseSplitterProps, type UseSplitterReturn } from './use-splitter';
+interface ElementProps extends UseSplitterProps {
+    children?: JSX.Element | ((api: UseSplitterReturn) => JSX.Element);
+}
+export interface SplitterRootProps extends Assign<HTMLArkProps<'div'>, ElementProps> {
+}
+export declare const SplitterRoot: ArkComponent<'div', SplitterRootProps>;
+export {};

package/types/splitter/splitter.d.ts

@@ -1,9 +1,4 @@
-import { type JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseSplitterProps, type UseSplitterReturn } from './use-splitter';
-export interface SplitterProps extends Assign<Assign<HTMLArkProps<'div'>, {
-    children?: JSX.Element | ((api: UseSplitterReturn) => JSX.Element);
-}>, UseSplitterProps> {
-}
-export declare const Splitter: (props: SplitterProps) => JSX.Element;
+import { SplitterPanel as Panel } from './splitter-panel';
+import { SplitterResizeTrigger as ResizeTrigger } from './splitter-resize-trigger';
+import { SplitterRoot as Root } from './splitter-root';
+export { Panel, ResizeTrigger, Root };

package/types/switch/index.d.ts

@@ -1,14 +1,9 @@
 import type { CheckedChangeDetails as SwitchCheckedChangeDetails } from '@zag-js/switch';
-import { type SwitchProps } from './switch';
 import { useSwitchContext, type SwitchContext } from './switch-context';
 import { SwitchControl, type SwitchControlProps } from './switch-control';
 import { SwitchLabel, type SwitchLabelProps } from './switch-label';
+import { SwitchRoot, type SwitchRootProps } from './switch-root';
 import { SwitchThumb, type SwitchThumbProps } from './switch-thumb';
-declare const Switch: ((props: SwitchProps) => import("solid-js").JSX.Element) & {
-    Root: (props: SwitchProps) => import("solid-js").JSX.Element;
-    Control: (props: SwitchControlProps) => import("solid-js").JSX.Element;
-    Label: (props: SwitchLabelProps) => import("solid-js").JSX.Element;
-    Thumb: (props: SwitchThumbProps) => import("solid-js").JSX.Element;
-};
-export { Switch, SwitchControl, SwitchLabel, SwitchThumb, useSwitchContext };
-export type { SwitchCheckedChangeDetails, SwitchContext, SwitchControlProps, SwitchLabelProps, SwitchProps, SwitchThumbProps, };
+export * as Switch from './switch';
+export { SwitchControl, SwitchLabel, SwitchRoot, SwitchThumb, useSwitchContext };
+export type { SwitchCheckedChangeDetails, SwitchContext, SwitchControlProps, SwitchLabelProps, SwitchRootProps, SwitchThumbProps, };

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

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

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

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

package/types/switch/switch-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 UseSwitchProps, type UseSwitchReturn } from './use-switch';
+interface ElementProps extends UseSwitchProps {
+    children?: JSX.Element | ((api: UseSwitchReturn) => JSX.Element);
+}
+export interface SwitchRootProps extends Assign<HTMLArkProps<'label'>, ElementProps> {
+}
+export declare const SwitchRoot: ArkComponent<'label', SwitchRootProps>;
+export {};

package/types/switch/switch-thumb.d.ts

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

package/types/switch/switch.d.ts

@@ -1,9 +1,5 @@
-import type { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseSwitchProps, type UseSwitchReturn } from './use-switch';
-export interface SwitchProps extends Assign<Assign<HTMLArkProps<'label'>, {
-    children?: JSX.Element | ((api: UseSwitchReturn) => JSX.Element);
-}>, UseSwitchProps> {
-}
-export declare const Switch: (props: SwitchProps) => JSX.Element;
+import { SwitchControl as Control } from './switch-control';
+import { SwitchLabel as Label } from './switch-label';
+import { SwitchRoot as Root } from './switch-root';
+import { SwitchThumb as Thumb } from './switch-thumb';
+export { Control, Label, Root, Thumb };

package/types/tabs/index.d.ts

@@ -3,14 +3,8 @@ import { TabContent, type TabContentProps } from './tab-content';
 import { TabIndicator, type TabIndicatorProps } from './tab-indicator';
 import { TabList, type TabListProps } from './tab-list';
 import { TabTrigger, type TabTriggerProps } from './tab-trigger';
-import { type TabsProps } from './tabs';
 import { useTabsContext, type TabsContext } from './tabs-context';
-declare const Tabs: ((props: TabsProps) => import("solid-js").JSX.Element) & {
-    Root: (props: TabsProps) => import("solid-js").JSX.Element;
-    Content: (props: TabContentProps) => import("solid-js").JSX.Element;
-    Indicator: (props: TabIndicatorProps) => import("solid-js").JSX.Element;
-    List: (props: TabListProps) => import("solid-js").JSX.Element;
-    Trigger: (props: TabTriggerProps) => import("solid-js").JSX.Element;
-};
-export { TabContent, TabIndicator, TabList, TabTrigger, Tabs, useTabsContext };
-export type { TabContentProps, TabIndicatorProps, TabListProps, TabTriggerProps, TabsContext, TabsFocusChangeDetails, TabsProps, TabsValueChangeDetails, };
+import { TabsRoot, type TabsRootProps } from './tabs-root';
+export * as Tabs from './tabs';
+export { TabContent, TabIndicator, TabList, TabTrigger, TabsRoot, useTabsContext };
+export type { TabContentProps, TabIndicatorProps, TabListProps, TabTriggerProps, TabsContext, TabsFocusChangeDetails, TabsRootProps, TabsValueChangeDetails, };

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+import { type UsePresenceProps } from '../presence';
+import type { Assign } from '../types';
+import { type UseTabsProps } from './use-tabs';
+interface ElementProps extends UseTabsProps, UsePresenceProps {
+}
+export interface TabsRootProps extends Assign<HTMLArkProps<'div'>, ElementProps> {
+}
+export declare const TabsRoot: ArkComponent<'div', TabsRootProps>;
+export {};

package/types/tabs/tabs.d.ts

@@ -1,7 +1,6 @@
-import { type HTMLArkProps } from '../factory';
-import { type UsePresenceProps } from '../presence';
-import type { Assign } from '../types';
-import { type UseTabsProps } from './use-tabs';
-export interface TabsProps extends Assign<HTMLArkProps<'div'>, UseTabsProps>, UsePresenceProps {
-}
-export declare const Tabs: (props: TabsProps) => import("solid-js").JSX.Element;
+import { TabContent as Content } from './tab-content';
+import { TabIndicator as Indicator } from './tab-indicator';
+import { TabList as List } from './tab-list';
+import { TabTrigger as Trigger } from './tab-trigger';
+import { TabsRoot as Root } from './tabs-root';
+export { Content, Indicator, List, Root, Trigger };

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

@@ -1,5 +1,4 @@
 import type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails } from '@zag-js/tags-input';
-import { type TagsInputProps } from './tags-input';
 import { TagsInputClearTrigger, type TagsInputClearTriggerProps } from './tags-input-clear-trigger';
 import { useTagsInputContext, type TagsInputContext } from './tags-input-context';
 import { TagsInputControl, type TagsInputControlProps } from './tags-input-control';
@@ -8,18 +7,10 @@ import { TagsInputItem, type TagsInputItemProps } from './tags-input-item';
 import { useTagsInputItemContext, type TagsInputItemContext } from './tags-input-item-context';
 import { TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerProps } from './tags-input-item-delete-trigger';
 import { TagsInputItemInput, type TagsInputItemInputProps } from './tags-input-item-input';
+import { TagsInputItemPreview, type TagsInputItemPreviewProps } from './tags-input-item-preview';
 import { TagsInputItemText, type TagsInputItemTextProps } from './tags-input-item-text';
 import { TagsInputLabel, type TagsInputLabelProps } from './tags-input-label';
-declare const TagsInput: ((props: TagsInputProps) => import("solid-js").JSX.Element) & {
-    Root: (props: TagsInputProps) => import("solid-js").JSX.Element;
-    ClearTrigger: (props: TagsInputClearTriggerProps) => import("solid-js").JSX.Element;
-    Control: (props: TagsInputControlProps) => import("solid-js").JSX.Element;
-    Input: (props: TagsInputInputProps) => import("solid-js").JSX.Element;
-    Item: (props: TagsInputItemProps) => import("solid-js").JSX.Element;
-    ItemDeleteTrigger: (props: TagsInputItemDeleteTriggerProps) => import("solid-js").JSX.Element;
-    ItemInput: (props: TagsInputItemInputProps) => import("solid-js").JSX.Element;
-    ItemText: (props: TagsInputItemTextProps) => import("solid-js").JSX.Element;
-    Label: (props: TagsInputLabelProps) => import("solid-js").JSX.Element;
-};
-export { TagsInput, TagsInputClearTrigger, TagsInputControl, TagsInputInput, TagsInputItem, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemText, TagsInputLabel, useTagsInputContext, useTagsInputItemContext, };
-export type { TagsInputClearTriggerProps, TagsInputContext, TagsInputControlProps, TagsInputHighlightChangeDetails, TagsInputInputProps, TagsInputItemContext, TagsInputItemDeleteTriggerProps, TagsInputItemInputProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputLabelProps, TagsInputProps, TagsInputValidityChangeDetails, TagsInputValueChangeDetails, };
+import { TagsInputRoot, type TagsInputRootProps } from './tags-input-root';
+export * as TagsInput from './tags-input';
+export { TagsInputClearTrigger, TagsInputControl, TagsInputInput, TagsInputItem, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputLabel, TagsInputRoot, useTagsInputContext, useTagsInputItemContext, };
+export type { TagsInputClearTriggerProps, TagsInputContext, TagsInputControlProps, TagsInputHighlightChangeDetails, TagsInputInputProps, TagsInputItemContext, TagsInputItemDeleteTriggerProps, TagsInputItemInputProps, TagsInputItemPreviewProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputLabelProps, TagsInputRootProps, TagsInputValidityChangeDetails, TagsInputValueChangeDetails, };

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+export interface TagsInputItemPreviewProps extends HTMLArkProps<'div'> {
+}
+export declare const TagsInputItemPreview: ArkComponent<'div'>;

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

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

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

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

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

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

package/types/tags-input/tags-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 UseTagsInputProps, type UseTagsInputReturn } from './use-tags-input';
+interface ElementProps extends UseTagsInputProps {
+    children?: JSX.Element | ((api: UseTagsInputReturn) => JSX.Element);
+}
+export interface TagsInputRootProps extends Assign<HTMLArkProps<'div'>, ElementProps> {
+}
+export declare const TagsInputRoot: ArkComponent<'div', ElementProps>;
+export {};

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

@@ -1,9 +1,11 @@
-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 interface TagsInputProps extends Assign<Assign<HTMLArkProps<'div'>, {
-    children?: JSX.Element | ((api: UseTagsInputReturn) => JSX.Element);
-}>, UseTagsInputProps> {
-}
-export declare const TagsInput: (props: TagsInputProps) => JSX.Element;
+import { TagsInputClearTrigger as ClearTrigger } from './tags-input-clear-trigger';
+import { TagsInputControl as Control } from './tags-input-control';
+import { TagsInputInput as Input } from './tags-input-input';
+import { TagsInputItem as Item } from './tags-input-item';
+import { TagsInputItemDeleteTrigger as ItemDeleteTrigger } from './tags-input-item-delete-trigger';
+import { TagsInputItemInput as ItemInput } from './tags-input-item-input';
+import { TagsInputItemPreview as ItemPreview } from './tags-input-item-preview';
+import { TagsInputItemText as ItemText } from './tags-input-item-text';
+import { TagsInputLabel as Label } from './tags-input-label';
+import { TagsInputRoot as Root } from './tags-input-root';
+export { ClearTrigger, Control, Input, Item, ItemDeleteTrigger, ItemInput, ItemPreview, ItemText, Label, Root, };

package/types/toast/index.d.ts

@@ -1,15 +1,9 @@
 import { createToaster, type CreateToasterProps, type CreateToasterReturn } from './create-toaster';
-import { type ToastProps } from './toast';
 import { ToastCloseTrigger, type ToastCloseTriggerProps } from './toast-close-trigger';
 import { ToastDescription, type ToastDescriptionProps } from './toast-description';
 import { ToastGroup, type ToastGroupProps } from './toast-group';
+import { ToastRoot, type ToastRootProps } from './toast-root';
 import { ToastTitle, type ToastTitleProps } from './toast-title';
-declare const Toast: ((props: ToastProps) => import("solid-js").JSX.Element) & {
-    Root: (props: ToastProps) => import("solid-js").JSX.Element;
-    CloseTrigger: (props: ToastCloseTriggerProps) => import("solid-js").JSX.Element;
-    Description: (props: ToastDescriptionProps) => import("solid-js").JSX.Element;
-    Group: (props: ToastGroupProps) => import("solid-js").JSX.Element;
-    Title: (props: ToastTitleProps) => import("solid-js").JSX.Element;
-};
-export { createToaster, Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastTitle };
-export type { CreateToasterProps, CreateToasterReturn, ToastCloseTriggerProps, ToastDescriptionProps, ToastGroupProps, ToastProps, ToastTitleProps, };
+export * as Toast from './toast';
+export { createToaster, ToastCloseTrigger, ToastDescription, ToastGroup, ToastRoot, ToastTitle };
+export type { CreateToasterProps, CreateToasterReturn, ToastCloseTriggerProps, ToastDescriptionProps, ToastGroupProps, ToastRootProps, ToastTitleProps, };

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+export interface ToastRootProps extends HTMLArkProps<'li'> {
+}
+export declare const ToastRoot: ArkComponent<'li'>;

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

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

package/types/toast/toast.d.ts

@@ -1,4 +1,6 @@
-import { type HTMLArkProps } from '../factory';
-export interface ToastProps extends HTMLArkProps<'li'> {
-}
-export declare const Toast: (props: ToastProps) => import("solid-js").JSX.Element;
+import { ToastCloseTrigger as CloseTrigger } from './toast-close-trigger';
+import { ToastDescription as Description } from './toast-description';
+import { ToastGroup as Group } from './toast-group';
+import { ToastRoot as Root } from './toast-root';
+import { ToastTitle as Title } from './toast-title';
+export { CloseTrigger, Description, Group, Root, Title };

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

@@ -1,10 +1,7 @@
 import type { ValueChangeDetails as ToggleGroupValueChangeDetails } from '@zag-js/toggle-group';
-import { type ToggleGroupProps } from './toggle-group';
 import { useToggleGroupContext, type ToggleGroupContext } from './toggle-group-context';
 import { ToggleGroupItem, type ToggleGroupItemProps } from './toggle-group-item';
-declare const ToggleGroup: ((props: ToggleGroupProps) => import("solid-js").JSX.Element) & {
-    Root: (props: ToggleGroupProps) => import("solid-js").JSX.Element;
-    Item: (props: ToggleGroupItemProps) => import("solid-js").JSX.Element;
-};
-export { ToggleGroup, ToggleGroupItem, useToggleGroupContext };
-export type { ToggleGroupContext, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValueChangeDetails, };
+import { ToggleGroupRoot, type ToggleGroupRootProps } from './toggle-group-root';
+export * as ToggleGroup from './toggle-group';
+export { ToggleGroupItem, ToggleGroupRoot, useToggleGroupContext };
+export type { ToggleGroupContext, ToggleGroupItemProps, ToggleGroupRootProps, ToggleGroupValueChangeDetails, };

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

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

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

@@ -0,0 +1,6 @@
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+import { type UseToggleGroupProps } from './use-toggle-group';
+export interface ToggleGroupRootProps extends Assign<HTMLArkProps<'div'>, UseToggleGroupProps> {
+}
+export declare const ToggleGroupRoot: ArkComponent<'div', UseToggleGroupProps>;

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

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

package/types/tooltip/index.d.ts

@@ -1,18 +1,11 @@
 import type { OpenChangeDetails as TooltipOpenChangeDetails } from '@zag-js/tooltip';
-import { type TooltipProps } from './tooltip';
 import { TooltipArrow, type TooltipArrowProps } from './tooltip-arrow';
 import { TooltipArrowTip, type TooltipArrowTipProps } from './tooltip-arrow-tip';
 import { TooltipContent, type TooltipContentProps } from './tooltip-content';
 import { useTooltipContext, type TooltipContext } from './tooltip-context';
 import { TooltipPositioner, type TooltipPositionerProps } from './tooltip-positioner';
+import { TooltipRoot, type TooltipRootProps } from './tooltip-root';
 import { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger';
-declare const Tooltip: ((props: TooltipProps) => import("solid-js").JSX.Element) & {
-    Root: (props: TooltipProps) => import("solid-js").JSX.Element;
-    Arrow: (props: TooltipArrowProps) => import("solid-js").JSX.Element;
-    ArrowTip: (props: TooltipArrowTipProps) => import("solid-js").JSX.Element;
-    Content: (props: TooltipContentProps) => import("solid-js").JSX.Element;
-    Positioner: (props: TooltipPositionerProps) => import("solid-js").JSX.Element;
-    Trigger: (props: TooltipTriggerProps) => import("solid-js").JSX.Element;
-};
-export { Tooltip, TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipTrigger, useTooltipContext, };
-export type { TooltipArrowProps, TooltipArrowTipProps, TooltipContentProps, TooltipContext, TooltipOpenChangeDetails, TooltipPositionerProps, TooltipProps, TooltipTriggerProps, };
+export * as Tooltip from './tooltip';
+export { TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipRoot, TooltipTrigger, useTooltipContext, };
+export type { TooltipArrowProps, TooltipArrowTipProps, TooltipContentProps, TooltipContext, TooltipOpenChangeDetails, TooltipPositionerProps, TooltipRootProps, TooltipTriggerProps, };

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

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

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

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

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

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

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

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

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

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

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

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

package/types/tooltip/tooltip.d.ts

@@ -1,7 +1,7 @@
-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;
+import { TooltipArrow as Arrow } from './tooltip-arrow';
+import { TooltipArrowTip as ArrowTip } from './tooltip-arrow-tip';
+import { TooltipContent as Content } from './tooltip-content';
+import { TooltipPositioner as Positioner } from './tooltip-positioner';
+import { TooltipRoot as Root } from './tooltip-root';
+import { TooltipTrigger as Trigger } from './tooltip-trigger';
+export { Arrow, ArrowTip, Content, Positioner, Root, Trigger };

package/types/tree-view/index.d.ts

@@ -0,0 +1,16 @@
+import type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails } from '@zag-js/tree-view';
+import { TreeViewBranch, type TreeViewBranchProps } from './tree-view-branch';
+import { TreeViewBranchContent, type TreeViewBranchContentProps } from './tree-view-branch-content';
+import { TreeViewBranchControl, type TreeViewBranchControlProps } from './tree-view-branch-control';
+import { TreeViewBranchIndicator, type TreeViewBranchIndicatorProps } from './tree-view-branch-indicator';
+import { TreeViewBranchText, type TreeViewBranchTextProps } from './tree-view-branch-text';
+import { TreeViewBranchTrigger, type TreeViewBranchTriggerProps } from './tree-view-branch-trigger';
+import { useTreeViewContext, type TreeViewContext } from './tree-view-context';
+import { TreeViewItem, type TreeViewItemProps } from './tree-view-item';
+import { TreeViewItemText, type TreeViewItemTextProps } from './tree-view-item-text';
+import { TreeViewLabel, type TreeViewLabelProps } from './tree-view-label';
+import { TreeViewRoot, type TreeViewRootProps } from './tree-view-root';
+import { TreeViewTree, type TreeViewTreeProps } from './tree-view-tree';
+export * as TreeView from './tree-view';
+export { TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewTree, useTreeViewContext, };
+export type { TreeViewBranchContentProps, TreeViewBranchControlProps, TreeViewBranchIndicatorProps, TreeViewBranchProps, TreeViewBranchTextProps, TreeViewBranchTriggerProps, TreeViewContext, TreeViewExpandedChangeDetails, TreeViewFocusChangeDetails, TreeViewItemProps, TreeViewItemTextProps, TreeViewLabelProps, TreeViewRootProps, TreeViewSelectionChangeDetails, TreeViewTreeProps, };

package/types/tree-view/tree-view-branch-content.d.ts

@@ -0,0 +1,6 @@
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+import { type BranchProps } from './tree-view-context';
+export interface TreeViewBranchContentProps extends Assign<HTMLArkProps<'ul'>, BranchProps> {
+}
+export declare const TreeViewBranchContent: ArkComponent<'ul', BranchProps>;

package/types/tree-view/tree-view-branch-control.d.ts

@@ -0,0 +1,6 @@
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+import { type BranchProps } from './tree-view-context';
+export interface TreeViewBranchControlProps extends Assign<HTMLArkProps<'div'>, BranchProps> {
+}
+export declare const TreeViewBranchControl: ArkComponent<'div', BranchProps>;