@ark-ui/solid 3.2.2 → 3.4.0

package/dist/types/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/types/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/types/components/checkbox/checkbox-control.d.ts

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

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

@@ -0,0 +1,7 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+import { type UseCheckboxGroupProps } from './use-checkbox-group';
+export interface CheckboxGroupBaseProps extends UseCheckboxGroupProps, PolymorphicProps<'div'> {
+}
+export interface CheckboxGroupProps extends HTMLProps<'div'>, CheckboxGroupBaseProps {
+}
+export declare const CheckboxGroup: (props: CheckboxGroupProps) => import("solid-js").JSX.Element;

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

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

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

@@ -1,9 +1,10 @@
-import type { Assign } from '../../types';
-import { type HTMLArkProps } from '../factory';
+import { type HTMLProps, type PolymorphicProps } from '../factory';
 interface IndicatorProps {
     indeterminate?: boolean;
 }
-export interface CheckboxIndicatorProps extends Assign<HTMLArkProps<'div'>, IndicatorProps> {
+export interface CheckboxIndicatorBaseProps extends IndicatorProps, PolymorphicProps<'div'> {
+}
+export interface CheckboxIndicatorProps extends HTMLProps<'div'>, CheckboxIndicatorBaseProps {
 }
 export declare const CheckboxIndicator: (props: CheckboxIndicatorProps) => import("solid-js").JSX.Element;
 export {};

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

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

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

@@ -1,9 +1,11 @@
-import { type HTMLArkProps } from '../factory';
+import { type HTMLProps, type PolymorphicProps } from '../factory';
 import type { UseCheckboxReturn } from './use-checkbox';
 interface RootProviderProps {
     value: UseCheckboxReturn;
 }
-export interface CheckboxRootProviderProps extends HTMLArkProps<'label'>, RootProviderProps {
+export interface CheckboxRootProviderBaseProps extends PolymorphicProps<'label'> {
+}
+export interface CheckboxRootProviderProps extends HTMLProps<'label'>, RootProviderProps, CheckboxRootProviderBaseProps {
 }
 export declare const CheckboxRootProvider: (props: CheckboxRootProviderProps) => import("solid-js").JSX.Element;
 export {};

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

@@ -1,6 +1,7 @@
-import type { Assign } from '../../types';
-import { type HTMLArkProps } from '../factory';
+import { type HTMLProps, type PolymorphicProps } from '../factory';
 import { type UseCheckboxProps } from './use-checkbox';
-export interface CheckboxRootProps extends Assign<HTMLArkProps<'label'>, UseCheckboxProps> {
+export interface CheckboxRootBaseProps extends UseCheckboxProps, PolymorphicProps<'label'> {
+}
+export interface CheckboxRootProps extends HTMLProps<'label'>, CheckboxRootBaseProps {
 }
 export declare const CheckboxRoot: (props: CheckboxRootProps) => import("solid-js").JSX.Element;

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

@@ -1,8 +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 { 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/types/components/checkbox/index.d.ts

@@ -1,11 +1,14 @@
 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 { 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';
+export { useCheckboxGroupContext, type UseCheckboxGroupContext } from './use-checkbox-group-context';
 export * as Checkbox from './checkbox';

package/dist/types/components/checkbox/use-checkbox-group-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseCheckboxGroupReturn } from './use-checkbox-group';
+export interface UseCheckboxGroupContext extends UseCheckboxGroupReturn {
+}
+export declare const CheckboxGroupContextProvider: import("solid-js").ContextProviderComponent<UseCheckboxGroupContext>, useCheckboxGroupContext: () => UseCheckboxGroupContext;

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

@@ -0,0 +1,42 @@
+import { type Accessor } from 'solid-js';
+export interface UseCheckboxGroupProps {
+    /**
+     * The initial value of `value` when uncontrolled
+     */
+    defaultValue?: Accessor<string[]> | string[];
+    /**
+     * The controlled value of the checkbox group
+     */
+    value?: Accessor<string[]>;
+    /**
+     * The callback to call when the value changes
+     */
+    onValueChange?: (value: string[]) => void;
+    /**
+     * If `true`, the checkbox group is disabled
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, the checkbox group is read-only
+     */
+    readOnly?: boolean;
+}
+export interface CheckboxGroupItemProps {
+    value: string | undefined;
+}
+export declare function useCheckboxGroup(props?: UseCheckboxGroupProps): Accessor<{
+    isChecked: (val: string | undefined) => boolean;
+    value: Accessor<string[]>;
+    disabled: boolean;
+    readOnly: boolean;
+    setValue: (next: string[] | ((prev: string[]) => string[])) => void;
+    addValue: (val: string) => void;
+    toggleValue: (val: string) => void;
+    getItemProps: (itemProps: CheckboxGroupItemProps) => {
+        checked: boolean;
+        onCheckedChange(): void;
+        disabled: boolean;
+        readOnly: boolean;
+    };
+}>;
+export type UseCheckboxGroupReturn = ReturnType<typeof useCheckboxGroup>;

package/dist/types/components/checkbox/use-checkbox.d.ts

@@ -11,4 +11,4 @@ export interface UseCheckboxProps extends Optional<Omit<checkbox.Context, 'dir'
 }
 export interface UseCheckboxReturn extends Accessor<checkbox.Api<PropTypes>> {
 }
-export declare const useCheckbox: (props: UseCheckboxProps) => UseCheckboxReturn;
+export declare const useCheckbox: (ownProps: UseCheckboxProps) => UseCheckboxReturn;

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

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

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

@@ -1,10 +1,11 @@
 import { type JSX } from 'solid-js';
-import type { Assign } from '../../types';
-import { type HTMLArkProps } from '../factory';
+import { type HTMLProps, type PolymorphicProps } from '../factory';
 interface IndicatorProps {
     copied?: JSX.Element;
 }
-export interface ClipboardIndicatorProps extends Assign<HTMLArkProps<'div'>, IndicatorProps> {
+export interface ClipboardIndicatorBaseProps extends IndicatorProps, PolymorphicProps<'div'> {
+}
+export interface ClipboardIndicatorProps extends HTMLProps<'div'>, ClipboardIndicatorBaseProps {
 }
 export declare const ClipboardIndicator: (props: ClipboardIndicatorProps) => JSX.Element;
 export {};

package/dist/types/components/clipboard/clipboard-input.d.ts

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

package/dist/types/components/clipboard/clipboard-label.d.ts

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

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

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

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

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

package/dist/types/components/clipboard/clipboard-trigger.d.ts

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

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

@@ -1,9 +1,9 @@
 export type { CopyStatusDetails } from '@zag-js/clipboard';
 export { ClipboardContext as Context, type ClipboardContextProps as ContextProps, } from './clipboard-context';
-export { ClipboardControl as Control, type ClipboardControlProps as ControlProps, } from './clipboard-control';
-export { ClipboardIndicator as Indicator, type ClipboardIndicatorProps as IndicatorProps, } from './clipboard-indicator';
-export { ClipboardInput as Input, type ClipboardInputProps as InputProps } from './clipboard-input';
-export { ClipboardLabel as Label, type ClipboardLabelProps as LabelProps } from './clipboard-label';
-export { ClipboardRoot as Root, type ClipboardRootProps as RootProps } from './clipboard-root';
-export { ClipboardRootProvider as RootProvider, type ClipboardRootProviderProps as RootProviderProps, } from './clipboard-root-provider';
-export { ClipboardTrigger as Trigger, type ClipboardTriggerProps as TriggerProps, } from './clipboard-trigger';
+export { ClipboardControl as Control, type ClipboardControlProps as ControlProps, type ClipboardControlBaseProps as ControlBaseProps, } from './clipboard-control';
+export { ClipboardIndicator as Indicator, type ClipboardIndicatorProps as IndicatorProps, type ClipboardIndicatorBaseProps as IndicatorBaseProps, } from './clipboard-indicator';
+export { ClipboardInput as Input, type ClipboardInputProps as InputProps, type ClipboardInputBaseProps as InputBaseProps, } from './clipboard-input';
+export { ClipboardLabel as Label, type ClipboardLabelProps as LabelProps, type ClipboardLabelBaseProps as LabelBaseProps, } from './clipboard-label';
+export { ClipboardRoot as Root, type ClipboardRootProps as RootProps, type ClipboardRootBaseProps as RootBaseProps, } from './clipboard-root';
+export { ClipboardRootProvider as RootProvider, type ClipboardRootProviderProps as RootProviderProps, type ClipboardRootProviderBaseProps as RootProviderBaseProps, } from './clipboard-root-provider';
+export { ClipboardTrigger as Trigger, type ClipboardTriggerProps as TriggerProps, type ClipboardTriggerBaseProps as TriggerBaseProps, } from './clipboard-trigger';

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

@@ -1,12 +1,12 @@
 export type { CopyStatusDetails as ClipboardCopyStatusDetails } from '@zag-js/clipboard';
-export { ClipboardContext, type ClipboardContextProps } from './clipboard-context';
-export { ClipboardControl, type ClipboardControlProps } from './clipboard-control';
-export { ClipboardIndicator, type ClipboardIndicatorProps } from './clipboard-indicator';
-export { ClipboardInput, type ClipboardInputProps } from './clipboard-input';
-export { ClipboardLabel, type ClipboardLabelProps } from './clipboard-label';
-export { ClipboardRoot, type ClipboardRootProps } from './clipboard-root';
-export { ClipboardRootProvider, type ClipboardRootProviderProps } from './clipboard-root-provider';
-export { ClipboardTrigger, type ClipboardTriggerProps } from './clipboard-trigger';
+export { ClipboardContext, type ClipboardContextProps, } from './clipboard-context';
+export { ClipboardControl, type ClipboardControlProps, type ClipboardControlBaseProps, } from './clipboard-control';
+export { ClipboardIndicator, type ClipboardIndicatorProps, type ClipboardIndicatorBaseProps, } from './clipboard-indicator';
+export { ClipboardInput, type ClipboardInputProps, type ClipboardInputBaseProps, } from './clipboard-input';
+export { ClipboardLabel, type ClipboardLabelProps, type ClipboardLabelBaseProps, } from './clipboard-label';
+export { ClipboardRoot, type ClipboardRootProps, type ClipboardRootBaseProps, } from './clipboard-root';
+export { ClipboardRootProvider, type ClipboardRootProviderProps, type ClipboardRootProviderBaseProps, } from './clipboard-root-provider';
+export { ClipboardTrigger, type ClipboardTriggerProps, type ClipboardTriggerBaseProps, } from './clipboard-trigger';
 export { useClipboard, type UseClipboardProps, type UseClipboardReturn } from './use-clipboard';
 export { useClipboardContext, type UseClipboardContext } from './use-clipboard-context';
 export * as Clipboard from './clipboard';

package/dist/types/components/collapsible/collapsible-content.d.ts

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

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

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

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

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

package/dist/types/components/collapsible/collapsible-trigger.d.ts

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

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

@@ -1,6 +1,6 @@
 export type { OpenChangeDetails } from '@zag-js/collapsible';
-export { CollapsibleContent as Content, type CollapsibleContentProps as ContentProps, } from './collapsible-content';
+export { CollapsibleContent as Content, type CollapsibleContentProps as ContentProps, type CollapsibleContentBaseProps as ContentBaseProps, } from './collapsible-content';
 export { CollapsibleContext as Context, type CollapsibleContextProps as ContextProps, } from './collapsible-context';
-export { CollapsibleRoot as Root, type CollapsibleRootProps as RootProps } from './collapsible-root';
-export { CollapsibleRootProvider as RootProvider, type CollapsibleRootProviderProps as RootProviderProps, } from './collapsible-root-provider';
-export { CollapsibleTrigger as Trigger, type CollapsibleTriggerProps as TriggerProps, } from './collapsible-trigger';
+export { CollapsibleRoot as Root, type CollapsibleRootProps as RootProps, type CollapsibleRootBaseProps as RootBaseProps, } from './collapsible-root';
+export { CollapsibleRootProvider as RootProvider, type CollapsibleRootProviderProps as RootProviderProps, type CollapsibleRootProviderBaseProps as RootProviderBaseProps, } from './collapsible-root-provider';
+export { CollapsibleTrigger as Trigger, type CollapsibleTriggerProps as TriggerProps, type CollapsibleTriggerBaseProps as TriggerBaseProps, } from './collapsible-trigger';

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

@@ -1,9 +1,9 @@
 export type { OpenChangeDetails as CollapsibleOpenChangeDetails } from '@zag-js/collapsible';
-export { CollapsibleContent, type CollapsibleContentProps } from './collapsible-content';
-export { CollapsibleContext, type CollapsibleContextProps } from './collapsible-context';
-export { CollapsibleRoot, type CollapsibleRootProps } from './collapsible-root';
-export { CollapsibleRootProvider, type CollapsibleRootProviderProps, } from './collapsible-root-provider';
-export { CollapsibleTrigger, type CollapsibleTriggerProps } from './collapsible-trigger';
+export { CollapsibleContent, type CollapsibleContentProps, type CollapsibleContentBaseProps, } from './collapsible-content';
+export { CollapsibleContext, type CollapsibleContextProps, } from './collapsible-context';
+export { CollapsibleRoot, type CollapsibleRootProps, type CollapsibleRootBaseProps, } from './collapsible-root';
+export { CollapsibleRootProvider, type CollapsibleRootProviderProps, type CollapsibleRootProviderBaseProps, } from './collapsible-root-provider';
+export { CollapsibleTrigger, type CollapsibleTriggerProps, type CollapsibleTriggerBaseProps, } from './collapsible-trigger';
 export { useCollapsible, type UseCollapsibleProps, type UseCollapsibleReturn, } from './use-collapsible';
 export { useCollapsibleContext, type UseCollapsibleContext } from './use-collapsible-context';
 export * as Collapsible from './collapsible';

package/dist/types/components/color-picker/color-picker-area-background.d.ts

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

package/dist/types/components/color-picker/color-picker-area-thumb.d.ts

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

package/dist/types/components/color-picker/color-picker-area.d.ts

@@ -1,6 +1,7 @@
 import type { AreaProps } from '@zag-js/color-picker';
-import type { Assign } from '../../types';
-import { type HTMLArkProps } from '../factory';
-export interface ColorPickerAreaProps extends Assign<HTMLArkProps<'div'>, AreaProps> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface ColorPickerAreaBaseProps extends AreaProps, PolymorphicProps<'div'> {
+}
+export interface ColorPickerAreaProps extends HTMLProps<'div'>, ColorPickerAreaBaseProps {
 }
 export declare const ColorPickerArea: (props: ColorPickerAreaProps) => import("solid-js").JSX.Element;

package/dist/types/components/color-picker/color-picker-channel-input.d.ts

@@ -1,6 +1,7 @@
 import type { ChannelInputProps } from '@zag-js/color-picker';
-import type { Assign } from '../../types';
-import { type HTMLArkProps } from '../factory';
-export interface ColorPickerChannelInputProps extends Assign<HTMLArkProps<'input'>, ChannelInputProps> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface ColorPickerChannelInputBaseProps extends ChannelInputProps, PolymorphicProps<'input'> {
+}
+export interface ColorPickerChannelInputProps extends HTMLProps<'input'>, ColorPickerChannelInputBaseProps {
 }
 export declare const ColorPickerChannelInput: (props: ColorPickerChannelInputProps) => import("solid-js").JSX.Element;

package/dist/types/components/color-picker/color-picker-channel-slider-label.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface ColorPickerChannelSliderLabelBaseProps extends PolymorphicProps<'label'> {
+}
+export interface ColorPickerChannelSliderLabelProps extends HTMLProps<'label'>, ColorPickerChannelSliderLabelBaseProps {
+}
+export declare const ColorPickerChannelSliderLabel: (props: ColorPickerChannelSliderLabelProps) => import("solid-js").JSX.Element;

package/dist/types/components/color-picker/color-picker-channel-slider-thumb.d.ts

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

package/dist/types/components/color-picker/color-picker-channel-slider-track.d.ts

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

package/dist/types/components/color-picker/color-picker-channel-slider-value-text.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface ColorPickerChannelSliderValueTextBaseProps extends PolymorphicProps<'span'> {
+}
+export interface ColorPickerChannelSliderValueTextProps extends HTMLProps<'div'>, ColorPickerChannelSliderValueTextBaseProps {
+}
+export declare const ColorPickerChannelSliderValueText: (props: ColorPickerChannelSliderValueTextProps) => import("solid-js").JSX.Element;

package/dist/types/components/color-picker/color-picker-channel-slider.d.ts

@@ -1,6 +1,7 @@
 import type { ChannelProps } from '@zag-js/color-picker';
-import type { Assign } from '../../types';
-import { type HTMLArkProps } from '../factory';
-export interface ColorPickerChannelSliderProps extends Assign<HTMLArkProps<'div'>, ChannelProps> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface ColorPickerChannelSliderBaseProps extends ChannelProps, PolymorphicProps<'div'> {
+}
+export interface ColorPickerChannelSliderProps extends HTMLProps<'div'>, ColorPickerChannelSliderBaseProps {
 }
 export declare const ColorPickerChannelSlider: (props: ColorPickerChannelSliderProps) => import("solid-js").JSX.Element;

package/dist/types/components/color-picker/color-picker-content.d.ts

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

package/dist/types/components/color-picker/color-picker-control.d.ts

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

package/dist/types/components/color-picker/color-picker-eye-dropper-trigger.d.ts

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

package/dist/types/components/color-picker/color-picker-format-select.d.ts

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

package/dist/types/components/color-picker/color-picker-format-trigger.d.ts

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