@ark-ui/react 3.3.0 → 3.4.0-1

package/README.md

@@ -77,17 +77,12 @@ To use a component from `@ark-ui/react`, import it and include it in your applic
 ```tsx
 import { Slider } from '@ark-ui/react'
 import { useState } from 'react'
-  
+
 export const MySlider = () => {
   const [value, setValue] = useState([30])
-    
+
   return (
-    <Slider.Root
-      min={-50}
-      max={50}
-      value={value}
-      onValueChange={(e) => setValue(e.value)}
-    >
+    <Slider.Root min={-50} max={50} value={value} onValueChange={(e) => setValue(e.value)}>
       <Slider.Label>Label</Slider.Label>
       <Slider.ValueText>{value}</Slider.ValueText>
       <Slider.Control>

package/dist/components/accordion/accordion-item-content.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface AccordionItemContentProps extends HTMLArkProps<'div'> {
+export interface AccordionItemContentBaseProps extends PolymorphicProps {
+}
+export interface AccordionItemContentProps extends HTMLProps<'div'>, AccordionItemContentBaseProps {
 }
 export declare const AccordionItemContent: ForwardRefExoticComponent<AccordionItemContentProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface AccordionItemContentProps extends HTMLArkProps<'div'> {
+export interface AccordionItemContentBaseProps extends PolymorphicProps {
+}
+export interface AccordionItemContentProps extends HTMLProps<'div'>, AccordionItemContentBaseProps {
 }
 export declare const AccordionItemContent: ForwardRefExoticComponent<AccordionItemContentProps & RefAttributes<HTMLDivElement>>;

package/dist/components/accordion/accordion-item-indicator.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface AccordionItemIndicatorProps extends HTMLArkProps<'div'> {
+export interface AccordionItemIndicatorBaseProps extends PolymorphicProps {
+}
+export interface AccordionItemIndicatorProps extends HTMLProps<'div'>, AccordionItemIndicatorBaseProps {
 }
 export declare const AccordionItemIndicator: ForwardRefExoticComponent<AccordionItemIndicatorProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface AccordionItemIndicatorProps extends HTMLArkProps<'div'> {
+export interface AccordionItemIndicatorBaseProps extends PolymorphicProps {
+}
+export interface AccordionItemIndicatorProps extends HTMLProps<'div'>, AccordionItemIndicatorBaseProps {
 }
 export declare const AccordionItemIndicator: ForwardRefExoticComponent<AccordionItemIndicatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/accordion/accordion-item-trigger.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface AccordionItemTriggerProps extends HTMLArkProps<'button'> {
+export interface AccordionItemTriggerBaseProps extends PolymorphicProps {
+}
+export interface AccordionItemTriggerProps extends HTMLProps<'button'>, AccordionItemTriggerBaseProps {
 }
 export declare const AccordionItemTrigger: ForwardRefExoticComponent<AccordionItemTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface AccordionItemTriggerProps extends HTMLArkProps<'button'> {
+export interface AccordionItemTriggerBaseProps extends PolymorphicProps {
+}
+export interface AccordionItemTriggerProps extends HTMLProps<'button'>, AccordionItemTriggerBaseProps {
 }
 export declare const AccordionItemTrigger: ForwardRefExoticComponent<AccordionItemTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/accordion/accordion-item.d.cts

@@ -1,8 +1,9 @@
 import { ItemProps } from '@zag-js/accordion';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface AccordionItemProps extends Assign<HTMLArkProps<'div'>, ItemProps> {
+export interface AccordionItemBaseProps extends ItemProps, PolymorphicProps {
+}
+export interface AccordionItemProps extends HTMLProps<'div'>, AccordionItemBaseProps {
 }
 export declare const AccordionItem: ForwardRefExoticComponent<AccordionItemProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,9 @@
 import { ItemProps } from '@zag-js/accordion';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface AccordionItemProps extends Assign<HTMLArkProps<'div'>, ItemProps> {
+export interface AccordionItemBaseProps extends ItemProps, PolymorphicProps {
+}
+export interface AccordionItemProps extends HTMLProps<'div'>, AccordionItemBaseProps {
 }
 export declare const AccordionItem: ForwardRefExoticComponent<AccordionItemProps & RefAttributes<HTMLDivElement>>;

package/dist/components/accordion/accordion-root-provider.d.cts

@@ -1,12 +1,14 @@
 import { RenderStrategyProps } from '../../utils/render-strategy';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseAccordionReturn } from './use-accordion';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseAccordionReturn;
 }
-export interface AccordionRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps, RenderStrategyProps {
+export interface AccordionRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {
+}
+export interface AccordionRootProviderProps extends HTMLProps<'div'>, AccordionRootProviderBaseProps {
 }
 export declare const AccordionRootProvider: ForwardRefExoticComponent<AccordionRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,12 +1,14 @@
 import { RenderStrategyProps } from '../../utils/render-strategy';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseAccordionReturn } from './use-accordion';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseAccordionReturn;
 }
-export interface AccordionRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps, RenderStrategyProps {
+export interface AccordionRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {
+}
+export interface AccordionRootProviderProps extends HTMLProps<'div'>, AccordionRootProviderBaseProps {
 }
 export declare const AccordionRootProvider: ForwardRefExoticComponent<AccordionRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/accordion/accordion-root.d.cts

@@ -1,9 +1,11 @@
 import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils/render-strategy';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseAccordionProps } from './use-accordion';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface AccordionRootProps extends Assign<HTMLArkProps<'div'>, UseAccordionProps>, RenderStrategyProps {
+export interface AccordionRootBaseProps extends UseAccordionProps, RenderStrategyProps, PolymorphicProps {
+}
+export interface AccordionRootProps extends Assign<HTMLProps<'div'>, AccordionRootBaseProps> {
 }
 export declare const AccordionRoot: ForwardRefExoticComponent<AccordionRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,9 +1,11 @@
 import { Assign } from '../../types';
 import { RenderStrategyProps } from '../../utils/render-strategy';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseAccordionProps } from './use-accordion';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface AccordionRootProps extends Assign<HTMLArkProps<'div'>, UseAccordionProps>, RenderStrategyProps {
+export interface AccordionRootBaseProps extends UseAccordionProps, RenderStrategyProps, PolymorphicProps {
+}
+export interface AccordionRootProps extends Assign<HTMLProps<'div'>, AccordionRootBaseProps> {
 }
 export declare const AccordionRoot: ForwardRefExoticComponent<AccordionRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/accordion/accordion.d.cts

@@ -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/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/components/accordion/index.d.cts

@@ -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/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/components/avatar/avatar-fallback.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface AvatarFallbackProps extends HTMLArkProps<'span'> {
+export interface AvatarFallbackBaseProps extends PolymorphicProps {
+}
+export interface AvatarFallbackProps extends HTMLProps<'span'>, AvatarFallbackBaseProps {
 }
 export declare const AvatarFallback: ForwardRefExoticComponent<AvatarFallbackProps & RefAttributes<HTMLSpanElement>>;

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface AvatarFallbackProps extends HTMLArkProps<'span'> {
+export interface AvatarFallbackBaseProps extends PolymorphicProps {
+}
+export interface AvatarFallbackProps extends HTMLProps<'span'>, AvatarFallbackBaseProps {
 }
 export declare const AvatarFallback: ForwardRefExoticComponent<AvatarFallbackProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/avatar/avatar-image.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface AvatarImageProps extends HTMLArkProps<'img'> {
+export interface AvatarImageBaseProps extends PolymorphicProps {
+}
+export interface AvatarImageProps extends HTMLProps<'img'>, AvatarImageBaseProps {
 }
 export declare const AvatarImage: ForwardRefExoticComponent<AvatarImageProps & RefAttributes<HTMLImageElement>>;

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface AvatarImageProps extends HTMLArkProps<'img'> {
+export interface AvatarImageBaseProps extends PolymorphicProps {
+}
+export interface AvatarImageProps extends HTMLProps<'img'>, AvatarImageBaseProps {
 }
 export declare const AvatarImage: ForwardRefExoticComponent<AvatarImageProps & RefAttributes<HTMLImageElement>>;

package/dist/components/avatar/avatar-root-provider.d.cts

@@ -1,11 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseAvatarReturn } from './use-avatar';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseAvatarReturn;
 }
-export interface AvatarRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface AvatarRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface AvatarRootProviderProps extends HTMLProps<'div'>, AvatarRootProviderBaseProps {
 }
 export declare const AvatarRootProvider: ForwardRefExoticComponent<AvatarRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,11 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseAvatarReturn } from './use-avatar';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseAvatarReturn;
 }
-export interface AvatarRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface AvatarRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface AvatarRootProviderProps extends HTMLProps<'div'>, AvatarRootProviderBaseProps {
 }
 export declare const AvatarRootProvider: ForwardRefExoticComponent<AvatarRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/avatar/avatar-root.d.cts

@@ -1,8 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseAvatarProps } from './use-avatar';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface AvatarRootProps extends Assign<HTMLArkProps<'div'>, UseAvatarProps> {
+export interface AvatarRootBaseProps extends UseAvatarProps, PolymorphicProps {
+}
+export interface AvatarRootProps extends HTMLProps<'div'>, AvatarRootBaseProps {
 }
 export declare const AvatarRoot: ForwardRefExoticComponent<AvatarRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseAvatarProps } from './use-avatar';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface AvatarRootProps extends Assign<HTMLArkProps<'div'>, UseAvatarProps> {
+export interface AvatarRootBaseProps extends UseAvatarProps, PolymorphicProps {
+}
+export interface AvatarRootProps extends HTMLProps<'div'>, AvatarRootBaseProps {
 }
 export declare const AvatarRoot: ForwardRefExoticComponent<AvatarRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/avatar/avatar.d.cts

@@ -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/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/components/avatar/index.d.cts

@@ -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/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/components/carousel/carousel-control.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselControlProps extends HTMLArkProps<'div'> {
+export interface CarouselControlBaseProps extends PolymorphicProps {
+}
+export interface CarouselControlProps extends HTMLProps<'div'>, CarouselControlBaseProps {
 }
 export declare const CarouselControl: ForwardRefExoticComponent<CarouselControlProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselControlProps extends HTMLArkProps<'div'> {
+export interface CarouselControlBaseProps extends PolymorphicProps {
+}
+export interface CarouselControlProps extends HTMLProps<'div'>, CarouselControlBaseProps {
 }
 export declare const CarouselControl: ForwardRefExoticComponent<CarouselControlProps & RefAttributes<HTMLDivElement>>;

package/dist/components/carousel/carousel-indicator-group.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselIndicatorGroupProps extends HTMLArkProps<'div'> {
+export interface CarouselIndicatorGroupBaseProps extends PolymorphicProps {
+}
+export interface CarouselIndicatorGroupProps extends HTMLProps<'div'>, CarouselIndicatorGroupBaseProps {
 }
 export declare const CarouselIndicatorGroup: ForwardRefExoticComponent<CarouselIndicatorGroupProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselIndicatorGroupProps extends HTMLArkProps<'div'> {
+export interface CarouselIndicatorGroupBaseProps extends PolymorphicProps {
+}
+export interface CarouselIndicatorGroupProps extends HTMLProps<'div'>, CarouselIndicatorGroupBaseProps {
 }
 export declare const CarouselIndicatorGroup: ForwardRefExoticComponent<CarouselIndicatorGroupProps & RefAttributes<HTMLDivElement>>;

package/dist/components/carousel/carousel-indicator.d.cts

@@ -1,8 +1,9 @@
 import { IndicatorProps } from '@zag-js/carousel';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselIndicatorProps extends Assign<HTMLArkProps<'button'>, IndicatorProps> {
+export interface CarouselIndicatorBaseProps extends IndicatorProps, PolymorphicProps {
+}
+export interface CarouselIndicatorProps extends HTMLProps<'button'>, CarouselIndicatorBaseProps {
 }
 export declare const CarouselIndicator: ForwardRefExoticComponent<CarouselIndicatorProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,8 +1,9 @@
 import { IndicatorProps } from '@zag-js/carousel';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselIndicatorProps extends Assign<HTMLArkProps<'button'>, IndicatorProps> {
+export interface CarouselIndicatorBaseProps extends IndicatorProps, PolymorphicProps {
+}
+export interface CarouselIndicatorProps extends HTMLProps<'button'>, CarouselIndicatorBaseProps {
 }
 export declare const CarouselIndicator: ForwardRefExoticComponent<CarouselIndicatorProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/carousel/carousel-item-group.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselItemGroupProps extends HTMLArkProps<'div'> {
+export interface CarouselItemGroupBaseProps extends PolymorphicProps {
+}
+export interface CarouselItemGroupProps extends HTMLProps<'div'>, CarouselItemGroupBaseProps {
 }
 export declare const CarouselItemGroup: ForwardRefExoticComponent<CarouselItemGroupProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselItemGroupProps extends HTMLArkProps<'div'> {
+export interface CarouselItemGroupBaseProps extends PolymorphicProps {
+}
+export interface CarouselItemGroupProps extends HTMLProps<'div'>, CarouselItemGroupBaseProps {
 }
 export declare const CarouselItemGroup: ForwardRefExoticComponent<CarouselItemGroupProps & RefAttributes<HTMLDivElement>>;

package/dist/components/carousel/carousel-item.d.cts

@@ -1,8 +1,9 @@
 import { ItemProps } from '@zag-js/carousel';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselItemProps extends Assign<HTMLArkProps<'div'>, ItemProps> {
+export interface CarouselItemBaseProps extends ItemProps, PolymorphicProps {
+}
+export interface CarouselItemProps extends HTMLProps<'div'>, CarouselItemBaseProps {
 }
 export declare const CarouselItem: ForwardRefExoticComponent<CarouselItemProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,9 @@
 import { ItemProps } from '@zag-js/carousel';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselItemProps extends Assign<HTMLArkProps<'div'>, ItemProps> {
+export interface CarouselItemBaseProps extends ItemProps, PolymorphicProps {
+}
+export interface CarouselItemProps extends HTMLProps<'div'>, CarouselItemBaseProps {
 }
 export declare const CarouselItem: ForwardRefExoticComponent<CarouselItemProps & RefAttributes<HTMLDivElement>>;

package/dist/components/carousel/carousel-next-trigger.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselNextTriggerProps extends HTMLArkProps<'button'> {
+export interface CarouselNextTriggerBaseProps extends PolymorphicProps {
+}
+export interface CarouselNextTriggerProps extends HTMLProps<'button'>, CarouselNextTriggerBaseProps {
 }
 export declare const CarouselNextTrigger: ForwardRefExoticComponent<CarouselNextTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselNextTriggerProps extends HTMLArkProps<'button'> {
+export interface CarouselNextTriggerBaseProps extends PolymorphicProps {
+}
+export interface CarouselNextTriggerProps extends HTMLProps<'button'>, CarouselNextTriggerBaseProps {
 }
 export declare const CarouselNextTrigger: ForwardRefExoticComponent<CarouselNextTriggerProps & RefAttributes<HTMLButtonElement>>;