@ark-ui/react 3.3.0 → 3.4.0-1

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

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

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

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

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

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

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ClipboardLabelProps extends HTMLArkProps<'label'> {
+export interface ClipboardLabelBaseProps extends PolymorphicProps {
+}
+export interface ClipboardLabelProps extends HTMLProps<'label'>, ClipboardLabelBaseProps {
 }
 export declare const ClipboardLabel: ForwardRefExoticComponent<ClipboardLabelProps & RefAttributes<HTMLLabelElement>>;

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ClipboardLabelProps extends HTMLArkProps<'label'> {
+export interface ClipboardLabelBaseProps extends PolymorphicProps {
+}
+export interface ClipboardLabelProps extends HTMLProps<'label'>, ClipboardLabelBaseProps {
 }
 export declare const ClipboardLabel: ForwardRefExoticComponent<ClipboardLabelProps & RefAttributes<HTMLLabelElement>>;

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

@@ -1,11 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseClipboardReturn } from './use-clipboard';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseClipboardReturn;
 }
-export interface ClipboardRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface ClipboardRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface ClipboardRootProviderProps extends HTMLProps<'div'>, ClipboardRootProviderBaseProps {
 }
 export declare const ClipboardRootProvider: ForwardRefExoticComponent<ClipboardRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,11 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseClipboardReturn } from './use-clipboard';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseClipboardReturn;
 }
-export interface ClipboardRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface ClipboardRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface ClipboardRootProviderProps extends HTMLProps<'div'>, ClipboardRootProviderBaseProps {
 }
 export declare const ClipboardRootProvider: ForwardRefExoticComponent<ClipboardRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,8 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseClipboardProps } from './use-clipboard';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ClipboardRootProps extends Assign<HTMLArkProps<'div'>, UseClipboardProps> {
+export interface ClipboardRootBaseProps extends UseClipboardProps, PolymorphicProps {
+}
+export interface ClipboardRootProps extends HTMLProps<'div'>, ClipboardRootBaseProps {
 }
 export declare const ClipboardRoot: ForwardRefExoticComponent<ClipboardRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseClipboardProps } from './use-clipboard';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ClipboardRootProps extends Assign<HTMLArkProps<'div'>, UseClipboardProps> {
+export interface ClipboardRootBaseProps extends UseClipboardProps, PolymorphicProps {
+}
+export interface ClipboardRootProps extends HTMLProps<'div'>, ClipboardRootBaseProps {
 }
 export declare const ClipboardRoot: ForwardRefExoticComponent<ClipboardRootProps & RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ClipboardTriggerProps extends HTMLArkProps<'button'> {
+export interface ClipboardTriggerBaseProps extends PolymorphicProps {
+}
+export interface ClipboardTriggerProps extends HTMLProps<'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,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CollapsibleContentProps extends HTMLArkProps<'div'> {
+export interface CollapsibleContentBaseProps extends PolymorphicProps {
+}
+export interface CollapsibleContentProps extends HTMLProps<'div'>, CollapsibleContentBaseProps {
 }
 export declare const CollapsibleContent: ForwardRefExoticComponent<CollapsibleContentProps & RefAttributes<HTMLDivElement>>;

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

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

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

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

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

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

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

@@ -1,8 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } 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, PolymorphicProps {
+}
+export interface CollapsibleRootProps extends HTMLProps<'div'>, CollapsibleRootBaseProps {
 }
 export declare const CollapsibleRoot: ForwardRefExoticComponent<CollapsibleRootProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } 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, PolymorphicProps {
+}
+export interface CollapsibleRootProps extends HTMLProps<'div'>, CollapsibleRootBaseProps {
 }
 export declare const CollapsibleRoot: ForwardRefExoticComponent<CollapsibleRootProps & RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface CollapsibleTriggerProps extends HTMLArkProps<'button'> {
+export interface CollapsibleTriggerBaseProps extends PolymorphicProps {
+}
+export interface CollapsibleTriggerProps extends HTMLProps<'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,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerAreaBackgroundProps extends HTMLArkProps<'div'> {
+export interface ColorPickerAreaBackgroundBaseProps extends PolymorphicProps {
+}
+export interface ColorPickerAreaBackgroundProps extends HTMLProps<'div'>, ColorPickerAreaBackgroundBaseProps {
 }
 export declare const ColorPickerAreaBackground: ForwardRefExoticComponent<ColorPickerAreaBackgroundProps & RefAttributes<HTMLDivElement>>;

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

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

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

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

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

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

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

@@ -1,8 +1,9 @@
 import { AreaProps } from '@zag-js/color-picker';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerAreaProps extends Assign<HTMLArkProps<'div'>, AreaProps> {
+export interface ColorPickerAreaBaseProps extends AreaProps, PolymorphicProps {
+}
+export interface ColorPickerAreaProps extends HTMLProps<'div'>, ColorPickerAreaBaseProps {
 }
 export declare const ColorPickerArea: ForwardRefExoticComponent<ColorPickerAreaProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,9 @@
 import { AreaProps } from '@zag-js/color-picker';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerAreaProps extends Assign<HTMLArkProps<'div'>, AreaProps> {
+export interface ColorPickerAreaBaseProps extends AreaProps, PolymorphicProps {
+}
+export interface ColorPickerAreaProps extends HTMLProps<'div'>, ColorPickerAreaBaseProps {
 }
 export declare const ColorPickerArea: ForwardRefExoticComponent<ColorPickerAreaProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,9 @@
 import { ChannelInputProps } from '@zag-js/color-picker';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerChannelInputProps extends Assign<HTMLArkProps<'input'>, ChannelInputProps> {
+export interface ColorPickerChannelInputBaseProps extends ChannelInputProps, PolymorphicProps {
+}
+export interface ColorPickerChannelInputProps extends HTMLProps<'input'>, ColorPickerChannelInputBaseProps {
 }
 export declare const ColorPickerChannelInput: ForwardRefExoticComponent<ColorPickerChannelInputProps & RefAttributes<HTMLInputElement>>;

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

@@ -1,8 +1,9 @@
 import { ChannelInputProps } from '@zag-js/color-picker';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface ColorPickerChannelInputProps extends Assign<HTMLArkProps<'input'>, ChannelInputProps> {
+export interface ColorPickerChannelInputBaseProps extends ChannelInputProps, PolymorphicProps {
+}
+export interface ColorPickerChannelInputProps extends HTMLProps<'input'>, ColorPickerChannelInputBaseProps {
 }
 export declare const ColorPickerChannelInput: ForwardRefExoticComponent<ColorPickerChannelInputProps & RefAttributes<HTMLInputElement>>;

package/dist/components/color-picker/color-picker-channel-slider-label.cjs

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useColorPickerChannelPropsContext = require('./use-color-picker-channel-props-context.cjs');
+const useColorPickerContext = require('./use-color-picker-context.cjs');
+
+const ColorPickerChannelSliderLabel = react.forwardRef((props, ref) => {
+  const colorPicker = useColorPickerContext.useColorPickerContext();
+  const channelProps = useColorPickerChannelPropsContext.useColorPickerChannelPropsContext();
+  const mergedProps = react$1.mergeProps(colorPicker.getChannelSliderLabelProps(channelProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
+});
+ColorPickerChannelSliderLabel.displayName = "ColorPickerChannelSliderLabel";
+
+exports.ColorPickerChannelSliderLabel = ColorPickerChannelSliderLabel;

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

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface ColorPickerChannelSliderLabelBaseProps extends PolymorphicProps {
+}
+export interface ColorPickerChannelSliderLabelProps extends HTMLProps<'label'>, ColorPickerChannelSliderLabelBaseProps {
+}
+export declare const ColorPickerChannelSliderLabel: ForwardRefExoticComponent<ColorPickerChannelSliderLabelProps & RefAttributes<HTMLLabelElement>>;

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

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface ColorPickerChannelSliderLabelBaseProps extends PolymorphicProps {
+}
+export interface ColorPickerChannelSliderLabelProps extends HTMLProps<'label'>, ColorPickerChannelSliderLabelBaseProps {
+}
+export declare const ColorPickerChannelSliderLabel: ForwardRefExoticComponent<ColorPickerChannelSliderLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/color-picker/color-picker-channel-slider-label.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useColorPickerChannelPropsContext } from './use-color-picker-channel-props-context.js';
+import { useColorPickerContext } from './use-color-picker-context.js';
+
+const ColorPickerChannelSliderLabel = forwardRef((props, ref) => {
+  const colorPicker = useColorPickerContext();
+  const channelProps = useColorPickerChannelPropsContext();
+  const mergedProps = mergeProps(colorPicker.getChannelSliderLabelProps(channelProps), props);
+  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
+});
+ColorPickerChannelSliderLabel.displayName = "ColorPickerChannelSliderLabel";
+
+export { ColorPickerChannelSliderLabel };

package/dist/components/color-picker/color-picker-channel-slider-thumb.cjs

@@ -9,11 +9,14 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useColorPickerChannelPropsContext = require('./use-color-picker-channel-props-context.cjs');
 const useColorPickerContext = require('./use-color-picker-context.cjs');
+const useColorPickerFormatContext = require('./use-color-picker-format-context.cjs');
 
 const ColorPickerChannelSliderThumb = react.forwardRef((props, ref) => {
   const colorPicker = useColorPickerContext.useColorPickerContext();
   const channelProps = useColorPickerChannelPropsContext.useColorPickerChannelPropsContext();
-  const mergedProps = react$1.mergeProps(colorPicker.getChannelSliderThumbProps(channelProps), props);
+  const formatProps = useColorPickerFormatContext.useColorPickerFormatPropsContext();
+  const channelSliderProps = { ...channelProps, ...formatProps };
+  const mergedProps = react$1.mergeProps(colorPicker.getChannelSliderThumbProps(channelSliderProps), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 ColorPickerChannelSliderThumb.displayName = "ColorPickerChannelSliderThumb";