@ark-ui/react 3.3.0 → 3.4.0-0

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

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ClipboardTriggerProps extends HTMLArkProps<'button'> {
+export type ClipboardTriggerBaseProps = {};
+export interface ClipboardTriggerProps extends HTMLArkProps<'button'>, ClipboardTriggerBaseProps {
 }
 export declare const ClipboardTrigger: ForwardRefExoticComponent<ClipboardTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ClipboardTriggerProps extends HTMLArkProps<'button'> {
+export type ClipboardTriggerBaseProps = {};
+export interface ClipboardTriggerProps extends HTMLArkProps<'button'>, ClipboardTriggerBaseProps {
 }
 export declare const ClipboardTrigger: ForwardRefExoticComponent<ClipboardTriggerProps & RefAttributes<HTMLButtonElement>>;

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

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

@@ -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/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/components/collapsible/collapsible-content.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CollapsibleContentProps extends HTMLArkProps<'div'> {
+export type CollapsibleContentBaseProps = {};
+export interface CollapsibleContentProps extends HTMLArkProps<'div'>, CollapsibleContentBaseProps {
 }
 export declare const CollapsibleContent: ForwardRefExoticComponent<CollapsibleContentProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CollapsibleContentProps extends HTMLArkProps<'div'> {
+export type CollapsibleContentBaseProps = {};
+export interface CollapsibleContentProps extends HTMLArkProps<'div'>, CollapsibleContentBaseProps {
 }
 export declare const CollapsibleContent: ForwardRefExoticComponent<CollapsibleContentProps & RefAttributes<HTMLDivElement>>;

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

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

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

@@ -2,10 +2,9 @@ import { HTMLArkProps } from '../factory';
 import { UseCollapsibleReturn } from './use-collapsible';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-interface RootProviderProps {
+export interface CollapsibleRootProviderBaseProps {
     value: UseCollapsibleReturn;
 }
-export interface CollapsibleRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface CollapsibleRootProviderProps extends HTMLArkProps<'div'>, CollapsibleRootProviderBaseProps {
 }
 export declare const CollapsibleRootProvider: ForwardRefExoticComponent<CollapsibleRootProviderProps & RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -2,10 +2,9 @@ import { HTMLArkProps } from '../factory';
 import { UseCollapsibleReturn } from './use-collapsible';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-interface RootProviderProps {
+export interface CollapsibleRootProviderBaseProps {
     value: UseCollapsibleReturn;
 }
-export interface CollapsibleRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface CollapsibleRootProviderProps extends HTMLArkProps<'div'>, CollapsibleRootProviderBaseProps {
 }
 export declare const CollapsibleRootProvider: ForwardRefExoticComponent<CollapsibleRootProviderProps & RefAttributes<HTMLDivElement>>;
-export {};

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

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

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

@@ -3,6 +3,8 @@ import { HTMLArkProps } from '../factory';
 import { UseCollapsibleProps } from './use-collapsible';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CollapsibleRootProps extends Assign<HTMLArkProps<'div'>, UseCollapsibleProps> {
+export interface CollapsibleRootBaseProps extends UseCollapsibleProps {
+}
+export interface CollapsibleRootProps extends Assign<HTMLArkProps<'div'>, CollapsibleRootBaseProps> {
 }
 export declare const CollapsibleRoot: ForwardRefExoticComponent<CollapsibleRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -3,6 +3,8 @@ import { HTMLArkProps } from '../factory';
 import { UseCollapsibleProps } from './use-collapsible';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CollapsibleRootProps extends Assign<HTMLArkProps<'div'>, UseCollapsibleProps> {
+export interface CollapsibleRootBaseProps extends UseCollapsibleProps {
+}
+export interface CollapsibleRootProps extends Assign<HTMLArkProps<'div'>, CollapsibleRootBaseProps> {
 }
 export declare const CollapsibleRoot: ForwardRefExoticComponent<CollapsibleRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/collapsible/collapsible-trigger.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CollapsibleTriggerProps extends HTMLArkProps<'button'> {
+export type CollapsibleTriggerBaseProps = {};
+export interface CollapsibleTriggerProps extends HTMLArkProps<'button'>, CollapsibleTriggerBaseProps {
 }
 export declare const CollapsibleTrigger: ForwardRefExoticComponent<CollapsibleTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CollapsibleTriggerProps extends HTMLArkProps<'button'> {
+export type CollapsibleTriggerBaseProps = {};
+export interface CollapsibleTriggerProps extends HTMLArkProps<'button'>, CollapsibleTriggerBaseProps {
 }
 export declare const CollapsibleTrigger: ForwardRefExoticComponent<CollapsibleTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/collapsible/collapsible.d.cts

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

@@ -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/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/components/color-picker/color-picker-area-background.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerAreaBackgroundProps extends HTMLArkProps<'div'> {
+export type ColorPickerAreaBackgroundBaseProps = {};
+export interface ColorPickerAreaBackgroundProps extends HTMLArkProps<'div'>, ColorPickerAreaBackgroundBaseProps {
 }
 export declare const ColorPickerAreaBackground: ForwardRefExoticComponent<ColorPickerAreaBackgroundProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerAreaBackgroundProps extends HTMLArkProps<'div'> {
+export type ColorPickerAreaBackgroundBaseProps = {};
+export interface ColorPickerAreaBackgroundProps extends HTMLArkProps<'div'>, ColorPickerAreaBackgroundBaseProps {
 }
 export declare const ColorPickerAreaBackground: ForwardRefExoticComponent<ColorPickerAreaBackgroundProps & RefAttributes<HTMLDivElement>>;

package/dist/components/color-picker/color-picker-area-thumb.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerAreaThumbProps extends HTMLArkProps<'div'> {
+export type ColorPickerAreaThumbBaseProps = {};
+export interface ColorPickerAreaThumbProps extends HTMLArkProps<'div'>, ColorPickerAreaThumbBaseProps {
 }
 export declare const ColorPickerAreaThumb: ForwardRefExoticComponent<ColorPickerAreaThumbProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerAreaThumbProps extends HTMLArkProps<'div'> {
+export type ColorPickerAreaThumbBaseProps = {};
+export interface ColorPickerAreaThumbProps extends HTMLArkProps<'div'>, ColorPickerAreaThumbBaseProps {
 }
 export declare const ColorPickerAreaThumb: ForwardRefExoticComponent<ColorPickerAreaThumbProps & RefAttributes<HTMLDivElement>>;

package/dist/components/color-picker/color-picker-area.d.cts

@@ -3,6 +3,8 @@ import { Assign } from '../../types';
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerAreaProps extends Assign<HTMLArkProps<'div'>, AreaProps> {
+export interface ColorPickerAreaBaseProps extends AreaProps {
+}
+export interface ColorPickerAreaProps extends Assign<HTMLArkProps<'div'>, ColorPickerAreaBaseProps> {
 }
 export declare const ColorPickerArea: ForwardRefExoticComponent<ColorPickerAreaProps & RefAttributes<HTMLDivElement>>;

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

@@ -3,6 +3,8 @@ import { Assign } from '../../types';
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerAreaProps extends Assign<HTMLArkProps<'div'>, AreaProps> {
+export interface ColorPickerAreaBaseProps extends AreaProps {
+}
+export interface ColorPickerAreaProps extends Assign<HTMLArkProps<'div'>, ColorPickerAreaBaseProps> {
 }
 export declare const ColorPickerArea: ForwardRefExoticComponent<ColorPickerAreaProps & RefAttributes<HTMLDivElement>>;

package/dist/components/color-picker/color-picker-channel-input.d.cts

@@ -3,6 +3,8 @@ import { Assign } from '../../types';
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerChannelInputProps extends Assign<HTMLArkProps<'input'>, ChannelInputProps> {
+export interface ColorPickerChannelInputBaseProps extends ChannelInputProps {
+}
+export interface ColorPickerChannelInputProps extends Assign<HTMLArkProps<'input'>, ColorPickerChannelInputBaseProps> {
 }
 export declare const ColorPickerChannelInput: ForwardRefExoticComponent<ColorPickerChannelInputProps & RefAttributes<HTMLInputElement>>;

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

@@ -3,6 +3,8 @@ import { Assign } from '../../types';
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerChannelInputProps extends Assign<HTMLArkProps<'input'>, ChannelInputProps> {
+export interface ColorPickerChannelInputBaseProps extends ChannelInputProps {
+}
+export interface ColorPickerChannelInputProps extends Assign<HTMLArkProps<'input'>, ColorPickerChannelInputBaseProps> {
 }
 export declare const ColorPickerChannelInput: ForwardRefExoticComponent<ColorPickerChannelInputProps & RefAttributes<HTMLInputElement>>;

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

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerChannelSliderThumbProps extends HTMLArkProps<'div'> {
+export type ColorPickerChannelSliderThumbBaseProps = {};
+export interface ColorPickerChannelSliderThumbProps extends HTMLArkProps<'div'>, ColorPickerChannelSliderThumbBaseProps {
 }
 export declare const ColorPickerChannelSliderThumb: ForwardRefExoticComponent<ColorPickerChannelSliderThumbProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerChannelSliderThumbProps extends HTMLArkProps<'div'> {
+export type ColorPickerChannelSliderThumbBaseProps = {};
+export interface ColorPickerChannelSliderThumbProps extends HTMLArkProps<'div'>, ColorPickerChannelSliderThumbBaseProps {
 }
 export declare const ColorPickerChannelSliderThumb: ForwardRefExoticComponent<ColorPickerChannelSliderThumbProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerChannelSliderTrackProps extends HTMLArkProps<'div'> {
+export type ColorPickerChannelSliderTrackBaseProps = {};
+export interface ColorPickerChannelSliderTrackProps extends HTMLArkProps<'div'>, ColorPickerChannelSliderTrackBaseProps {
 }
 export declare const ColorPickerChannelSliderTrack: ForwardRefExoticComponent<ColorPickerChannelSliderTrackProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerChannelSliderTrackProps extends HTMLArkProps<'div'> {
+export type ColorPickerChannelSliderTrackBaseProps = {};
+export interface ColorPickerChannelSliderTrackProps extends HTMLArkProps<'div'>, ColorPickerChannelSliderTrackBaseProps {
 }
 export declare const ColorPickerChannelSliderTrack: ForwardRefExoticComponent<ColorPickerChannelSliderTrackProps & RefAttributes<HTMLDivElement>>;

package/dist/components/color-picker/color-picker-channel-slider.d.cts

@@ -3,6 +3,8 @@ import { Assign } from '../../types';
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerChannelSliderProps extends Assign<HTMLArkProps<'div'>, ChannelProps> {
+export interface ColorPickerChannelSliderBaseProps extends ChannelProps {
+}
+export interface ColorPickerChannelSliderProps extends Assign<HTMLArkProps<'div'>, ColorPickerChannelSliderBaseProps> {
 }
 export declare const ColorPickerChannelSlider: ForwardRefExoticComponent<ColorPickerChannelSliderProps & RefAttributes<HTMLDivElement>>;

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

@@ -3,6 +3,8 @@ import { Assign } from '../../types';
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerChannelSliderProps extends Assign<HTMLArkProps<'div'>, ChannelProps> {
+export interface ColorPickerChannelSliderBaseProps extends ChannelProps {
+}
+export interface ColorPickerChannelSliderProps extends Assign<HTMLArkProps<'div'>, ColorPickerChannelSliderBaseProps> {
 }
 export declare const ColorPickerChannelSlider: ForwardRefExoticComponent<ColorPickerChannelSliderProps & RefAttributes<HTMLDivElement>>;

package/dist/components/color-picker/color-picker-content.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerContentProps extends HTMLArkProps<'div'> {
+export type ColorPickerContentBaseProps = {};
+export interface ColorPickerContentProps extends HTMLArkProps<'div'>, ColorPickerContentBaseProps {
 }
 export declare const ColorPickerContent: ForwardRefExoticComponent<ColorPickerContentProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerContentProps extends HTMLArkProps<'div'> {
+export type ColorPickerContentBaseProps = {};
+export interface ColorPickerContentProps extends HTMLArkProps<'div'>, ColorPickerContentBaseProps {
 }
 export declare const ColorPickerContent: ForwardRefExoticComponent<ColorPickerContentProps & RefAttributes<HTMLDivElement>>;

package/dist/components/color-picker/color-picker-control.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerControlProps extends HTMLArkProps<'div'> {
+export type ColorPickerControlBaseProps = {};
+export interface ColorPickerControlProps extends HTMLArkProps<'div'>, ColorPickerControlBaseProps {
 }
 export declare const ColorPickerControl: ForwardRefExoticComponent<ColorPickerControlProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerControlProps extends HTMLArkProps<'div'> {
+export type ColorPickerControlBaseProps = {};
+export interface ColorPickerControlProps extends HTMLArkProps<'div'>, ColorPickerControlBaseProps {
 }
 export declare const ColorPickerControl: ForwardRefExoticComponent<ColorPickerControlProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerEyeDropperTriggerProps extends HTMLArkProps<'button'> {
+export type ColorPickerEyeDropperTriggerBaseProps = {};
+export interface ColorPickerEyeDropperTriggerProps extends HTMLArkProps<'button'>, ColorPickerEyeDropperTriggerBaseProps {
 }
 export declare const ColorPickerEyeDropperTrigger: ForwardRefExoticComponent<ColorPickerEyeDropperTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerEyeDropperTriggerProps extends HTMLArkProps<'button'> {
+export type ColorPickerEyeDropperTriggerBaseProps = {};
+export interface ColorPickerEyeDropperTriggerProps extends HTMLArkProps<'button'>, ColorPickerEyeDropperTriggerBaseProps {
 }
 export declare const ColorPickerEyeDropperTrigger: ForwardRefExoticComponent<ColorPickerEyeDropperTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/color-picker/color-picker-format-select.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerFormatSelectProps extends HTMLArkProps<'select'> {
+export type ColorPickerFormatSelectBaseProps = {};
+export interface ColorPickerFormatSelectProps extends HTMLArkProps<'select'>, ColorPickerFormatSelectBaseProps {
 }
 export declare const ColorPickerFormatSelect: ForwardRefExoticComponent<ColorPickerFormatSelectProps & RefAttributes<HTMLSelectElement>>;

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

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerFormatSelectProps extends HTMLArkProps<'select'> {
+export type ColorPickerFormatSelectBaseProps = {};
+export interface ColorPickerFormatSelectProps extends HTMLArkProps<'select'>, ColorPickerFormatSelectBaseProps {
 }
 export declare const ColorPickerFormatSelect: ForwardRefExoticComponent<ColorPickerFormatSelectProps & RefAttributes<HTMLSelectElement>>;

package/dist/components/color-picker/color-picker-format-trigger.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerFormatTriggerProps extends HTMLArkProps<'button'> {
+export type ColorPickerFormatTriggerBaseProps = {};
+export interface ColorPickerFormatTriggerProps extends HTMLArkProps<'button'>, ColorPickerFormatTriggerBaseProps {
 }
 export declare const ColorPickerFormatTrigger: ForwardRefExoticComponent<ColorPickerFormatTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerFormatTriggerProps extends HTMLArkProps<'button'> {
+export type ColorPickerFormatTriggerBaseProps = {};
+export interface ColorPickerFormatTriggerProps extends HTMLArkProps<'button'>, ColorPickerFormatTriggerBaseProps {
 }
 export declare const ColorPickerFormatTrigger: ForwardRefExoticComponent<ColorPickerFormatTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/color-picker/color-picker-hidden-input.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerHiddenInputProps extends HTMLArkProps<'input'> {
+export type ColorPickerHiddenInputBaseProps = {};
+export interface ColorPickerHiddenInputProps extends HTMLArkProps<'input'>, ColorPickerHiddenInputBaseProps {
 }
 export declare const ColorPickerHiddenInput: ForwardRefExoticComponent<ColorPickerHiddenInputProps & RefAttributes<HTMLInputElement>>;

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

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerHiddenInputProps extends HTMLArkProps<'input'> {
+export type ColorPickerHiddenInputBaseProps = {};
+export interface ColorPickerHiddenInputProps extends HTMLArkProps<'input'>, ColorPickerHiddenInputBaseProps {
 }
 export declare const ColorPickerHiddenInput: ForwardRefExoticComponent<ColorPickerHiddenInputProps & RefAttributes<HTMLInputElement>>;

package/dist/components/color-picker/color-picker-label.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerLabelProps extends HTMLArkProps<'label'> {
+export type ColorPickerLabelBaseProps = {};
+export interface ColorPickerLabelProps extends HTMLArkProps<'label'>, ColorPickerLabelBaseProps {
 }
 export declare const ColorPickerLabel: ForwardRefExoticComponent<ColorPickerLabelProps & RefAttributes<HTMLLabelElement>>;

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

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerLabelProps extends HTMLArkProps<'label'> {
+export type ColorPickerLabelBaseProps = {};
+export interface ColorPickerLabelProps extends HTMLArkProps<'label'>, ColorPickerLabelBaseProps {
 }
 export declare const ColorPickerLabel: ForwardRefExoticComponent<ColorPickerLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/color-picker/color-picker-positioner.d.cts

@@ -1,6 +1,7 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerPositionerProps extends HTMLArkProps<'div'> {
+export type ColorPickerPositionerBaseProps = {};
+export interface ColorPickerPositionerProps extends HTMLArkProps<'div'>, ColorPickerPositionerBaseProps {
 }
 export declare const ColorPickerPositioner: ForwardRefExoticComponent<ColorPickerPositionerProps & RefAttributes<HTMLDivElement>>;