@ark-ui/react 3.4.0-0 → 3.4.0

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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type AccordionItemContentBaseProps = {};
-export interface AccordionItemContentProps extends HTMLArkProps<'div'>, AccordionItemContentBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type AccordionItemContentBaseProps = {};
-export interface AccordionItemContentProps extends HTMLArkProps<'div'>, AccordionItemContentBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type AccordionItemIndicatorBaseProps = {};
-export interface AccordionItemIndicatorProps extends HTMLArkProps<'div'>, AccordionItemIndicatorBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type AccordionItemIndicatorBaseProps = {};
-export interface AccordionItemIndicatorProps extends HTMLArkProps<'div'>, AccordionItemIndicatorBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type AccordionItemTriggerBaseProps = {};
-export interface AccordionItemTriggerProps extends HTMLArkProps<'button'>, AccordionItemTriggerBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type AccordionItemTriggerBaseProps = {};
-export interface AccordionItemTriggerProps extends HTMLArkProps<'button'>, AccordionItemTriggerBaseProps {
+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,10 +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 AccordionItemBaseProps extends ItemProps {
+export interface AccordionItemBaseProps extends ItemProps, PolymorphicProps {
 }
-export interface AccordionItemProps extends Assign<HTMLArkProps<'div'>, AccordionItemBaseProps> {
+export interface AccordionItemProps extends HTMLProps<'div'>, AccordionItemBaseProps {
 }
 export declare const AccordionItem: ForwardRefExoticComponent<AccordionItemProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +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 AccordionItemBaseProps extends ItemProps {
+export interface AccordionItemBaseProps extends ItemProps, PolymorphicProps {
 }
-export interface AccordionItemProps extends Assign<HTMLArkProps<'div'>, AccordionItemBaseProps> {
+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,14 +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 AccordionRootProviderBaseProps extends RootProviderProps, RenderStrategyProps {
+export interface AccordionRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {
 }
-export interface AccordionRootProviderProps extends HTMLArkProps<'div'>, AccordionRootProviderBaseProps {
+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,14 +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 AccordionRootProviderBaseProps extends RootProviderProps, RenderStrategyProps {
+export interface AccordionRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {
 }
-export interface AccordionRootProviderProps extends HTMLArkProps<'div'>, AccordionRootProviderBaseProps {
+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,11 +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 AccordionRootBaseProps extends UseAccordionProps, RenderStrategyProps {
+export interface AccordionRootBaseProps extends UseAccordionProps, RenderStrategyProps, PolymorphicProps {
 }
-export interface AccordionRootProps extends Assign<HTMLArkProps<'div'>, AccordionRootBaseProps> {
+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,11 +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 AccordionRootBaseProps extends UseAccordionProps, RenderStrategyProps {
+export interface AccordionRootBaseProps extends UseAccordionProps, RenderStrategyProps, PolymorphicProps {
 }
-export interface AccordionRootProps extends Assign<HTMLArkProps<'div'>, AccordionRootBaseProps> {
+export interface AccordionRootProps extends Assign<HTMLProps<'div'>, AccordionRootBaseProps> {
 }
 export declare const AccordionRoot: ForwardRefExoticComponent<AccordionRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type AvatarFallbackBaseProps = {};
-export interface AvatarFallbackProps extends HTMLArkProps<'span'>, AvatarFallbackBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type AvatarFallbackBaseProps = {};
-export interface AvatarFallbackProps extends HTMLArkProps<'span'>, AvatarFallbackBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type AvatarImageBaseProps = {};
-export interface AvatarImageProps extends HTMLArkProps<'img'>, AvatarImageBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type AvatarImageBaseProps = {};
-export interface AvatarImageProps extends HTMLArkProps<'img'>, AvatarImageBaseProps {
+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,13 +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 AvatarRootProviderBaseProps extends RootProviderProps {
+export interface AvatarRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
 }
-export interface AvatarRootProviderProps extends HTMLArkProps<'div'>, AvatarRootProviderBaseProps {
+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,13 +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 AvatarRootProviderBaseProps extends RootProviderProps {
+export interface AvatarRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
 }
-export interface AvatarRootProviderProps extends HTMLArkProps<'div'>, AvatarRootProviderBaseProps {
+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,10 +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 AvatarRootBaseProps extends UseAvatarProps {
+export interface AvatarRootBaseProps extends UseAvatarProps, PolymorphicProps {
 }
-export interface AvatarRootProps extends Assign<HTMLArkProps<'div'>, AvatarRootBaseProps> {
+export interface AvatarRootProps extends HTMLProps<'div'>, AvatarRootBaseProps {
 }
 export declare const AvatarRoot: ForwardRefExoticComponent<AvatarRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +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 AvatarRootBaseProps extends UseAvatarProps {
+export interface AvatarRootBaseProps extends UseAvatarProps, PolymorphicProps {
 }
-export interface AvatarRootProps extends Assign<HTMLArkProps<'div'>, AvatarRootBaseProps> {
+export interface AvatarRootProps extends HTMLProps<'div'>, AvatarRootBaseProps {
 }
 export declare const AvatarRoot: ForwardRefExoticComponent<AvatarRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type CarouselControlBaseProps = {};
-export interface CarouselControlProps extends HTMLArkProps<'div'>, CarouselControlBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type CarouselControlBaseProps = {};
-export interface CarouselControlProps extends HTMLArkProps<'div'>, CarouselControlBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type CarouselIndicatorGroupBaseProps = {};
-export interface CarouselIndicatorGroupProps extends HTMLArkProps<'div'>, CarouselIndicatorGroupBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type CarouselIndicatorGroupBaseProps = {};
-export interface CarouselIndicatorGroupProps extends HTMLArkProps<'div'>, CarouselIndicatorGroupBaseProps {
+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,10 +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 CarouselIndicatorBaseProps extends IndicatorProps {
+export interface CarouselIndicatorBaseProps extends IndicatorProps, PolymorphicProps {
 }
-export interface CarouselIndicatorProps extends Assign<HTMLArkProps<'button'>, CarouselIndicatorBaseProps> {
+export interface CarouselIndicatorProps extends HTMLProps<'button'>, CarouselIndicatorBaseProps {
 }
 export declare const CarouselIndicator: ForwardRefExoticComponent<CarouselIndicatorProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,10 +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 CarouselIndicatorBaseProps extends IndicatorProps {
+export interface CarouselIndicatorBaseProps extends IndicatorProps, PolymorphicProps {
 }
-export interface CarouselIndicatorProps extends Assign<HTMLArkProps<'button'>, CarouselIndicatorBaseProps> {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type CarouselItemGroupBaseProps = {};
-export interface CarouselItemGroupProps extends HTMLArkProps<'div'>, CarouselItemGroupBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type CarouselItemGroupBaseProps = {};
-export interface CarouselItemGroupProps extends HTMLArkProps<'div'>, CarouselItemGroupBaseProps {
+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,10 +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 CarouselItemBaseProps extends ItemProps {
+export interface CarouselItemBaseProps extends ItemProps, PolymorphicProps {
 }
-export interface CarouselItemProps extends Assign<HTMLArkProps<'div'>, CarouselItemBaseProps> {
+export interface CarouselItemProps extends HTMLProps<'div'>, CarouselItemBaseProps {
 }
 export declare const CarouselItem: ForwardRefExoticComponent<CarouselItemProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +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 CarouselItemBaseProps extends ItemProps {
+export interface CarouselItemBaseProps extends ItemProps, PolymorphicProps {
 }
-export interface CarouselItemProps extends Assign<HTMLArkProps<'div'>, CarouselItemBaseProps> {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type CarouselNextTriggerBaseProps = {};
-export interface CarouselNextTriggerProps extends HTMLArkProps<'button'>, CarouselNextTriggerBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type CarouselNextTriggerBaseProps = {};
-export interface CarouselNextTriggerProps extends HTMLArkProps<'button'>, CarouselNextTriggerBaseProps {
+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-prev-trigger.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type CarouselPrevTriggerBaseProps = {};
-export interface CarouselPrevTriggerProps extends HTMLArkProps<'button'>, CarouselPrevTriggerBaseProps {
+export interface CarouselPrevTriggerBaseProps extends PolymorphicProps {
+}
+export interface CarouselPrevTriggerProps extends HTMLProps<'button'>, CarouselPrevTriggerBaseProps {
 }
 export declare const CarouselPrevTrigger: ForwardRefExoticComponent<CarouselPrevTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type CarouselPrevTriggerBaseProps = {};
-export interface CarouselPrevTriggerProps extends HTMLArkProps<'button'>, CarouselPrevTriggerBaseProps {
+export interface CarouselPrevTriggerBaseProps extends PolymorphicProps {
+}
+export interface CarouselPrevTriggerProps extends HTMLProps<'button'>, CarouselPrevTriggerBaseProps {
 }
 export declare const CarouselPrevTrigger: ForwardRefExoticComponent<CarouselPrevTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/carousel/carousel-root-provider.cjs

@@ -12,10 +12,9 @@ const useCarouselContext = require('./use-carousel-context.cjs');
 
 const CarouselRootProvider = react.forwardRef(
   (props, ref) => {
-    const [{ value: carousel }, localProps] = createSplitProps.createSplitProps()(
-      props,
-      ["value"]
-    );
+    const [{ value: carousel }, localProps] = createSplitProps.createSplitProps()(props, [
+      "value"
+    ]);
     const mergedProps = react$1.mergeProps(carousel.getRootProps(), localProps);
     return /* @__PURE__ */ jsxRuntime.jsx(useCarouselContext.CarouselProvider, { value: carousel, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
   }

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

@@ -1,10 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseCarouselReturn } from './use-carousel';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselRootProviderBaseProps {
+interface RootProviderProps {
     value: UseCarouselReturn;
 }
-export interface CarouselRootProviderProps extends HTMLArkProps<'div'>, CarouselRootProviderBaseProps {
+export interface CarouselRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface CarouselRootProviderProps extends HTMLProps<'div'>, CarouselRootProviderBaseProps {
 }
 export declare const CarouselRootProvider: ForwardRefExoticComponent<CarouselRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -1,10 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseCarouselReturn } from './use-carousel';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselRootProviderBaseProps {
+interface RootProviderProps {
     value: UseCarouselReturn;
 }
-export interface CarouselRootProviderProps extends HTMLArkProps<'div'>, CarouselRootProviderBaseProps {
+export interface CarouselRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface CarouselRootProviderProps extends HTMLProps<'div'>, CarouselRootProviderBaseProps {
 }
 export declare const CarouselRootProvider: ForwardRefExoticComponent<CarouselRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/carousel/carousel-root-provider.js

@@ -8,10 +8,9 @@ import { CarouselProvider } from './use-carousel-context.js';
 
 const CarouselRootProvider = forwardRef(
   (props, ref) => {
-    const [{ value: carousel }, localProps] = createSplitProps()(
-      props,
-      ["value"]
-    );
+    const [{ value: carousel }, localProps] = createSplitProps()(props, [
+      "value"
+    ]);
     const mergedProps = mergeProps(carousel.getRootProps(), localProps);
     return /* @__PURE__ */ jsx(CarouselProvider, { value: carousel, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
   }

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

@@ -1,10 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseCarouselProps } from './use-carousel';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselRootBaseProps extends UseCarouselProps {
+export interface CarouselRootBaseProps extends UseCarouselProps, PolymorphicProps {
 }
-export interface CarouselRootProps extends Assign<HTMLArkProps<'div'>, CarouselRootBaseProps> {
+export interface CarouselRootProps extends HTMLProps<'div'>, CarouselRootBaseProps {
 }
 export declare const CarouselRoot: ForwardRefExoticComponent<CarouselRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseCarouselProps } from './use-carousel';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselRootBaseProps extends UseCarouselProps {
+export interface CarouselRootBaseProps extends UseCarouselProps, PolymorphicProps {
 }
-export interface CarouselRootProps extends Assign<HTMLArkProps<'div'>, CarouselRootBaseProps> {
+export interface CarouselRootProps extends HTMLProps<'div'>, CarouselRootBaseProps {
 }
 export declare const CarouselRoot: ForwardRefExoticComponent<CarouselRootProps & RefAttributes<HTMLDivElement>>;