@ark-ui/solid 3.2.2 → 3.4.0

package/dist/source/components/tags-input/index.js

@@ -1,17 +1,17 @@
-export { TagsInputClearTrigger } from './tags-input-clear-trigger';
-export { TagsInputContext } from './tags-input-context';
-export { TagsInputControl } from './tags-input-control';
-export { TagsInputHiddenInput } from './tags-input-hidden-input';
-export { TagsInputInput } from './tags-input-input';
-export { TagsInputItem } from './tags-input-item';
-export { TagsInputItemContext } from './tags-input-item-context';
+export { TagsInputClearTrigger, } from './tags-input-clear-trigger';
+export { TagsInputContext, } from './tags-input-context';
+export { TagsInputControl, } from './tags-input-control';
+export { TagsInputHiddenInput, } from './tags-input-hidden-input';
+export { TagsInputInput, } from './tags-input-input';
+export { TagsInputItem, } from './tags-input-item';
+export { TagsInputItemContext, } from './tags-input-item-context';
 export { TagsInputItemDeleteTrigger, } from './tags-input-item-delete-trigger';
-export { TagsInputItemInput } from './tags-input-item-input';
-export { TagsInputItemPreview } from './tags-input-item-preview';
-export { TagsInputItemText } from './tags-input-item-text';
-export { TagsInputLabel } from './tags-input-label';
-export { TagsInputRoot } from './tags-input-root';
-export { TagsInputRootProvider } from './tags-input-root-provider';
+export { TagsInputItemInput, } from './tags-input-item-input';
+export { TagsInputItemPreview, } from './tags-input-item-preview';
+export { TagsInputItemText, } from './tags-input-item-text';
+export { TagsInputLabel, } from './tags-input-label';
+export { TagsInputRoot, } from './tags-input-root';
+export { TagsInputRootProvider, } from './tags-input-root-provider';
 export { useTagsInput } from './use-tags-input';
 export { useTagsInputContext } from './use-tags-input-context';
 export { useTagsInputItemContext, } from './use-tags-input-item-context';

package/dist/source/components/tags-input/tags-input-hidden-input.jsx

@@ -1,8 +1,10 @@
 import { mergeProps } from '@zag-js/solid';
 import { ark } from '../factory';
+import { useFieldContext } from '../field';
 import { useTagsInputContext } from './use-tags-input-context';
 export const TagsInputHiddenInput = (props) => {
     const tagsInput = useTagsInputContext();
     const mergedProps = mergeProps(() => tagsInput().getHiddenInputProps(), props);
-    return <ark.input {...mergedProps}/>;
+    const field = useFieldContext();
+    return <ark.input aria-describedby={field?.().ariaDescribedby} {...mergedProps}/>;
 };

package/dist/source/components/tags-input/tags-input-root.jsx

@@ -29,6 +29,7 @@ export const TagsInputRoot = (props) => {
         'onValueChange',
         'onValueInvalid',
         'readOnly',
+        'required',
         'translations',
         'validate',
         'value',

package/dist/source/components/tags-input/tags-input.js

@@ -2,13 +2,13 @@ export { TagsInputClearTrigger as ClearTrigger, } from './tags-input-clear-trigg
 export { TagsInputContext as Context, } from './tags-input-context';
 export { TagsInputControl as Control, } from './tags-input-control';
 export { TagsInputHiddenInput as HiddenInput, } from './tags-input-hidden-input';
-export { TagsInputInput as Input } from './tags-input-input';
-export { TagsInputItem as Item } from './tags-input-item';
+export { TagsInputInput as Input, } from './tags-input-input';
+export { TagsInputItem as Item, } from './tags-input-item';
 export { TagsInputItemContext as ItemContext, } from './tags-input-item-context';
 export { TagsInputItemDeleteTrigger as ItemDeleteTrigger, } from './tags-input-item-delete-trigger';
 export { TagsInputItemInput as ItemInput, } from './tags-input-item-input';
 export { TagsInputItemPreview as ItemPreview, } from './tags-input-item-preview';
 export { TagsInputItemText as ItemText, } from './tags-input-item-text';
-export { TagsInputLabel as Label } from './tags-input-label';
-export { TagsInputRoot as Root } from './tags-input-root';
+export { TagsInputLabel as Label, } from './tags-input-label';
+export { TagsInputRoot as Root, } from './tags-input-root';
 export { TagsInputRootProvider as RootProvider, } from './tags-input-root-provider';

package/dist/source/components/tags-input/use-tags-input.js

@@ -2,13 +2,23 @@ import { normalizeProps, useMachine } from '@zag-js/solid';
 import * as tagsInput from '@zag-js/tags-input';
 import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
+import { useFieldContext } from '../field';
 export const useTagsInput = (props) => {
     const locale = useLocaleContext();
     const environment = useEnvironmentContext();
     const id = createUniqueId();
+    const field = useFieldContext();
     const context = createMemo(() => ({
         id,
+        ids: {
+            label: field?.().ids.label,
+            hiddenInput: field?.().ids.control,
+        },
         dir: locale().dir,
+        disabled: field?.().disabled,
+        invalid: field?.().invalid,
+        readOnly: field?.().readOnly,
+        required: field?.().required,
         getRootNode: environment().getRootNode,
         value: props.defaultValue,
         ...props,

package/dist/source/components/toast/index.js

@@ -1,10 +1,10 @@
-export { createToaster } from './create-toaster';
-export { ToastActionTrigger } from './toast-action-trigger';
-export { ToastCloseTrigger } from './toast-close-trigger';
-export { ToastContext } from './toast-context';
-export { ToastDescription } from './toast-description';
-export { ToastRoot } from './toast-root';
-export { ToastTitle } from './toast-title';
-export { Toaster } from './toaster';
+export { createToaster, } from './create-toaster';
+export { ToastActionTrigger, } from './toast-action-trigger';
+export { ToastCloseTrigger, } from './toast-close-trigger';
+export { ToastContext, } from './toast-context';
+export { ToastDescription, } from './toast-description';
+export { ToastRoot, } from './toast-root';
+export { ToastTitle, } from './toast-title';
+export { Toaster, } from './toaster';
 export { useToastContext } from './use-toast-context';
 export * as Toast from './toast';

package/dist/source/components/toast/toast-root.jsx

@@ -1,7 +1,9 @@
+import { mergeProps } from '@zag-js/solid';
 import { useToastContext } from './use-toast-context';
 export const ToastRoot = (props) => {
     const toast = useToastContext();
-    return (<div {...toast().getRootProps()}>
+    const mergedProps = mergeProps(() => toast().getRootProps(), props);
+    return (<div {...mergedProps}>
       <div {...toast().getGhostBeforeProps()}/>
       {props.children}
       <div {...toast().getGhostAfterProps()}/>

package/dist/source/components/toast/toast.js

@@ -1,7 +1,6 @@
-import { ToastActionTrigger as ActionTrigger, } from './toast-action-trigger';
-import { ToastCloseTrigger as CloseTrigger, } from './toast-close-trigger';
-import { ToastContext as Context } from './toast-context';
-import { ToastDescription as Description, } from './toast-description';
-import { ToastRoot as Root } from './toast-root';
-import { ToastTitle as Title } from './toast-title';
-export { ActionTrigger, CloseTrigger, Context, Description, Root, Title };
+export { ToastActionTrigger as ActionTrigger, } from './toast-action-trigger';
+export { ToastCloseTrigger as CloseTrigger, } from './toast-close-trigger';
+export { ToastContext as Context } from './toast-context';
+export { ToastDescription as Description, } from './toast-description';
+export { ToastRoot as Root, } from './toast-root';
+export { ToastTitle as Title, } from './toast-title';

package/dist/source/components/toggle-group/index.js

@@ -1,6 +1,6 @@
-export { ToggleGroupContext } from './toggle-group-context';
-export { ToggleGroupItem } from './toggle-group-item';
-export { ToggleGroupRoot } from './toggle-group-root';
+export { ToggleGroupContext, } from './toggle-group-context';
+export { ToggleGroupItem, } from './toggle-group-item';
+export { ToggleGroupRoot, } from './toggle-group-root';
 export { ToggleGroupRootProvider, } from './toggle-group-root-provider';
 export { useToggleGroup, } from './use-toggle-group';
 export { useToggleGroupContext } from './use-toggle-group-context';

package/dist/source/components/toggle-group/toggle-group.js

@@ -1,3 +1,4 @@
 export { ToggleGroupContext as Context, } from './toggle-group-context';
 export { ToggleGroupItem as Item, } from './toggle-group-item';
 export { ToggleGroupRoot as Root, } from './toggle-group-root';
+export { ToggleGroupRootProvider as RootProvider, } from './toggle-group-root-provider';

package/dist/source/components/tooltip/index.js

@@ -1,11 +1,11 @@
-export { TooltipArrow } from './tooltip-arrow';
-export { TooltipArrowTip } from './tooltip-arrow-tip';
-export { TooltipContent } from './tooltip-content';
-export { TooltipContext } from './tooltip-context';
-export { TooltipPositioner } from './tooltip-positioner';
-export { TooltipRoot } from './tooltip-root';
-export { TooltipRootProvider } from './tooltip-root-provider';
-export { TooltipTrigger } from './tooltip-trigger';
+export { TooltipArrow, } from './tooltip-arrow';
+export { TooltipArrowTip, } from './tooltip-arrow-tip';
+export { TooltipContent, } from './tooltip-content';
+export { TooltipContext, } from './tooltip-context';
+export { TooltipPositioner, } from './tooltip-positioner';
+export { TooltipRoot, } from './tooltip-root';
+export { TooltipRootProvider, } from './tooltip-root-provider';
+export { TooltipTrigger, } from './tooltip-trigger';
 export { useTooltip } from './use-tooltip';
 export { useTooltipContext } from './use-tooltip-context';
 export * as Tooltip from './tooltip';

package/dist/source/components/tooltip/tooltip-root.jsx

@@ -10,6 +10,7 @@ export const TooltipRoot = (props) => {
         'closeDelay',
         'closeOnEscape',
         'closeOnPointerDown',
+        'closeOnScroll',
         'defaultOpen',
         'disabled',
         'id',

package/dist/source/components/tooltip/tooltip.js

@@ -1,8 +1,8 @@
-export { TooltipArrow as Arrow } from './tooltip-arrow';
+export { TooltipArrow as Arrow, } from './tooltip-arrow';
 export { TooltipArrowTip as ArrowTip, } from './tooltip-arrow-tip';
 export { TooltipContent as Content, } from './tooltip-content';
 export { TooltipContext as Context, } from './tooltip-context';
 export { TooltipPositioner as Positioner, } from './tooltip-positioner';
-export { TooltipRoot as Root } from './tooltip-root';
+export { TooltipRoot as Root, } from './tooltip-root';
 export { TooltipRootProvider as RootProvider, } from './tooltip-root-provider';
 export { TooltipTrigger as Trigger, } from './tooltip-trigger';

package/dist/source/components/tree-view/index.js

@@ -1,18 +1,18 @@
-export { TreeViewBranch } from './tree-view-branch';
-export { TreeViewBranchContent } from './tree-view-branch-content';
-export { TreeViewBranchControl } from './tree-view-branch-control';
+export { TreeViewBranch, } from './tree-view-branch';
+export { TreeViewBranchContent, } from './tree-view-branch-content';
+export { TreeViewBranchControl, } from './tree-view-branch-control';
 export { TreeViewBranchIndicator, } from './tree-view-branch-indicator';
-export { TreeViewBranchText } from './tree-view-branch-text';
-export { TreeViewBranchTrigger } from './tree-view-branch-trigger';
-export { TreeViewContext } from './tree-view-context';
-export { TreeViewItem } from './tree-view-item';
-export { TreeViewItemContext } from './tree-view-item-context';
-export { TreeViewItemIndicator } from './tree-view-item-indicator';
-export { TreeViewItemText } from './tree-view-item-text';
-export { TreeViewLabel } from './tree-view-label';
-export { TreeViewRoot } from './tree-view-root';
-export { TreeViewRootProvider } from './tree-view-root-provider';
-export { TreeViewTree } from './tree-view-tree';
+export { TreeViewBranchText, } from './tree-view-branch-text';
+export { TreeViewBranchTrigger, } from './tree-view-branch-trigger';
+export { TreeViewContext, } from './tree-view-context';
+export { TreeViewItem, } from './tree-view-item';
+export { TreeViewItemContext, } from './tree-view-item-context';
+export { TreeViewItemIndicator, } from './tree-view-item-indicator';
+export { TreeViewItemText, } from './tree-view-item-text';
+export { TreeViewLabel, } from './tree-view-label';
+export { TreeViewRoot, } from './tree-view-root';
+export { TreeViewRootProvider, } from './tree-view-root-provider';
+export { TreeViewTree, } from './tree-view-tree';
 export { useTreeView } from './use-tree-view';
 export { useTreeViewContext } from './use-tree-view-context';
 export { useTreeViewItemContext } from './use-tree-view-item-context';

package/dist/source/components/tree-view/tree-view.js

@@ -5,11 +5,11 @@ export { TreeViewBranchIndicator as BranchIndicator, } from './tree-view-branch-
 export { TreeViewBranchText as BranchText, } from './tree-view-branch-text';
 export { TreeViewBranchTrigger as BranchTrigger, } from './tree-view-branch-trigger';
 export { TreeViewContext as Context, } from './tree-view-context';
-export { TreeViewItem as Item } from './tree-view-item';
+export { TreeViewItem as Item, } from './tree-view-item';
 export { TreeViewItemContext as ItemContext, } from './tree-view-item-context';
 export { TreeViewItemIndicator as ItemIndicator, } from './tree-view-item-indicator';
 export { TreeViewItemText as ItemText, } from './tree-view-item-text';
-export { TreeViewLabel as Label } from './tree-view-label';
-export { TreeViewRoot as Root } from './tree-view-root';
+export { TreeViewLabel as Label, } from './tree-view-label';
+export { TreeViewRoot as Root, } from './tree-view-root';
 export { TreeViewRootProvider as RootProvider, } from './tree-view-root-provider';
-export { TreeViewTree as Tree } from './tree-view-tree';
+export { TreeViewTree as Tree, } from './tree-view-tree';

package/dist/source/utils/use-controllable-state.js

@@ -0,0 +1,18 @@
+import { createMemo, createSignal, untrack } from 'solid-js';
+import { runIfFn } from './run-if-fn';
+export function useControllableState(props) {
+    const [uncontrolledValue, setUncontrolledValue] = createSignal(runIfFn(props.defaultValue));
+    const controlled = createMemo(() => props.value?.() !== undefined);
+    const currentValue = createMemo(() => (controlled() ? props.value?.() : uncontrolledValue()));
+    const setValue = (next) => {
+        untrack(() => {
+            const nextValue = runIfFn(next, currentValue());
+            if (controlled()) {
+                return props.onChange?.(nextValue);
+            }
+            setUncontrolledValue(nextValue);
+            return props.onChange?.(nextValue);
+        });
+    };
+    return [currentValue, setValue];
+}

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

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

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

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

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

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

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

@@ -1,6 +1,7 @@
 import type { ItemProps } from '@zag-js/accordion';
-import type { Assign } from '../../types';
-import type { HTMLArkProps } from '../factory';
-export interface AccordionItemProps extends Assign<HTMLArkProps<'div'>, ItemProps> {
+import type { HTMLProps, PolymorphicProps } from '../factory';
+export interface AccordionItemBaseProps extends ItemProps, PolymorphicProps<'div'> {
+}
+export interface AccordionItemProps extends HTMLProps<'div'>, AccordionItemBaseProps {
 }
 export declare const AccordionItem: (props: AccordionItemProps) => import("solid-js").JSX.Element;

package/dist/types/components/accordion/accordion-root-provider.d.ts

@@ -1,10 +1,12 @@
 import { type RenderStrategyProps } from '../../utils/render-strategy';
-import { type HTMLArkProps } from '../factory';
+import { type HTMLProps, type PolymorphicProps } from '../factory';
 import type { UseAccordionReturn } from './use-accordion';
 interface RootProviderProps {
     value: UseAccordionReturn;
 }
-export interface AccordionRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps, RenderStrategyProps {
+export interface AccordionRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps<'div'> {
+}
+export interface AccordionRootProviderProps extends HTMLProps<'div'>, AccordionRootProviderBaseProps {
 }
 export declare const AccordionRootProvider: (props: AccordionRootProviderProps) => import("solid-js").JSX.Element;
 export {};

package/dist/types/components/accordion/accordion-root.d.ts

@@ -1,7 +1,8 @@
-import type { Assign } from '../../types';
 import { type RenderStrategyProps } from '../../utils/render-strategy';
-import { type HTMLArkProps } from '../factory';
+import { type HTMLProps, type PolymorphicProps } from '../factory';
 import { type UseAccordionProps } from './use-accordion';
-export interface AccordionRootProps extends Assign<HTMLArkProps<'div'>, UseAccordionProps>, RenderStrategyProps {
+export interface AccordionRootBaseProps extends UseAccordionProps, RenderStrategyProps, PolymorphicProps<'div'> {
+}
+export interface AccordionRootProps extends HTMLProps<'div'>, AccordionRootBaseProps {
 }
 export declare const AccordionRoot: (props: AccordionRootProps) => import("solid-js").JSX.Element;

package/dist/types/components/accordion/accordion.d.ts

@@ -1,9 +1,9 @@
 export type { FocusChangeDetails, ValueChangeDetails } from '@zag-js/accordion';
 export { AccordionContext as Context, type AccordionContextProps as ContextProps, } from './accordion-context';
-export { AccordionItem as Item, type AccordionItemProps as ItemProps } from './accordion-item';
-export { AccordionItemContent as ItemContent, type AccordionItemContentProps as ItemContentProps, } from './accordion-item-content';
+export { AccordionItem as Item, type AccordionItemProps as ItemProps, type AccordionItemBaseProps as ItemBaseProps, } from './accordion-item';
+export { AccordionItemContent as ItemContent, type AccordionItemContentProps as ItemContentProps, type AccordionItemContentBaseProps as ItemContentBaseProps, } from './accordion-item-content';
 export { AccordionItemContext as ItemContext, type AccordionItemContextProps as ItemContextProps, } from './accordion-item-context';
-export { AccordionItemIndicator as ItemIndicator, type AccordionItemIndicatorProps as ItemIndicatorProps, } from './accordion-item-indicator';
-export { AccordionItemTrigger as ItemTrigger, type AccordionItemTriggerProps as ItemTriggerProps, } from './accordion-item-trigger';
-export { AccordionRoot as Root, type AccordionRootProps as RootProps } from './accordion-root';
-export { AccordionRootProvider as RootProvider, type AccordionRootProviderProps as RootProviderProps, } from './accordion-root-provider';
+export { AccordionItemIndicator as ItemIndicator, type AccordionItemIndicatorProps as ItemIndicatorProps, type AccordionItemIndicatorBaseProps as ItemIndicatorBaseProps, } from './accordion-item-indicator';
+export { AccordionItemTrigger as ItemTrigger, type AccordionItemTriggerProps as ItemTriggerProps, type AccordionItemTriggerBaseProps as ItemTriggerBaseProps, } from './accordion-item-trigger';
+export { AccordionRoot as Root, type AccordionRootProps as RootProps, type AccordionRootBaseProps as RootBaseProps, } from './accordion-root';
+export { AccordionRootProvider as RootProvider, type AccordionRootProviderProps as RootProviderProps, type AccordionRootProviderBaseProps as RootProviderBaseProps, } from './accordion-root-provider';

package/dist/types/components/accordion/index.d.ts

@@ -1,12 +1,12 @@
 export type { FocusChangeDetails as AccordionFocusChangeDetails, ValueChangeDetails as AccordionValueChangeDetails, } from '@zag-js/accordion';
-export { AccordionContext, type AccordionContextProps } from './accordion-context';
-export { AccordionItem, type AccordionItemProps } from './accordion-item';
-export { AccordionItemContent, type AccordionItemContentProps } from './accordion-item-content';
-export { AccordionItemContext, type AccordionItemContextProps } from './accordion-item-context';
-export { AccordionItemIndicator, type AccordionItemIndicatorProps, } from './accordion-item-indicator';
-export { AccordionItemTrigger, type AccordionItemTriggerProps } from './accordion-item-trigger';
-export { AccordionRoot, type AccordionRootProps } from './accordion-root';
-export { AccordionRootProvider, type AccordionRootProviderProps } from './accordion-root-provider';
+export { AccordionContext, type AccordionContextProps, } from './accordion-context';
+export { AccordionItem, type AccordionItemProps, type AccordionItemBaseProps, } from './accordion-item';
+export { AccordionItemContent, type AccordionItemContentProps, type AccordionItemContentBaseProps, } from './accordion-item-content';
+export { AccordionItemContext, type AccordionItemContextProps, } from './accordion-item-context';
+export { AccordionItemIndicator, type AccordionItemIndicatorProps, type AccordionItemIndicatorBaseProps, } from './accordion-item-indicator';
+export { AccordionItemTrigger, type AccordionItemTriggerProps, type AccordionItemTriggerBaseProps, } from './accordion-item-trigger';
+export { AccordionRoot, type AccordionRootProps, type AccordionRootBaseProps, } from './accordion-root';
+export { AccordionRootProvider, type AccordionRootProviderProps, type AccordionRootProviderBaseProps, } from './accordion-root-provider';
 export { useAccordion, type UseAccordionProps, type UseAccordionReturn } from './use-accordion';
 export { useAccordionContext, type UseAccordionContext } from './use-accordion-context';
 export { useAccordionItemContext, type UseAccordionItemContext } from './use-accordion-item-context';

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

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

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

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

package/dist/types/components/avatar/avatar-root-provider.d.ts

@@ -1,9 +1,11 @@
-import { type HTMLArkProps } from '../factory';
+import { type HTMLProps, type PolymorphicProps } from '../factory';
 import type { UseAvatarReturn } from './use-avatar';
 interface RootProviderProps {
     value: UseAvatarReturn;
 }
-export interface AvatarRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface AvatarRootProviderBaseProps extends PolymorphicProps<'div'> {
+}
+export interface AvatarRootProviderProps extends HTMLProps<'div'>, RootProviderProps, AvatarRootProviderBaseProps {
 }
 export declare const AvatarRootProvider: (props: AvatarRootProviderProps) => import("solid-js").JSX.Element;
 export {};

package/dist/types/components/avatar/avatar-root.d.ts

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

package/dist/types/components/avatar/avatar.d.ts

@@ -1,6 +1,6 @@
 export type { StatusChangeDetails } from '@zag-js/avatar';
 export { AvatarContext as Context, type AvatarContextProps as ContextProps } from './avatar-context';
-export { AvatarFallback as Fallback, type AvatarFallbackProps as FallbackProps, } from './avatar-fallback';
-export { AvatarImage as Image, type AvatarImageProps as ImageProps } from './avatar-image';
-export { AvatarRoot as Root, type AvatarRootProps as RootProps } from './avatar-root';
-export { AvatarRootProvider as RootProvider, type AvatarRootProviderProps as RootProviderProps, } from './avatar-root-provider';
+export { AvatarFallback as Fallback, type AvatarFallbackProps as FallbackProps, type AvatarFallbackBaseProps as FallbackBaseProps, } from './avatar-fallback';
+export { AvatarImage as Image, type AvatarImageProps as ImageProps, type AvatarImageBaseProps as ImageBaseProps, } from './avatar-image';
+export { AvatarRoot as Root, type AvatarRootProps as RootProps, type AvatarRootBaseProps as RootBaseProps, } from './avatar-root';
+export { AvatarRootProvider as RootProvider, type AvatarRootProviderProps as RootProviderProps, type AvatarRootProviderBaseProps as RootProviderBaseProps, } from './avatar-root-provider';

package/dist/types/components/avatar/index.d.ts

@@ -1,9 +1,9 @@
 export type { StatusChangeDetails as AvatarStatusChangeDetails } from '@zag-js/avatar';
-export { AvatarContext, type AvatarContextProps } from './avatar-context';
-export { AvatarFallback, type AvatarFallbackProps } from './avatar-fallback';
-export { AvatarImage, type AvatarImageProps } from './avatar-image';
-export { AvatarRoot, type AvatarRootProps } from './avatar-root';
-export { AvatarRootProvider, type AvatarRootProviderProps } from './avatar-root-provider';
+export { AvatarContext, type AvatarContextProps, } from './avatar-context';
+export { AvatarFallback, type AvatarFallbackProps, type AvatarFallbackBaseProps, } from './avatar-fallback';
+export { AvatarImage, type AvatarImageProps, type AvatarImageBaseProps, } from './avatar-image';
+export { AvatarRoot, type AvatarRootProps, type AvatarRootBaseProps, } from './avatar-root';
+export { AvatarRootProvider, type AvatarRootProviderProps, type AvatarRootProviderBaseProps, } from './avatar-root-provider';
 export { useAvatar, type UseAvatarProps, type UseAvatarReturn } from './use-avatar';
 export { useAvatarContext, type UseAvatarContext } from './use-avatar-context';
 export * as Avatar from './avatar';

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

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

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

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

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

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

package/dist/types/components/carousel/carousel-item-group.d.ts

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

package/dist/types/components/carousel/carousel-item.d.ts

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

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

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

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

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

package/dist/types/components/carousel/carousel-root-provider.d.ts

@@ -1,9 +1,11 @@
-import { type HTMLArkProps } from '../factory';
+import { type HTMLProps, type PolymorphicProps } from '../factory';
 import type { UseCarouselReturn } from './use-carousel';
 interface RootProviderProps {
     value: UseCarouselReturn;
 }
-export interface CarouselRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface CarouselRootProviderBaseProps extends PolymorphicProps<'div'> {
+}
+export interface CarouselRootProviderProps extends HTMLProps<'div'>, RootProviderProps, CarouselRootProviderBaseProps {
 }
 export declare const CarouselRootProvider: (props: CarouselRootProviderProps) => import("solid-js").JSX.Element;
 export {};

package/dist/types/components/carousel/carousel-root.d.ts

@@ -1,6 +1,7 @@
-import type { Assign } from '../../types';
-import { type HTMLArkProps } from '../factory';
+import { type HTMLProps, type PolymorphicProps } from '../factory';
 import { type UseCarouselProps } from './use-carousel';
-export interface CarouselRootProps extends Assign<HTMLArkProps<'div'>, UseCarouselProps> {
+export interface CarouselRootBaseProps extends UseCarouselProps, PolymorphicProps<'div'> {
+}
+export interface CarouselRootProps extends HTMLProps<'div'>, CarouselRootBaseProps {
 }
 export declare const CarouselRoot: (props: CarouselRootProps) => import("solid-js").JSX.Element;

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

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