@ark-ui/solid 3.3.0 → 3.4.1

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;

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

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

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

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

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

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

package/dist/types/components/color-picker/color-picker-root-provider.d.ts

@@ -1,10 +1,12 @@
-import { type HTMLArkProps } from '../factory';
+import { type HTMLProps, type PolymorphicProps } from '../factory';
 import { type UsePresenceProps } from '../presence';
 import type { UseColorPickerReturn } from './use-color-picker';
 interface RootProviderProps {
     value: UseColorPickerReturn;
 }
-export interface ColorPickerRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps, UsePresenceProps {
+export interface ColorPickerRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps<'div'> {
+}
+export interface ColorPickerRootProviderProps extends HTMLProps<'div'>, ColorPickerRootProviderBaseProps {
 }
 export declare const ColorPickerRootProvider: (props: ColorPickerRootProviderProps) => import("solid-js").JSX.Element;
 export {};

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

@@ -1,7 +1,8 @@
-import type { Assign } from '../../types';
-import { type HTMLArkProps } from '../factory';
+import { type HTMLProps, type PolymorphicProps } from '../factory';
 import { type UsePresenceProps } from '../presence';
 import { type UseColorPickerProps } from './use-color-picker';
-export interface ColorPickerRootProps extends Assign<HTMLArkProps<'div'>, UseColorPickerProps>, UsePresenceProps {
+export interface ColorPickerRootBaseProps extends UseColorPickerProps, UsePresenceProps, PolymorphicProps<'div'> {
+}
+export interface ColorPickerRootProps extends HTMLProps<'div'>, ColorPickerRootBaseProps {
 }
 export declare const ColorPickerRoot: (props: ColorPickerRootProps) => import("solid-js").JSX.Element;

package/dist/types/components/color-picker/color-picker-swatch-group.d.ts

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

package/dist/types/components/color-picker/color-picker-swatch-indicator.d.ts

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

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

@@ -1,6 +1,8 @@
 import type { SwatchTriggerProps } from '@zag-js/color-picker';
 import type { Assign } from '../../types';
-import { type HTMLArkProps } from '../factory';
-export interface ColorPickerSwatchTriggerProps extends Assign<HTMLArkProps<'button'>, SwatchTriggerProps> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface ColorPickerSwatchTriggerBaseProps extends SwatchTriggerProps, PolymorphicProps<'button'> {
+}
+export interface ColorPickerSwatchTriggerProps extends Assign<HTMLProps<'button'>, ColorPickerSwatchTriggerBaseProps> {
 }
 export declare const ColorPickerSwatchTrigger: (props: ColorPickerSwatchTriggerProps) => import("solid-js").JSX.Element;

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

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

package/dist/types/components/color-picker/color-picker-transparency-grid.d.ts

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

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

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

package/dist/types/components/color-picker/color-picker-value-swatch.d.ts

@@ -0,0 +1,10 @@
+import type { SwatchProps } from '@zag-js/color-picker';
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+interface ValueSwatchProps extends Omit<SwatchProps, 'value'> {
+}
+export interface ColorPickerValueSwatchBaseProps extends ValueSwatchProps, PolymorphicProps<'div'> {
+}
+export interface ColorPickerValueSwatchProps extends HTMLProps<'div'>, ColorPickerValueSwatchBaseProps {
+}
+export declare const ColorPickerValueSwatch: (props: ColorPickerValueSwatchProps) => import("solid-js").JSX.Element;
+export {};

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

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

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

@@ -1,6 +1,11 @@
 import type { ColorFormat } from '@zag-js/color-picker';
-import { type HTMLArkProps } from '../factory';
-export interface ColorPickerViewProps extends HTMLArkProps<'div'> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+interface FormatOptions {
     format: ColorFormat;
 }
+export interface ColorPickerViewBaseProps extends FormatOptions, PolymorphicProps<'div'> {
+}
+export interface ColorPickerViewProps extends HTMLProps<'div'>, ColorPickerViewBaseProps {
+}
 export declare const ColorPickerView: (props: ColorPickerViewProps) => import("solid-js").JSX.Element;
+export {};

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

@@ -1,26 +1,30 @@
 export type { ColorFormat, FormatChangeDetails, OpenChangeDetails, ValueChangeDetails, } from '@zag-js/color-picker';
-export { ColorPickerArea as Area, type ColorPickerAreaProps as AreaProps, } from './color-picker-area';
-export { ColorPickerAreaBackground as AreaBackground, type ColorPickerAreaBackgroundProps as AreaBackgroundProps, } from './color-picker-area-background';
-export { ColorPickerAreaThumb as AreaThumb, type ColorPickerAreaThumbProps as AreaThumbProps, } from './color-picker-area-thumb';
-export { ColorPickerChannelInput as ChannelInput, type ColorPickerChannelInputProps as ChannelInputProps, } from './color-picker-channel-input';
-export { ColorPickerChannelSlider as ChannelSlider, type ColorPickerChannelSliderProps as ChannelSliderProps, } from './color-picker-channel-slider';
-export { ColorPickerChannelSliderThumb as ChannelSliderThumb, type ColorPickerChannelSliderThumbProps as ChannelSliderThumbProps, } from './color-picker-channel-slider-thumb';
-export { ColorPickerChannelSliderTrack as ChannelSliderTrack, type ColorPickerChannelSliderTrackProps as ChannelSliderTrackProps, } from './color-picker-channel-slider-track';
-export { ColorPickerContent as Content, type ColorPickerContentProps as ContentProps, } from './color-picker-content';
+export { ColorPickerArea as Area, type ColorPickerAreaBaseProps as AreaBaseProps, type ColorPickerAreaProps as AreaProps, } from './color-picker-area';
+export { ColorPickerAreaBackground as AreaBackground, type ColorPickerAreaBackgroundBaseProps as AreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps as AreaBackgroundProps, } from './color-picker-area-background';
+export { ColorPickerAreaThumb as AreaThumb, type ColorPickerAreaThumbBaseProps as AreaThumbBaseProps, type ColorPickerAreaThumbProps as AreaThumbProps, } from './color-picker-area-thumb';
+export { ColorPickerChannelInput as ChannelInput, type ColorPickerChannelInputBaseProps as ChannelInputBaseProps, type ColorPickerChannelInputProps as ChannelInputProps, } from './color-picker-channel-input';
+export { ColorPickerChannelSlider as ChannelSlider, type ColorPickerChannelSliderBaseProps as ChannelSliderBaseProps, type ColorPickerChannelSliderProps as ChannelSliderProps, } from './color-picker-channel-slider';
+export { ColorPickerChannelSliderLabel as ChannelSliderLabel, type ColorPickerChannelSliderLabelBaseProps as ChannelSliderLabelBaseProps, type ColorPickerChannelSliderLabelProps as ChannelSliderLabelProps, } from './color-picker-channel-slider-label';
+export { ColorPickerChannelSliderThumb as ChannelSliderThumb, type ColorPickerChannelSliderThumbBaseProps as ChannelSliderThumbBaseProps, type ColorPickerChannelSliderThumbProps as ChannelSliderThumbProps, } from './color-picker-channel-slider-thumb';
+export { ColorPickerChannelSliderTrack as ChannelSliderTrack, type ColorPickerChannelSliderTrackBaseProps as ChannelSliderTrackBaseProps, type ColorPickerChannelSliderTrackProps as ChannelSliderTrackProps, } from './color-picker-channel-slider-track';
+export { ColorPickerChannelSliderValueText as ChannelSliderValueText, type ColorPickerChannelSliderValueTextBaseProps as ChannelSliderValueTextBaseProps, type ColorPickerChannelSliderValueTextProps as ChannelSliderValueTextProps, } from './color-picker-channel-slider-value-text';
+export { ColorPickerContent as Content, type ColorPickerContentBaseProps as ContentBaseProps, type ColorPickerContentProps as ContentProps, } from './color-picker-content';
 export { ColorPickerContext as Context, type ColorPickerContextProps as ContextProps, } from './color-picker-context';
-export { ColorPickerControl as Control, type ColorPickerControlProps as ControlProps, } from './color-picker-control';
-export { ColorPickerEyeDropperTrigger as EyeDropperTrigger, type ColorPickerEyeDropperTriggerProps as EyeDropperTriggerProps, } from './color-picker-eye-dropper-trigger';
-export { ColorPickerFormatSelect as FormatSelect, type ColorPickerFormatSelectProps as FormatSelectProps, } from './color-picker-format-select';
-export { ColorPickerFormatTrigger as FormatTrigger, type ColorPickerFormatTriggerProps as FormatTriggerProps, } from './color-picker-format-trigger';
-export { ColorPickerLabel as Label, type ColorPickerLabelProps as LabelProps, } from './color-picker-label';
-export { ColorPickerPositioner as Positioner, type ColorPickerPositionerProps as PositionerProps, } from './color-picker-positioner';
-export { ColorPickerRoot as Root, type ColorPickerRootProps as RootProps, } from './color-picker-root';
-export { ColorPickerSwatch as Swatch, type ColorPickerSwatchProps as SwatchProps, } from './color-picker-swatch';
-export { ColorPickerSwatchGroup as SwatchGroup, type ColorPickerSwatchGroupProps as SwatchGroupProps, } from './color-picker-swatch-group';
-export { ColorPickerSwatchIndicator as SwatchIndicator, type ColorPickerSwatchIndicatorProps as SwatchIndicatorProps, } from './color-picker-swatch-indicator';
-export { ColorPickerSwatchTrigger as SwatchTrigger, type ColorPickerSwatchTriggerProps as SwatchTriggerProps, } from './color-picker-swatch-trigger';
-export { ColorPickerTransparencyGrid as TransparencyGrid, type ColorPickerTransparencyGridProps as TransparencyGridProps, } from './color-picker-transparency-grid';
-export { ColorPickerTrigger as Trigger, type ColorPickerTriggerProps as TriggerProps, } from './color-picker-trigger';
-export { ColorPickerValueText as ValueText, type ColorPickerValueTextProps as ValueTextProps, } from './color-picker-value-text';
-export { ColorPickerView as View, type ColorPickerViewProps as ViewProps, } from './color-picker-view';
-export { ColorPickerHiddenInput as HiddenInput, type ColorPickerHiddenInputProps as HiddenInputProps, } from './color-picker-hidden-input';
+export { ColorPickerControl as Control, type ColorPickerControlBaseProps as ControlBaseProps, type ColorPickerControlProps as ControlProps, } from './color-picker-control';
+export { ColorPickerEyeDropperTrigger as EyeDropperTrigger, type ColorPickerEyeDropperTriggerBaseProps as EyeDropperTriggerBaseProps, type ColorPickerEyeDropperTriggerProps as EyeDropperTriggerProps, } from './color-picker-eye-dropper-trigger';
+export { ColorPickerFormatSelect as FormatSelect, type ColorPickerFormatSelectBaseProps as FormatSelectBaseProps, type ColorPickerFormatSelectProps as FormatSelectProps, } from './color-picker-format-select';
+export { ColorPickerFormatTrigger as FormatTrigger, type ColorPickerFormatTriggerBaseProps as FormatTriggerBaseProps, type ColorPickerFormatTriggerProps as FormatTriggerProps, } from './color-picker-format-trigger';
+export { ColorPickerHiddenInput as HiddenInput, type ColorPickerHiddenInputBaseProps as HiddenInputBaseProps, type ColorPickerHiddenInputProps as HiddenInputProps, } from './color-picker-hidden-input';
+export { ColorPickerLabel as Label, type ColorPickerLabelBaseProps as LabelBaseProps, type ColorPickerLabelProps as LabelProps, } from './color-picker-label';
+export { ColorPickerPositioner as Positioner, type ColorPickerPositionerBaseProps as PositionerBaseProps, type ColorPickerPositionerProps as PositionerProps, } from './color-picker-positioner';
+export { ColorPickerRoot as Root, type ColorPickerRootBaseProps as RootBaseProps, type ColorPickerRootProps as RootProps, } from './color-picker-root';
+export { ColorPickerRootProvider as RootProvider, type ColorPickerRootProviderBaseProps as RootProviderBaseProps, type ColorPickerRootProviderProps as RootProviderProps, } from './color-picker-root-provider';
+export { ColorPickerSwatch as Swatch, type ColorPickerSwatchBaseProps as SwatchBaseProps, type ColorPickerSwatchProps as SwatchProps, } from './color-picker-swatch';
+export { ColorPickerSwatchGroup as SwatchGroup, type ColorPickerSwatchGroupBaseProps as SwatchGroupBaseProps, type ColorPickerSwatchGroupProps as SwatchGroupProps, } from './color-picker-swatch-group';
+export { ColorPickerSwatchIndicator as SwatchIndicator, type ColorPickerSwatchIndicatorBaseProps as SwatchIndicatorBaseProps, type ColorPickerSwatchIndicatorProps as SwatchIndicatorProps, } from './color-picker-swatch-indicator';
+export { ColorPickerSwatchTrigger as SwatchTrigger, type ColorPickerSwatchTriggerBaseProps as SwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps as SwatchTriggerProps, } from './color-picker-swatch-trigger';
+export { ColorPickerTransparencyGrid as TransparencyGrid, type ColorPickerTransparencyGridBaseProps as TransparencyGridBaseProps, type ColorPickerTransparencyGridProps as TransparencyGridProps, } from './color-picker-transparency-grid';
+export { ColorPickerTrigger as Trigger, type ColorPickerTriggerBaseProps as TriggerBaseProps, type ColorPickerTriggerProps as TriggerProps, } from './color-picker-trigger';
+export { ColorPickerValueSwatch as ValueSwatch, type ColorPickerValueSwatchBaseProps as ValueSwatchBaseProps, type ColorPickerValueSwatchProps as ValueSwatchProps, } from './color-picker-value-swatch';
+export { ColorPickerValueText as ValueText, type ColorPickerValueTextBaseProps as ValueTextBaseProps, type ColorPickerValueTextProps as ValueTextProps, } from './color-picker-value-text';
+export { ColorPickerView as View, type ColorPickerViewBaseProps as ViewBaseProps, type ColorPickerViewProps as ViewProps, } from './color-picker-view';

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

@@ -1,30 +1,33 @@
 export type { ColorFormat as ColorPickerColorFormat, FormatChangeDetails as ColorPickerFormatChangeDetails, OpenChangeDetails as ColorPickerOpenChangeDetails, ValueChangeDetails as ColorPickerValueChangeDetails, } from '@zag-js/color-picker';
-export { ColorPickerArea, type ColorPickerAreaProps } from './color-picker-area';
-export { ColorPickerAreaBackground, type ColorPickerAreaBackgroundProps, } from './color-picker-area-background';
-export { ColorPickerAreaThumb, type ColorPickerAreaThumbProps } from './color-picker-area-thumb';
-export { ColorPickerChannelInput, type ColorPickerChannelInputProps, } from './color-picker-channel-input';
-export { ColorPickerChannelSlider, type ColorPickerChannelSliderProps, } from './color-picker-channel-slider';
-export { ColorPickerChannelSliderThumb, type ColorPickerChannelSliderThumbProps, } from './color-picker-channel-slider-thumb';
-export { ColorPickerChannelSliderTrack, type ColorPickerChannelSliderTrackProps, } from './color-picker-channel-slider-track';
-export { ColorPickerContent, type ColorPickerContentProps } from './color-picker-content';
-export { ColorPickerContext, type ColorPickerContextProps } from './color-picker-context';
-export { ColorPickerControl, type ColorPickerControlProps } from './color-picker-control';
-export { ColorPickerEyeDropperTrigger, type ColorPickerEyeDropperTriggerProps, } from './color-picker-eye-dropper-trigger';
-export { ColorPickerFormatSelect, type ColorPickerFormatSelectProps, } from './color-picker-format-select';
-export { ColorPickerFormatTrigger, type ColorPickerFormatTriggerProps, } from './color-picker-format-trigger';
-export { ColorPickerHiddenInput, type ColorPickerHiddenInputProps, } from './color-picker-hidden-input';
-export { ColorPickerLabel, type ColorPickerLabelProps } from './color-picker-label';
-export { ColorPickerPositioner, type ColorPickerPositionerProps } from './color-picker-positioner';
-export { ColorPickerRoot, type ColorPickerRootProps } from './color-picker-root';
-export { ColorPickerRootProvider, type ColorPickerRootProviderProps, } from './color-picker-root-provider';
-export { ColorPickerSwatch, type ColorPickerSwatchProps } from './color-picker-swatch';
-export { ColorPickerSwatchGroup, type ColorPickerSwatchGroupProps, } from './color-picker-swatch-group';
-export { ColorPickerSwatchIndicator, type ColorPickerSwatchIndicatorProps, } from './color-picker-swatch-indicator';
-export { ColorPickerSwatchTrigger, type ColorPickerSwatchTriggerProps, } from './color-picker-swatch-trigger';
-export { ColorPickerTransparencyGrid, type ColorPickerTransparencyGridProps, } from './color-picker-transparency-grid';
-export { ColorPickerTrigger, type ColorPickerTriggerProps } from './color-picker-trigger';
-export { ColorPickerValueText, type ColorPickerValueTextProps } from './color-picker-value-text';
-export { ColorPickerView, type ColorPickerViewProps } from './color-picker-view';
+export { ColorPickerArea, type ColorPickerAreaBaseProps, type ColorPickerAreaProps, } from './color-picker-area';
+export { ColorPickerAreaBackground, type ColorPickerAreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps, } from './color-picker-area-background';
+export { ColorPickerAreaThumb, type ColorPickerAreaThumbBaseProps, type ColorPickerAreaThumbProps, } from './color-picker-area-thumb';
+export { ColorPickerChannelInput, type ColorPickerChannelInputBaseProps, type ColorPickerChannelInputProps, } from './color-picker-channel-input';
+export { ColorPickerChannelSlider, type ColorPickerChannelSliderBaseProps, type ColorPickerChannelSliderProps, } from './color-picker-channel-slider';
+export { ColorPickerChannelSliderLabel, type ColorPickerChannelSliderLabelBaseProps, type ColorPickerChannelSliderLabelProps, } from './color-picker-channel-slider-label';
+export { ColorPickerChannelSliderThumb, type ColorPickerChannelSliderThumbBaseProps, type ColorPickerChannelSliderThumbProps, } from './color-picker-channel-slider-thumb';
+export { ColorPickerChannelSliderTrack, type ColorPickerChannelSliderTrackBaseProps, type ColorPickerChannelSliderTrackProps, } from './color-picker-channel-slider-track';
+export { ColorPickerChannelSliderValueText, type ColorPickerChannelSliderValueTextBaseProps, type ColorPickerChannelSliderValueTextProps, } from './color-picker-channel-slider-value-text';
+export { ColorPickerContent, type ColorPickerContentBaseProps, type ColorPickerContentProps, } from './color-picker-content';
+export { ColorPickerContext, type ColorPickerContextProps, } from './color-picker-context';
+export { ColorPickerControl, type ColorPickerControlBaseProps, type ColorPickerControlProps, } from './color-picker-control';
+export { ColorPickerEyeDropperTrigger, type ColorPickerEyeDropperTriggerBaseProps, type ColorPickerEyeDropperTriggerProps, } from './color-picker-eye-dropper-trigger';
+export { ColorPickerFormatSelect, type ColorPickerFormatSelectBaseProps, type ColorPickerFormatSelectProps, } from './color-picker-format-select';
+export { ColorPickerFormatTrigger, type ColorPickerFormatTriggerBaseProps, type ColorPickerFormatTriggerProps, } from './color-picker-format-trigger';
+export { ColorPickerHiddenInput, type ColorPickerHiddenInputBaseProps, type ColorPickerHiddenInputProps, } from './color-picker-hidden-input';
+export { ColorPickerLabel, type ColorPickerLabelBaseProps, type ColorPickerLabelProps, } from './color-picker-label';
+export { ColorPickerPositioner, type ColorPickerPositionerBaseProps, type ColorPickerPositionerProps, } from './color-picker-positioner';
+export { ColorPickerRoot, type ColorPickerRootBaseProps, type ColorPickerRootProps, } from './color-picker-root';
+export { ColorPickerRootProvider, type ColorPickerRootProviderBaseProps, type ColorPickerRootProviderProps, } from './color-picker-root-provider';
+export { ColorPickerSwatch, type ColorPickerSwatchBaseProps, type ColorPickerSwatchProps, } from './color-picker-swatch';
+export { ColorPickerSwatchGroup, type ColorPickerSwatchGroupBaseProps, type ColorPickerSwatchGroupProps, } from './color-picker-swatch-group';
+export { ColorPickerSwatchIndicator, type ColorPickerSwatchIndicatorBaseProps, type ColorPickerSwatchIndicatorProps, } from './color-picker-swatch-indicator';
+export { ColorPickerSwatchTrigger, type ColorPickerSwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps, } from './color-picker-swatch-trigger';
+export { ColorPickerTransparencyGrid, type ColorPickerTransparencyGridBaseProps, type ColorPickerTransparencyGridProps, } from './color-picker-transparency-grid';
+export { ColorPickerTrigger, type ColorPickerTriggerBaseProps, type ColorPickerTriggerProps, } from './color-picker-trigger';
+export { ColorPickerValueSwatch, type ColorPickerValueSwatchBaseProps, type ColorPickerValueSwatchProps, } from './color-picker-value-swatch';
+export { ColorPickerValueText, type ColorPickerValueTextBaseProps, type ColorPickerValueTextProps, } from './color-picker-value-text';
+export { ColorPickerView, type ColorPickerViewBaseProps, type ColorPickerViewProps, } from './color-picker-view';
 export { useColorPicker, type UseColorPickerProps, type UseColorPickerReturn, } from './use-color-picker';
 export { useColorPickerContext, type UseColorPickerContext } from './use-color-picker-context';
 export * as ColorPicker from './color-picker';

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

@@ -0,0 +1,5 @@
+import type { ColorFormat } from '@zag-js/color-picker';
+export interface UseColorPickerSwatchPropsContext {
+    format: ColorFormat;
+}
+export declare const ColorPickerFormatPropsProvider: import("solid-js").ContextProviderComponent<UseColorPickerSwatchPropsContext>, useColorPickerFormatPropsContext: () => UseColorPickerSwatchPropsContext;