@ark-ui/react 3.3.0 → 3.4.0-1

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselPrevTriggerProps extends HTMLArkProps<'button'> {
+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,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CarouselPrevTriggerProps extends HTMLArkProps<'button'> {
+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.d.cts

@@ -1,11 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseCarouselReturn } from './use-carousel';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseCarouselReturn;
 }
-export interface CarouselRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+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,11 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseCarouselReturn } from './use-carousel';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseCarouselReturn;
 }
-export interface CarouselRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+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.d.cts

@@ -1,8 +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 CarouselRootProps extends Assign<HTMLArkProps<'div'>, UseCarouselProps> {
+export interface CarouselRootBaseProps extends UseCarouselProps, PolymorphicProps {
+}
+export interface CarouselRootProps extends HTMLProps<'div'>, CarouselRootBaseProps {
 }
 export declare const CarouselRoot: ForwardRefExoticComponent<CarouselRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +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 CarouselRootProps extends Assign<HTMLArkProps<'div'>, UseCarouselProps> {
+export interface CarouselRootBaseProps extends UseCarouselProps, PolymorphicProps {
+}
+export interface CarouselRootProps extends HTMLProps<'div'>, CarouselRootBaseProps {
 }
 export declare const CarouselRoot: ForwardRefExoticComponent<CarouselRootProps & RefAttributes<HTMLDivElement>>;

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

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

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

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

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

@@ -1,12 +1,12 @@
 export type { SlideChangeDetails } from '@zag-js/carousel';
 export { CarouselContext as Context, type CarouselContextProps as ContextProps, } from './carousel-context';
-export { CarouselControl as Control, type CarouselControlProps as ControlProps, } from './carousel-control';
-export { CarouselIndicator as Indicator, type CarouselIndicatorProps as IndicatorProps, } from './carousel-indicator';
-export { CarouselIndicatorGroup as IndicatorGroup, type CarouselIndicatorGroupProps as IndicatorGroupProps, } from './carousel-indicator-group';
-export { CarouselItem as Item, type CarouselItemProps as ItemProps } from './carousel-item';
-export { CarouselItemGroup as ItemGroup, type CarouselItemGroupProps as ItemGroupProps, } from './carousel-item-group';
-export { CarouselNextTrigger as NextTrigger, type CarouselNextTriggerProps as NextTriggerProps, } from './carousel-next-trigger';
-export { CarouselPrevTrigger as PrevTrigger, type CarouselPrevTriggerProps as PrevTriggerProps, } from './carousel-prev-trigger';
-export { CarouselRoot as Root, type CarouselRootProps as RootProps } from './carousel-root';
-export { CarouselRootProvider as RootProvider, type CarouselRootProviderProps as RootProviderProps, } from './carousel-root-provider';
-export { CarouselViewport as Viewport, type CarouselViewportProps as ViewportProps, } from './carousel-viewport';
+export { CarouselControl as Control, type CarouselControlProps as ControlProps, type CarouselControlBaseProps as ControlBaseProps, } from './carousel-control';
+export { CarouselIndicator as Indicator, type CarouselIndicatorProps as IndicatorProps, type CarouselIndicatorBaseProps as IndicatorBaseProps, } from './carousel-indicator';
+export { CarouselIndicatorGroup as IndicatorGroup, type CarouselIndicatorGroupProps as IndicatorGroupProps, type CarouselIndicatorGroupBaseProps as IndicatorGroupBaseProps, } from './carousel-indicator-group';
+export { CarouselItem as Item, type CarouselItemProps as ItemProps, type CarouselItemBaseProps as ItemBaseProps, } from './carousel-item';
+export { CarouselItemGroup as ItemGroup, type CarouselItemGroupProps as ItemGroupProps, type CarouselItemGroupBaseProps as ItemGroupBaseProps, } from './carousel-item-group';
+export { CarouselNextTrigger as NextTrigger, type CarouselNextTriggerProps as NextTriggerProps, type CarouselNextTriggerBaseProps as NextTriggerBaseProps, } from './carousel-next-trigger';
+export { CarouselPrevTrigger as PrevTrigger, type CarouselPrevTriggerProps as PrevTriggerProps, type CarouselPrevTriggerBaseProps as PrevTriggerBaseProps, } from './carousel-prev-trigger';
+export { CarouselRoot as Root, type CarouselRootProps as RootProps, type CarouselRootBaseProps as RootBaseProps, } from './carousel-root';
+export { CarouselRootProvider as RootProvider, type CarouselRootProviderProps as RootProviderProps, type CarouselRootProviderBaseProps as RootProviderBaseProps, } from './carousel-root-provider';
+export { CarouselViewport as Viewport, type CarouselViewportProps as ViewportProps, type CarouselViewportBaseProps as ViewportBaseProps, } from './carousel-viewport';

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

@@ -1,12 +1,12 @@
 export type { SlideChangeDetails } from '@zag-js/carousel';
 export { CarouselContext as Context, type CarouselContextProps as ContextProps, } from './carousel-context';
-export { CarouselControl as Control, type CarouselControlProps as ControlProps, } from './carousel-control';
-export { CarouselIndicator as Indicator, type CarouselIndicatorProps as IndicatorProps, } from './carousel-indicator';
-export { CarouselIndicatorGroup as IndicatorGroup, type CarouselIndicatorGroupProps as IndicatorGroupProps, } from './carousel-indicator-group';
-export { CarouselItem as Item, type CarouselItemProps as ItemProps } from './carousel-item';
-export { CarouselItemGroup as ItemGroup, type CarouselItemGroupProps as ItemGroupProps, } from './carousel-item-group';
-export { CarouselNextTrigger as NextTrigger, type CarouselNextTriggerProps as NextTriggerProps, } from './carousel-next-trigger';
-export { CarouselPrevTrigger as PrevTrigger, type CarouselPrevTriggerProps as PrevTriggerProps, } from './carousel-prev-trigger';
-export { CarouselRoot as Root, type CarouselRootProps as RootProps } from './carousel-root';
-export { CarouselRootProvider as RootProvider, type CarouselRootProviderProps as RootProviderProps, } from './carousel-root-provider';
-export { CarouselViewport as Viewport, type CarouselViewportProps as ViewportProps, } from './carousel-viewport';
+export { CarouselControl as Control, type CarouselControlProps as ControlProps, type CarouselControlBaseProps as ControlBaseProps, } from './carousel-control';
+export { CarouselIndicator as Indicator, type CarouselIndicatorProps as IndicatorProps, type CarouselIndicatorBaseProps as IndicatorBaseProps, } from './carousel-indicator';
+export { CarouselIndicatorGroup as IndicatorGroup, type CarouselIndicatorGroupProps as IndicatorGroupProps, type CarouselIndicatorGroupBaseProps as IndicatorGroupBaseProps, } from './carousel-indicator-group';
+export { CarouselItem as Item, type CarouselItemProps as ItemProps, type CarouselItemBaseProps as ItemBaseProps, } from './carousel-item';
+export { CarouselItemGroup as ItemGroup, type CarouselItemGroupProps as ItemGroupProps, type CarouselItemGroupBaseProps as ItemGroupBaseProps, } from './carousel-item-group';
+export { CarouselNextTrigger as NextTrigger, type CarouselNextTriggerProps as NextTriggerProps, type CarouselNextTriggerBaseProps as NextTriggerBaseProps, } from './carousel-next-trigger';
+export { CarouselPrevTrigger as PrevTrigger, type CarouselPrevTriggerProps as PrevTriggerProps, type CarouselPrevTriggerBaseProps as PrevTriggerBaseProps, } from './carousel-prev-trigger';
+export { CarouselRoot as Root, type CarouselRootProps as RootProps, type CarouselRootBaseProps as RootBaseProps, } from './carousel-root';
+export { CarouselRootProvider as RootProvider, type CarouselRootProviderProps as RootProviderProps, type CarouselRootProviderBaseProps as RootProviderBaseProps, } from './carousel-root-provider';
+export { CarouselViewport as Viewport, type CarouselViewportProps as ViewportProps, type CarouselViewportBaseProps as ViewportBaseProps, } from './carousel-viewport';

package/dist/components/carousel/index.d.cts

@@ -1,15 +1,15 @@
 export type { SlideChangeDetails as CarouselSlideChangeDetails } from '@zag-js/carousel';
-export { CarouselContext, type CarouselContextProps } from './carousel-context';
-export { CarouselControl, type CarouselControlProps } from './carousel-control';
-export { CarouselIndicator, type CarouselIndicatorProps } from './carousel-indicator';
-export { CarouselIndicatorGroup, type CarouselIndicatorGroupProps, } from './carousel-indicator-group';
-export { CarouselItem, type CarouselItemProps } from './carousel-item';
-export { CarouselItemGroup, type CarouselItemGroupProps } from './carousel-item-group';
-export { CarouselNextTrigger, type CarouselNextTriggerProps } from './carousel-next-trigger';
-export { CarouselPrevTrigger, type CarouselPrevTriggerProps } from './carousel-prev-trigger';
-export { CarouselRoot, type CarouselRootProps } from './carousel-root';
-export { CarouselRootProvider, type CarouselRootProviderProps } from './carousel-root-provider';
-export { CarouselViewport, type CarouselViewportProps } from './carousel-viewport';
+export { CarouselContext, type CarouselContextProps, } from './carousel-context';
+export { CarouselControl, type CarouselControlProps, type CarouselControlBaseProps, } from './carousel-control';
+export { CarouselIndicator, type CarouselIndicatorProps, type CarouselIndicatorBaseProps, } from './carousel-indicator';
+export { CarouselIndicatorGroup, type CarouselIndicatorGroupProps, type CarouselIndicatorGroupBaseProps, } from './carousel-indicator-group';
+export { CarouselItem, type CarouselItemProps, type CarouselItemBaseProps, } from './carousel-item';
+export { CarouselItemGroup, type CarouselItemGroupProps, type CarouselItemGroupBaseProps, } from './carousel-item-group';
+export { CarouselNextTrigger, type CarouselNextTriggerProps, type CarouselNextTriggerBaseProps, } from './carousel-next-trigger';
+export { CarouselPrevTrigger, type CarouselPrevTriggerProps, type CarouselPrevTriggerBaseProps, } from './carousel-prev-trigger';
+export { CarouselRoot, type CarouselRootProps, type CarouselRootBaseProps, } from './carousel-root';
+export { CarouselRootProvider, type CarouselRootProviderProps, type CarouselRootProviderBaseProps, } from './carousel-root-provider';
+export { CarouselViewport, type CarouselViewportProps, type CarouselViewportBaseProps, } from './carousel-viewport';
 export { useCarousel, type UseCarouselProps, type UseCarouselReturn } from './use-carousel';
 export { useCarouselContext, type UseCarouselContext } from './use-carousel-context';
 export * as Carousel from './carousel';

package/dist/components/carousel/index.d.ts

@@ -1,15 +1,15 @@
 export type { SlideChangeDetails as CarouselSlideChangeDetails } from '@zag-js/carousel';
-export { CarouselContext, type CarouselContextProps } from './carousel-context';
-export { CarouselControl, type CarouselControlProps } from './carousel-control';
-export { CarouselIndicator, type CarouselIndicatorProps } from './carousel-indicator';
-export { CarouselIndicatorGroup, type CarouselIndicatorGroupProps, } from './carousel-indicator-group';
-export { CarouselItem, type CarouselItemProps } from './carousel-item';
-export { CarouselItemGroup, type CarouselItemGroupProps } from './carousel-item-group';
-export { CarouselNextTrigger, type CarouselNextTriggerProps } from './carousel-next-trigger';
-export { CarouselPrevTrigger, type CarouselPrevTriggerProps } from './carousel-prev-trigger';
-export { CarouselRoot, type CarouselRootProps } from './carousel-root';
-export { CarouselRootProvider, type CarouselRootProviderProps } from './carousel-root-provider';
-export { CarouselViewport, type CarouselViewportProps } from './carousel-viewport';
+export { CarouselContext, type CarouselContextProps, } from './carousel-context';
+export { CarouselControl, type CarouselControlProps, type CarouselControlBaseProps, } from './carousel-control';
+export { CarouselIndicator, type CarouselIndicatorProps, type CarouselIndicatorBaseProps, } from './carousel-indicator';
+export { CarouselIndicatorGroup, type CarouselIndicatorGroupProps, type CarouselIndicatorGroupBaseProps, } from './carousel-indicator-group';
+export { CarouselItem, type CarouselItemProps, type CarouselItemBaseProps, } from './carousel-item';
+export { CarouselItemGroup, type CarouselItemGroupProps, type CarouselItemGroupBaseProps, } from './carousel-item-group';
+export { CarouselNextTrigger, type CarouselNextTriggerProps, type CarouselNextTriggerBaseProps, } from './carousel-next-trigger';
+export { CarouselPrevTrigger, type CarouselPrevTriggerProps, type CarouselPrevTriggerBaseProps, } from './carousel-prev-trigger';
+export { CarouselRoot, type CarouselRootProps, type CarouselRootBaseProps, } from './carousel-root';
+export { CarouselRootProvider, type CarouselRootProviderProps, type CarouselRootProviderBaseProps, } from './carousel-root-provider';
+export { CarouselViewport, type CarouselViewportProps, type CarouselViewportBaseProps, } from './carousel-viewport';
 export { useCarousel, type UseCarouselProps, type UseCarouselReturn } from './use-carousel';
 export { useCarouselContext, type UseCarouselContext } from './use-carousel-context';
 export * as Carousel from './carousel';

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

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

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

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

package/dist/components/checkbox/checkbox-group.cjs

@@ -20,7 +20,7 @@ const CheckboxGroup = react.forwardRef((props, ref) => {
     "readOnly"
   ]);
   const checkboxGroup = useCheckboxGroup.useCheckboxGroup(checkboxGroupProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(useCheckboxGroupContext.CheckboxGroupContextProvider, { value: checkboxGroup, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ref, ...localProps, ...anatomy.checkboxAnatomy.build().group.attrs }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(useCheckboxGroupContext.CheckboxGroupContextProvider, { value: checkboxGroup, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ref, role: "group", ...localProps, ...anatomy.checkboxAnatomy.build().group.attrs }) });
 });
 CheckboxGroup.displayName = "CheckboxGroup";
 

package/dist/components/checkbox/checkbox-group.d.cts

@@ -1,8 +1,10 @@
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseCheckboxGroupProps } from './use-checkbox-group';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CheckboxGroupProps extends Assign<HTMLArkProps<'div'>, UseCheckboxGroupProps> {
+export interface CheckboxGroupBaseProps extends UseCheckboxGroupProps, PolymorphicProps {
+}
+export interface CheckboxGroupProps extends Assign<HTMLProps<'div'>, CheckboxGroupBaseProps> {
 }
 export declare const CheckboxGroup: ForwardRefExoticComponent<CheckboxGroupProps & RefAttributes<HTMLDivElement>>;

package/dist/components/checkbox/checkbox-group.d.ts

@@ -1,8 +1,10 @@
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseCheckboxGroupProps } from './use-checkbox-group';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CheckboxGroupProps extends Assign<HTMLArkProps<'div'>, UseCheckboxGroupProps> {
+export interface CheckboxGroupBaseProps extends UseCheckboxGroupProps, PolymorphicProps {
+}
+export interface CheckboxGroupProps extends Assign<HTMLProps<'div'>, CheckboxGroupBaseProps> {
 }
 export declare const CheckboxGroup: ForwardRefExoticComponent<CheckboxGroupProps & RefAttributes<HTMLDivElement>>;

package/dist/components/checkbox/checkbox-group.js

@@ -16,7 +16,7 @@ const CheckboxGroup = forwardRef((props, ref) => {
     "readOnly"
   ]);
   const checkboxGroup = useCheckboxGroup(checkboxGroupProps);
-  return /* @__PURE__ */ jsx(CheckboxGroupContextProvider, { value: checkboxGroup, children: /* @__PURE__ */ jsx(ark.div, { ref, ...localProps, ...checkboxAnatomy.build().group.attrs }) });
+  return /* @__PURE__ */ jsx(CheckboxGroupContextProvider, { value: checkboxGroup, children: /* @__PURE__ */ jsx(ark.div, { ref, role: "group", ...localProps, ...checkboxAnatomy.build().group.attrs }) });
 });
 CheckboxGroup.displayName = "CheckboxGroup";
 

package/dist/components/checkbox/checkbox-hidden-input.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CheckboxHiddenInputProps extends HTMLArkProps<'input'> {
+export interface CheckboxHiddenInputBaseProps extends PolymorphicProps {
+}
+export interface CheckboxHiddenInputProps extends HTMLProps<'input'>, CheckboxHiddenInputBaseProps {
 }
 export declare const CheckboxHiddenInput: ForwardRefExoticComponent<CheckboxHiddenInputProps & RefAttributes<HTMLInputElement>>;

package/dist/components/checkbox/checkbox-hidden-input.d.ts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CheckboxHiddenInputProps extends HTMLArkProps<'input'> {
+export interface CheckboxHiddenInputBaseProps extends PolymorphicProps {
+}
+export interface CheckboxHiddenInputProps extends HTMLProps<'input'>, CheckboxHiddenInputBaseProps {
 }
 export declare const CheckboxHiddenInput: ForwardRefExoticComponent<CheckboxHiddenInputProps & RefAttributes<HTMLInputElement>>;

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

@@ -1,7 +1,9 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CheckboxIndicatorProps extends HTMLArkProps<'div'> {
+export interface CheckboxIndicatorBaseProps extends PolymorphicProps {
     indeterminate?: boolean;
 }
+export interface CheckboxIndicatorProps extends HTMLProps<'div'>, CheckboxIndicatorBaseProps {
+}
 export declare const CheckboxIndicator: ForwardRefExoticComponent<CheckboxIndicatorProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,9 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CheckboxIndicatorProps extends HTMLArkProps<'div'> {
+export interface CheckboxIndicatorBaseProps extends PolymorphicProps {
     indeterminate?: boolean;
 }
+export interface CheckboxIndicatorProps extends HTMLProps<'div'>, CheckboxIndicatorBaseProps {
+}
 export declare const CheckboxIndicator: ForwardRefExoticComponent<CheckboxIndicatorProps & RefAttributes<HTMLDivElement>>;

package/dist/components/checkbox/checkbox-label.d.cts

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

package/dist/components/checkbox/checkbox-label.d.ts

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

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

@@ -1,11 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseCheckboxReturn } from './use-checkbox';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseCheckboxReturn;
 }
-export interface CheckboxRootProviderProps extends HTMLArkProps<'label'>, RootProviderProps {
+export interface CheckboxRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface CheckboxRootProviderProps extends HTMLProps<'label'>, CheckboxRootProviderBaseProps {
 }
 export declare const CheckboxRootProvider: ForwardRefExoticComponent<CheckboxRootProviderProps & RefAttributes<HTMLLabelElement>>;
 export {};

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

@@ -1,11 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseCheckboxReturn } from './use-checkbox';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseCheckboxReturn;
 }
-export interface CheckboxRootProviderProps extends HTMLArkProps<'label'>, RootProviderProps {
+export interface CheckboxRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface CheckboxRootProviderProps extends HTMLProps<'label'>, CheckboxRootProviderBaseProps {
 }
 export declare const CheckboxRootProvider: ForwardRefExoticComponent<CheckboxRootProviderProps & RefAttributes<HTMLLabelElement>>;
 export {};

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

@@ -1,8 +1,10 @@
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseCheckboxProps } from './use-checkbox';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CheckboxRootProps extends Assign<HTMLArkProps<'label'>, UseCheckboxProps> {
+export interface CheckboxRootBaseProps extends UseCheckboxProps, PolymorphicProps {
+}
+export interface CheckboxRootProps extends Assign<HTMLProps<'label'>, CheckboxRootBaseProps> {
 }
 export declare const CheckboxRoot: ForwardRefExoticComponent<CheckboxRootProps & RefAttributes<HTMLLabelElement>>;

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

@@ -1,8 +1,10 @@
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseCheckboxProps } from './use-checkbox';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CheckboxRootProps extends Assign<HTMLArkProps<'label'>, UseCheckboxProps> {
+export interface CheckboxRootBaseProps extends UseCheckboxProps, PolymorphicProps {
+}
+export interface CheckboxRootProps extends Assign<HTMLProps<'label'>, CheckboxRootBaseProps> {
 }
 export declare const CheckboxRoot: ForwardRefExoticComponent<CheckboxRootProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/checkbox/checkbox.d.cts

@@ -1,9 +1,9 @@
 export type { CheckedChangeDetails, CheckedState } from '@zag-js/checkbox';
 export { CheckboxContext as Context, type CheckboxContextProps as ContextProps, } from './checkbox-context';
-export { CheckboxControl as Control, type CheckboxControlProps as ControlProps, } from './checkbox-control';
-export { CheckboxGroup as Group, type CheckboxGroupProps as GroupProps } from './checkbox-group';
-export { CheckboxHiddenInput as HiddenInput, type CheckboxHiddenInputProps as HiddenInputProps, } from './checkbox-hidden-input';
-export { CheckboxIndicator as Indicator, type CheckboxIndicatorProps as IndicatorProps, } from './checkbox-indicator';
-export { CheckboxLabel as Label, type CheckboxLabelProps as LabelProps } from './checkbox-label';
-export { CheckboxRoot as Root, type CheckboxRootProps as RootProps } from './checkbox-root';
-export { CheckboxRootProvider as RootProvider, type CheckboxRootProviderProps as RootProviderProps, } from './checkbox-root-provider';
+export { CheckboxControl as Control, type CheckboxControlProps as ControlProps, type CheckboxControlBaseProps as ControlBaseProps, } from './checkbox-control';
+export { CheckboxGroup as Group, type CheckboxGroupProps as GroupProps, type CheckboxGroupBaseProps as GroupBaseProps, } from './checkbox-group';
+export { CheckboxHiddenInput as HiddenInput, type CheckboxHiddenInputProps as HiddenInputProps, type CheckboxHiddenInputBaseProps as HiddenInputBaseProps, } from './checkbox-hidden-input';
+export { CheckboxIndicator as Indicator, type CheckboxIndicatorProps as IndicatorProps, type CheckboxIndicatorBaseProps as IndicatorBaseProps, } from './checkbox-indicator';
+export { CheckboxLabel as Label, type CheckboxLabelProps as LabelProps, type CheckboxLabelBaseProps as LabelBaseProps, } from './checkbox-label';
+export { CheckboxRoot as Root, type CheckboxRootProps as RootProps, type CheckboxRootBaseProps as RootBaseProps, } from './checkbox-root';
+export { CheckboxRootProvider as RootProvider, type CheckboxRootProviderProps as RootProviderProps, type CheckboxRootProviderBaseProps as RootProviderBaseProps, } from './checkbox-root-provider';

package/dist/components/checkbox/checkbox.d.ts

@@ -1,9 +1,9 @@
 export type { CheckedChangeDetails, CheckedState } from '@zag-js/checkbox';
 export { CheckboxContext as Context, type CheckboxContextProps as ContextProps, } from './checkbox-context';
-export { CheckboxControl as Control, type CheckboxControlProps as ControlProps, } from './checkbox-control';
-export { CheckboxGroup as Group, type CheckboxGroupProps as GroupProps } from './checkbox-group';
-export { CheckboxHiddenInput as HiddenInput, type CheckboxHiddenInputProps as HiddenInputProps, } from './checkbox-hidden-input';
-export { CheckboxIndicator as Indicator, type CheckboxIndicatorProps as IndicatorProps, } from './checkbox-indicator';
-export { CheckboxLabel as Label, type CheckboxLabelProps as LabelProps } from './checkbox-label';
-export { CheckboxRoot as Root, type CheckboxRootProps as RootProps } from './checkbox-root';
-export { CheckboxRootProvider as RootProvider, type CheckboxRootProviderProps as RootProviderProps, } from './checkbox-root-provider';
+export { CheckboxControl as Control, type CheckboxControlProps as ControlProps, type CheckboxControlBaseProps as ControlBaseProps, } from './checkbox-control';
+export { CheckboxGroup as Group, type CheckboxGroupProps as GroupProps, type CheckboxGroupBaseProps as GroupBaseProps, } from './checkbox-group';
+export { CheckboxHiddenInput as HiddenInput, type CheckboxHiddenInputProps as HiddenInputProps, type CheckboxHiddenInputBaseProps as HiddenInputBaseProps, } from './checkbox-hidden-input';
+export { CheckboxIndicator as Indicator, type CheckboxIndicatorProps as IndicatorProps, type CheckboxIndicatorBaseProps as IndicatorBaseProps, } from './checkbox-indicator';
+export { CheckboxLabel as Label, type CheckboxLabelProps as LabelProps, type CheckboxLabelBaseProps as LabelBaseProps, } from './checkbox-label';
+export { CheckboxRoot as Root, type CheckboxRootProps as RootProps, type CheckboxRootBaseProps as RootBaseProps, } from './checkbox-root';
+export { CheckboxRootProvider as RootProvider, type CheckboxRootProviderProps as RootProviderProps, type CheckboxRootProviderBaseProps as RootProviderBaseProps, } from './checkbox-root-provider';

package/dist/components/checkbox/index.d.cts

@@ -1,12 +1,12 @@
 export type { CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState as CheckboxCheckedState, } from '@zag-js/checkbox';
-export { CheckboxContext, type CheckboxContextProps } from './checkbox-context';
-export { CheckboxControl, type CheckboxControlProps } from './checkbox-control';
-export { CheckboxGroup, type CheckboxGroupProps } from './checkbox-group';
-export { CheckboxHiddenInput, type CheckboxHiddenInputProps } from './checkbox-hidden-input';
-export { CheckboxIndicator, type CheckboxIndicatorProps } from './checkbox-indicator';
-export { CheckboxLabel, type CheckboxLabelProps } from './checkbox-label';
-export { CheckboxRoot, type CheckboxRootProps } from './checkbox-root';
-export { CheckboxRootProvider, type CheckboxRootProviderProps } from './checkbox-root-provider';
+export { CheckboxContext, type CheckboxContextProps, } from './checkbox-context';
+export { CheckboxControl, type CheckboxControlProps, type CheckboxControlBaseProps, } from './checkbox-control';
+export { CheckboxGroup, type CheckboxGroupProps, type CheckboxGroupBaseProps, } from './checkbox-group';
+export { CheckboxHiddenInput, type CheckboxHiddenInputProps, type CheckboxHiddenInputBaseProps, } from './checkbox-hidden-input';
+export { CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxIndicatorBaseProps, } from './checkbox-indicator';
+export { CheckboxLabel, type CheckboxLabelProps, type CheckboxLabelBaseProps, } from './checkbox-label';
+export { CheckboxRoot, type CheckboxRootProps, type CheckboxRootBaseProps, } from './checkbox-root';
+export { CheckboxRootProvider, type CheckboxRootProviderProps, type CheckboxRootProviderBaseProps, } from './checkbox-root-provider';
 export { useCheckbox, type UseCheckboxProps, type UseCheckboxReturn } from './use-checkbox';
 export { useCheckboxContext, type UseCheckboxContext } from './use-checkbox-context';
 export { useCheckboxGroup, type UseCheckboxGroupProps, type UseCheckboxGroupReturn, } from './use-checkbox-group';

package/dist/components/checkbox/index.d.ts

@@ -1,12 +1,12 @@
 export type { CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState as CheckboxCheckedState, } from '@zag-js/checkbox';
-export { CheckboxContext, type CheckboxContextProps } from './checkbox-context';
-export { CheckboxControl, type CheckboxControlProps } from './checkbox-control';
-export { CheckboxGroup, type CheckboxGroupProps } from './checkbox-group';
-export { CheckboxHiddenInput, type CheckboxHiddenInputProps } from './checkbox-hidden-input';
-export { CheckboxIndicator, type CheckboxIndicatorProps } from './checkbox-indicator';
-export { CheckboxLabel, type CheckboxLabelProps } from './checkbox-label';
-export { CheckboxRoot, type CheckboxRootProps } from './checkbox-root';
-export { CheckboxRootProvider, type CheckboxRootProviderProps } from './checkbox-root-provider';
+export { CheckboxContext, type CheckboxContextProps, } from './checkbox-context';
+export { CheckboxControl, type CheckboxControlProps, type CheckboxControlBaseProps, } from './checkbox-control';
+export { CheckboxGroup, type CheckboxGroupProps, type CheckboxGroupBaseProps, } from './checkbox-group';
+export { CheckboxHiddenInput, type CheckboxHiddenInputProps, type CheckboxHiddenInputBaseProps, } from './checkbox-hidden-input';
+export { CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxIndicatorBaseProps, } from './checkbox-indicator';
+export { CheckboxLabel, type CheckboxLabelProps, type CheckboxLabelBaseProps, } from './checkbox-label';
+export { CheckboxRoot, type CheckboxRootProps, type CheckboxRootBaseProps, } from './checkbox-root';
+export { CheckboxRootProvider, type CheckboxRootProviderProps, type CheckboxRootProviderBaseProps, } from './checkbox-root-provider';
 export { useCheckbox, type UseCheckboxProps, type UseCheckboxReturn } from './use-checkbox';
 export { useCheckboxContext, type UseCheckboxContext } from './use-checkbox-context';
 export { useCheckboxGroup, type UseCheckboxGroupProps, type UseCheckboxGroupReturn, } from './use-checkbox-group';

package/dist/components/checkbox/use-checkbox-group.cjs

@@ -22,15 +22,12 @@ function useCheckboxGroup(props = {}) {
     isChecked(val) ? removeValue(val) : addValue(val);
   };
   const addValue = (val) => {
-    if (!interative)
-      return;
-    if (isChecked(val))
-      return;
+    if (!interative) return;
+    if (isChecked(val)) return;
     setValue(value.concat(val));
   };
   const removeValue = (val) => {
-    if (!interative)
-      return;
+    if (!interative) return;
     setValue(value.filter((v) => String(v) !== String(val)));
   };
   const getItemProps = (props2) => {

package/dist/components/checkbox/use-checkbox-group.js

@@ -18,15 +18,12 @@ function useCheckboxGroup(props = {}) {
     isChecked(val) ? removeValue(val) : addValue(val);
   };
   const addValue = (val) => {
-    if (!interative)
-      return;
-    if (isChecked(val))
-      return;
+    if (!interative) return;
+    if (isChecked(val)) return;
     setValue(value.concat(val));
   };
   const removeValue = (val) => {
-    if (!interative)
-      return;
+    if (!interative) return;
     setValue(value.filter((v) => String(v) !== String(val)));
   };
   const getItemProps = (props2) => {

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

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

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

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

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

@@ -1,7 +1,9 @@
 import { ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 
-export interface ClipboardIndicatorProps extends HTMLArkProps<'div'> {
+export interface ClipboardIndicatorBaseProps extends PolymorphicProps {
     copied?: ReactNode;
 }
+export interface ClipboardIndicatorProps extends HTMLProps<'div'>, ClipboardIndicatorBaseProps {
+}
 export declare const ClipboardIndicator: ForwardRefExoticComponent<ClipboardIndicatorProps & RefAttributes<HTMLDivElement>>;