@ark-ui/react 3.3.0 → 3.4.0-1

package/dist/components/tooltip/tooltip.d.ts

@@ -1,9 +1,9 @@
 export type { OpenChangeDetails } from '@zag-js/tooltip';
-export { TooltipArrow as Arrow, type TooltipArrowProps as ArrowProps } from './tooltip-arrow';
-export { TooltipArrowTip as ArrowTip, type TooltipArrowTipProps as ArrowTipProps, } from './tooltip-arrow-tip';
-export { TooltipContent as Content, type TooltipContentProps as ContentProps, } from './tooltip-content';
+export { TooltipArrow as Arrow, type TooltipArrowProps as ArrowProps, type TooltipArrowBaseProps as ArrowBaseProps, } from './tooltip-arrow';
+export { TooltipArrowTip as ArrowTip, type TooltipArrowTipProps as ArrowTipProps, type TooltipArrowTipBaseProps as ArrowTipBaseProps, } from './tooltip-arrow-tip';
+export { TooltipContent as Content, type TooltipContentProps as ContentProps, type TooltipContentBaseProps as ContentBaseProps, } from './tooltip-content';
 export { TooltipContext as Context, type TooltipContextProps as ContextProps, } from './tooltip-context';
-export { TooltipPositioner as Positioner, type TooltipPositionerProps as PositionerProps, } from './tooltip-positioner';
-export { TooltipRoot as Root, type TooltipRootProps as RootProps } from './tooltip-root';
-export { TooltipRootProvider as RootProvider, type TooltipRootProviderProps as RootProviderProps, } from './tooltip-root-provider';
-export { TooltipTrigger as Trigger, type TooltipTriggerProps as TriggerProps, } from './tooltip-trigger';
+export { TooltipPositioner as Positioner, type TooltipPositionerProps as PositionerProps, type TooltipPositionerBaseProps as PositionerBaseProps, } from './tooltip-positioner';
+export { TooltipRoot as Root, type TooltipRootProps as RootProps, type TooltipRootBaseProps as RootBaseProps, } from './tooltip-root';
+export { TooltipRootProvider as RootProvider, type TooltipRootProviderProps as RootProviderProps, type TooltipRootProviderBaseProps as RootProviderBaseProps, } from './tooltip-root-provider';
+export { TooltipTrigger as Trigger, type TooltipTriggerProps as TriggerProps, type TooltipTriggerBaseProps as TriggerBaseProps, } from './tooltip-trigger';

package/dist/components/tree-view/index.d.cts

@@ -1,19 +1,19 @@
 export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view';
-export { TreeViewBranch, type TreeViewBranchProps } from './tree-view-branch';
-export { TreeViewBranchContent, type TreeViewBranchContentProps } from './tree-view-branch-content';
-export { TreeViewBranchControl, type TreeViewBranchControlProps } from './tree-view-branch-control';
-export { TreeViewBranchIndicator, type TreeViewBranchIndicatorProps, } from './tree-view-branch-indicator';
-export { TreeViewBranchText, type TreeViewBranchTextProps } from './tree-view-branch-text';
-export { TreeViewBranchTrigger, type TreeViewBranchTriggerProps } from './tree-view-branch-trigger';
-export { TreeViewContext, type TreeViewContextProps } from './tree-view-context';
-export { TreeViewItem, type TreeViewItemProps } from './tree-view-item';
-export { TreeViewItemContext, type TreeViewItemContextProps } from './tree-view-item-context';
-export { TreeViewItemIndicator, type TreeViewItemIndicatorProps } from './tree-view-item-indicator';
-export { TreeViewItemText, type TreeViewItemTextProps } from './tree-view-item-text';
-export { TreeViewLabel, type TreeViewLabelProps } from './tree-view-label';
-export { TreeViewRoot, type TreeViewRootProps } from './tree-view-root';
-export { TreeViewRootProvider, type TreeViewRootProviderProps } from './tree-view-root-provider';
-export { TreeViewTree, type TreeViewTreeProps } from './tree-view-tree';
+export { TreeViewBranch, type TreeViewBranchProps, type TreeViewBranchBaseProps, } from './tree-view-branch';
+export { TreeViewBranchContent, type TreeViewBranchContentProps, type TreeViewBranchContentBaseProps, } from './tree-view-branch-content';
+export { TreeViewBranchControl, type TreeViewBranchControlProps, type TreeViewBranchControlBaseProps, } from './tree-view-branch-control';
+export { TreeViewBranchIndicator, type TreeViewBranchIndicatorProps, type TreeViewBranchIndicatorBaseProps, } from './tree-view-branch-indicator';
+export { TreeViewBranchText, type TreeViewBranchTextProps, type TreeViewBranchTextBaseProps, } from './tree-view-branch-text';
+export { TreeViewBranchTrigger, type TreeViewBranchTriggerProps, type TreeViewBranchTriggerBaseProps, } from './tree-view-branch-trigger';
+export { TreeViewContext, type TreeViewContextProps, } from './tree-view-context';
+export { TreeViewItem, type TreeViewItemProps, type TreeViewItemBaseProps, } from './tree-view-item';
+export { TreeViewItemContext, type TreeViewItemContextProps, } from './tree-view-item-context';
+export { TreeViewItemIndicator, type TreeViewItemIndicatorProps, type TreeViewItemIndicatorBaseProps, } from './tree-view-item-indicator';
+export { TreeViewItemText, type TreeViewItemTextProps, type TreeViewItemTextBaseProps, } from './tree-view-item-text';
+export { TreeViewLabel, type TreeViewLabelProps, type TreeViewLabelBaseProps, } from './tree-view-label';
+export { TreeViewRoot, type TreeViewRootProps, type TreeViewRootBaseProps, } from './tree-view-root';
+export { TreeViewRootProvider, type TreeViewRootProviderProps, type TreeViewRootProviderBaseProps, } from './tree-view-root-provider';
+export { TreeViewTree, type TreeViewTreeProps, type TreeViewTreeBaseProps, } from './tree-view-tree';
 export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view';
 export { useTreeViewContext, type UseTreeViewContext } from './use-tree-view-context';
 export { useTreeViewItemContext, type UseTreeViewItemContext } from './use-tree-view-item-context';

package/dist/components/tree-view/index.d.ts

@@ -1,19 +1,19 @@
 export type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails, } from '@zag-js/tree-view';
-export { TreeViewBranch, type TreeViewBranchProps } from './tree-view-branch';
-export { TreeViewBranchContent, type TreeViewBranchContentProps } from './tree-view-branch-content';
-export { TreeViewBranchControl, type TreeViewBranchControlProps } from './tree-view-branch-control';
-export { TreeViewBranchIndicator, type TreeViewBranchIndicatorProps, } from './tree-view-branch-indicator';
-export { TreeViewBranchText, type TreeViewBranchTextProps } from './tree-view-branch-text';
-export { TreeViewBranchTrigger, type TreeViewBranchTriggerProps } from './tree-view-branch-trigger';
-export { TreeViewContext, type TreeViewContextProps } from './tree-view-context';
-export { TreeViewItem, type TreeViewItemProps } from './tree-view-item';
-export { TreeViewItemContext, type TreeViewItemContextProps } from './tree-view-item-context';
-export { TreeViewItemIndicator, type TreeViewItemIndicatorProps } from './tree-view-item-indicator';
-export { TreeViewItemText, type TreeViewItemTextProps } from './tree-view-item-text';
-export { TreeViewLabel, type TreeViewLabelProps } from './tree-view-label';
-export { TreeViewRoot, type TreeViewRootProps } from './tree-view-root';
-export { TreeViewRootProvider, type TreeViewRootProviderProps } from './tree-view-root-provider';
-export { TreeViewTree, type TreeViewTreeProps } from './tree-view-tree';
+export { TreeViewBranch, type TreeViewBranchProps, type TreeViewBranchBaseProps, } from './tree-view-branch';
+export { TreeViewBranchContent, type TreeViewBranchContentProps, type TreeViewBranchContentBaseProps, } from './tree-view-branch-content';
+export { TreeViewBranchControl, type TreeViewBranchControlProps, type TreeViewBranchControlBaseProps, } from './tree-view-branch-control';
+export { TreeViewBranchIndicator, type TreeViewBranchIndicatorProps, type TreeViewBranchIndicatorBaseProps, } from './tree-view-branch-indicator';
+export { TreeViewBranchText, type TreeViewBranchTextProps, type TreeViewBranchTextBaseProps, } from './tree-view-branch-text';
+export { TreeViewBranchTrigger, type TreeViewBranchTriggerProps, type TreeViewBranchTriggerBaseProps, } from './tree-view-branch-trigger';
+export { TreeViewContext, type TreeViewContextProps, } from './tree-view-context';
+export { TreeViewItem, type TreeViewItemProps, type TreeViewItemBaseProps, } from './tree-view-item';
+export { TreeViewItemContext, type TreeViewItemContextProps, } from './tree-view-item-context';
+export { TreeViewItemIndicator, type TreeViewItemIndicatorProps, type TreeViewItemIndicatorBaseProps, } from './tree-view-item-indicator';
+export { TreeViewItemText, type TreeViewItemTextProps, type TreeViewItemTextBaseProps, } from './tree-view-item-text';
+export { TreeViewLabel, type TreeViewLabelProps, type TreeViewLabelBaseProps, } from './tree-view-label';
+export { TreeViewRoot, type TreeViewRootProps, type TreeViewRootBaseProps, } from './tree-view-root';
+export { TreeViewRootProvider, type TreeViewRootProviderProps, type TreeViewRootProviderBaseProps, } from './tree-view-root-provider';
+export { TreeViewTree, type TreeViewTreeProps, type TreeViewTreeBaseProps, } from './tree-view-tree';
 export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view';
 export { useTreeViewContext, type UseTreeViewContext } from './use-tree-view-context';
 export { useTreeViewItemContext, type UseTreeViewItemContext } from './use-tree-view-item-context';

package/dist/components/tree-view/tree-view-branch-content.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TreeViewBranchContentProps extends HTMLArkProps<'ul'> {
+export interface TreeViewBranchContentBaseProps extends PolymorphicProps {
+}
+export interface TreeViewBranchContentProps extends HTMLProps<'ul'>, TreeViewBranchContentBaseProps {
 }
 export declare const TreeViewBranchContent: ForwardRefExoticComponent<TreeViewBranchContentProps & RefAttributes<HTMLUListElement>>;

package/dist/components/tree-view/tree-view-branch-content.d.ts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TreeViewBranchContentProps extends HTMLArkProps<'ul'> {
+export interface TreeViewBranchContentBaseProps extends PolymorphicProps {
+}
+export interface TreeViewBranchContentProps extends HTMLProps<'ul'>, TreeViewBranchContentBaseProps {
 }
 export declare const TreeViewBranchContent: ForwardRefExoticComponent<TreeViewBranchContentProps & RefAttributes<HTMLUListElement>>;

package/dist/components/tree-view/tree-view-branch-control.d.cts

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

package/dist/components/tree-view/tree-view-branch-control.d.ts

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

package/dist/components/tree-view/tree-view-branch-indicator.d.cts

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

package/dist/components/tree-view/tree-view-branch-indicator.d.ts

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

package/dist/components/tree-view/tree-view-branch-text.d.cts

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

package/dist/components/tree-view/tree-view-branch-text.d.ts

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

package/dist/components/tree-view/tree-view-branch-trigger.d.cts

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

package/dist/components/tree-view/tree-view-branch-trigger.d.ts

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

package/dist/components/tree-view/tree-view-branch.d.cts

@@ -1,8 +1,10 @@
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ItemProps } from './use-tree-view-branch-context';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TreeViewBranchProps extends Assign<HTMLArkProps<'li'>, ItemProps> {
+export interface TreeViewBranchBaseProps extends ItemProps, PolymorphicProps {
+}
+export interface TreeViewBranchProps extends Assign<HTMLProps<'li'>, TreeViewBranchBaseProps> {
 }
 export declare const TreeViewBranch: ForwardRefExoticComponent<TreeViewBranchProps & RefAttributes<HTMLLIElement>>;

package/dist/components/tree-view/tree-view-branch.d.ts

@@ -1,8 +1,10 @@
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ItemProps } from './use-tree-view-branch-context';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TreeViewBranchProps extends Assign<HTMLArkProps<'li'>, ItemProps> {
+export interface TreeViewBranchBaseProps extends ItemProps, PolymorphicProps {
+}
+export interface TreeViewBranchProps extends Assign<HTMLProps<'li'>, TreeViewBranchBaseProps> {
 }
 export declare const TreeViewBranch: ForwardRefExoticComponent<TreeViewBranchProps & RefAttributes<HTMLLIElement>>;

package/dist/components/tree-view/tree-view-item-indicator.d.cts

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

package/dist/components/tree-view/tree-view-item-indicator.d.ts

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

package/dist/components/tree-view/tree-view-item-text.d.cts

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

package/dist/components/tree-view/tree-view-item-text.d.ts

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

package/dist/components/tree-view/tree-view-item.d.cts

@@ -1,8 +1,10 @@
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseTreeViewItemPropsContext } from './use-tree-view-item-props-context';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TreeViewItemProps extends Assign<HTMLArkProps<'li'>, UseTreeViewItemPropsContext> {
+export interface TreeViewItemBaseProps extends UseTreeViewItemPropsContext, PolymorphicProps {
+}
+export interface TreeViewItemProps extends Assign<HTMLProps<'li'>, TreeViewItemBaseProps> {
 }
 export declare const TreeViewItem: ForwardRefExoticComponent<TreeViewItemProps & RefAttributes<HTMLLIElement>>;

package/dist/components/tree-view/tree-view-item.d.ts

@@ -1,8 +1,10 @@
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseTreeViewItemPropsContext } from './use-tree-view-item-props-context';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TreeViewItemProps extends Assign<HTMLArkProps<'li'>, UseTreeViewItemPropsContext> {
+export interface TreeViewItemBaseProps extends UseTreeViewItemPropsContext, PolymorphicProps {
+}
+export interface TreeViewItemProps extends Assign<HTMLProps<'li'>, TreeViewItemBaseProps> {
 }
 export declare const TreeViewItem: ForwardRefExoticComponent<TreeViewItemProps & RefAttributes<HTMLLIElement>>;

package/dist/components/tree-view/tree-view-label.d.cts

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

package/dist/components/tree-view/tree-view-label.d.ts

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

package/dist/components/tree-view/tree-view-root-provider.d.cts

@@ -1,11 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseTreeViewReturn } from './use-tree-view';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseTreeViewReturn;
 }
-export interface TreeViewRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface TreeViewRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface TreeViewRootProviderProps extends HTMLProps<'div'>, TreeViewRootProviderBaseProps {
 }
 export declare const TreeViewRootProvider: ForwardRefExoticComponent<TreeViewRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/tree-view/tree-view-root-provider.d.ts

@@ -1,11 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseTreeViewReturn } from './use-tree-view';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseTreeViewReturn;
 }
-export interface TreeViewRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface TreeViewRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface TreeViewRootProviderProps extends HTMLProps<'div'>, TreeViewRootProviderBaseProps {
 }
 export declare const TreeViewRootProvider: ForwardRefExoticComponent<TreeViewRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/tree-view/tree-view-root.d.cts

@@ -1,8 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseTreeViewProps } from './use-tree-view';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TreeViewRootProps extends Assign<HTMLArkProps<'div'>, UseTreeViewProps> {
+export interface TreeViewRootBaseProps extends UseTreeViewProps, PolymorphicProps {
+}
+export interface TreeViewRootProps extends HTMLProps<'div'>, TreeViewRootBaseProps {
 }
 export declare const TreeViewRoot: ForwardRefExoticComponent<TreeViewRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tree-view/tree-view-root.d.ts

@@ -1,8 +1,9 @@
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseTreeViewProps } from './use-tree-view';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TreeViewRootProps extends Assign<HTMLArkProps<'div'>, UseTreeViewProps> {
+export interface TreeViewRootBaseProps extends UseTreeViewProps, PolymorphicProps {
+}
+export interface TreeViewRootProps extends HTMLProps<'div'>, TreeViewRootBaseProps {
 }
 export declare const TreeViewRoot: ForwardRefExoticComponent<TreeViewRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/tree-view/tree-view-tree.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TreeViewTreeProps extends HTMLArkProps<'ul'> {
+export interface TreeViewTreeBaseProps extends PolymorphicProps {
+}
+export interface TreeViewTreeProps extends HTMLProps<'ul'>, TreeViewTreeBaseProps {
 }
 export declare const TreeViewTree: ForwardRefExoticComponent<TreeViewTreeProps & RefAttributes<HTMLUListElement>>;

package/dist/components/tree-view/tree-view-tree.d.ts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface TreeViewTreeProps extends HTMLArkProps<'ul'> {
+export interface TreeViewTreeBaseProps extends PolymorphicProps {
+}
+export interface TreeViewTreeProps extends HTMLProps<'ul'>, TreeViewTreeBaseProps {
 }
 export declare const TreeViewTree: ForwardRefExoticComponent<TreeViewTreeProps & RefAttributes<HTMLUListElement>>;

package/dist/components/tree-view/tree-view.d.cts

@@ -1,16 +1,16 @@
 export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails, } from '@zag-js/tree-view';
-export { TreeViewBranch as Branch, type TreeViewBranchProps as BranchProps, } from './tree-view-branch';
-export { TreeViewBranchContent as BranchContent, type TreeViewBranchContentProps as BranchContentProps, } from './tree-view-branch-content';
-export { TreeViewBranchControl as BranchControl, type TreeViewBranchControlProps as BranchControlProps, } from './tree-view-branch-control';
-export { TreeViewBranchIndicator as BranchIndicator, type TreeViewBranchIndicatorProps as BranchIndicatorProps, } from './tree-view-branch-indicator';
-export { TreeViewBranchText as BranchText, type TreeViewBranchTextProps as BranchTextProps, } from './tree-view-branch-text';
-export { TreeViewBranchTrigger as BranchTrigger, type TreeViewBranchTriggerProps as BranchTriggerProps, } from './tree-view-branch-trigger';
+export { TreeViewBranch as Branch, type TreeViewBranchProps as BranchProps, type TreeViewBranchBaseProps as BranchBaseProps, } from './tree-view-branch';
+export { TreeViewBranchContent as BranchContent, type TreeViewBranchContentProps as BranchContentProps, type TreeViewBranchContentBaseProps as BranchContentBaseProps, } from './tree-view-branch-content';
+export { TreeViewBranchControl as BranchControl, type TreeViewBranchControlProps as BranchControlProps, type TreeViewBranchControlBaseProps as BranchControlBaseProps, } from './tree-view-branch-control';
+export { TreeViewBranchIndicator as BranchIndicator, type TreeViewBranchIndicatorProps as BranchIndicatorProps, type TreeViewBranchIndicatorBaseProps as BranchIndicatorBaseProps, } from './tree-view-branch-indicator';
+export { TreeViewBranchText as BranchText, type TreeViewBranchTextProps as BranchTextProps, type TreeViewBranchTextBaseProps as BranchTextBaseProps, } from './tree-view-branch-text';
+export { TreeViewBranchTrigger as BranchTrigger, type TreeViewBranchTriggerProps as BranchTriggerProps, type TreeViewBranchTriggerBaseProps as BranchTriggerBaseProps, } from './tree-view-branch-trigger';
 export { TreeViewContext as Context, type TreeViewContextProps as ContextProps, } from './tree-view-context';
-export { TreeViewItem as Item, type TreeViewItemProps as ItemProps } from './tree-view-item';
+export { TreeViewItem as Item, type TreeViewItemProps as ItemProps, type TreeViewItemBaseProps as ItemBaseProps, } from './tree-view-item';
 export { TreeViewItemContext as ItemContext, type TreeViewItemContextProps as ItemContextProps, } from './tree-view-item-context';
-export { TreeViewItemIndicator as ItemIndicator, type TreeViewItemIndicatorProps as ItemIndicatorProps, } from './tree-view-item-indicator';
-export { TreeViewItemText as ItemText, type TreeViewItemTextProps as ItemTextProps, } from './tree-view-item-text';
-export { TreeViewLabel as Label, type TreeViewLabelProps as LabelProps } from './tree-view-label';
-export { TreeViewRoot as Root, type TreeViewRootProps as RootProps } from './tree-view-root';
-export { TreeViewRootProvider as RootProvider, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider';
-export { TreeViewTree as Tree, type TreeViewTreeProps as TreeProps } from './tree-view-tree';
+export { TreeViewItemIndicator as ItemIndicator, type TreeViewItemIndicatorProps as ItemIndicatorProps, type TreeViewItemIndicatorBaseProps as ItemIndicatorBaseProps, } from './tree-view-item-indicator';
+export { TreeViewItemText as ItemText, type TreeViewItemTextProps as ItemTextProps, type TreeViewItemTextBaseProps as ItemTextBaseProps, } from './tree-view-item-text';
+export { TreeViewLabel as Label, type TreeViewLabelProps as LabelProps, type TreeViewLabelBaseProps as LabelBaseProps, } from './tree-view-label';
+export { TreeViewRoot as Root, type TreeViewRootProps as RootProps, type TreeViewRootBaseProps as RootBaseProps, } from './tree-view-root';
+export { TreeViewRootProvider as RootProvider, type TreeViewRootProviderProps as RootProviderProps, type TreeViewRootProviderBaseProps as RootProviderBaseProps, } from './tree-view-root-provider';
+export { TreeViewTree as Tree, type TreeViewTreeProps as TreeProps, type TreeViewTreeBaseProps as TreeBaseProps, } from './tree-view-tree';

package/dist/components/tree-view/tree-view.d.ts

@@ -1,16 +1,16 @@
 export type { ExpandedChangeDetails, FocusChangeDetails, SelectionChangeDetails, } from '@zag-js/tree-view';
-export { TreeViewBranch as Branch, type TreeViewBranchProps as BranchProps, } from './tree-view-branch';
-export { TreeViewBranchContent as BranchContent, type TreeViewBranchContentProps as BranchContentProps, } from './tree-view-branch-content';
-export { TreeViewBranchControl as BranchControl, type TreeViewBranchControlProps as BranchControlProps, } from './tree-view-branch-control';
-export { TreeViewBranchIndicator as BranchIndicator, type TreeViewBranchIndicatorProps as BranchIndicatorProps, } from './tree-view-branch-indicator';
-export { TreeViewBranchText as BranchText, type TreeViewBranchTextProps as BranchTextProps, } from './tree-view-branch-text';
-export { TreeViewBranchTrigger as BranchTrigger, type TreeViewBranchTriggerProps as BranchTriggerProps, } from './tree-view-branch-trigger';
+export { TreeViewBranch as Branch, type TreeViewBranchProps as BranchProps, type TreeViewBranchBaseProps as BranchBaseProps, } from './tree-view-branch';
+export { TreeViewBranchContent as BranchContent, type TreeViewBranchContentProps as BranchContentProps, type TreeViewBranchContentBaseProps as BranchContentBaseProps, } from './tree-view-branch-content';
+export { TreeViewBranchControl as BranchControl, type TreeViewBranchControlProps as BranchControlProps, type TreeViewBranchControlBaseProps as BranchControlBaseProps, } from './tree-view-branch-control';
+export { TreeViewBranchIndicator as BranchIndicator, type TreeViewBranchIndicatorProps as BranchIndicatorProps, type TreeViewBranchIndicatorBaseProps as BranchIndicatorBaseProps, } from './tree-view-branch-indicator';
+export { TreeViewBranchText as BranchText, type TreeViewBranchTextProps as BranchTextProps, type TreeViewBranchTextBaseProps as BranchTextBaseProps, } from './tree-view-branch-text';
+export { TreeViewBranchTrigger as BranchTrigger, type TreeViewBranchTriggerProps as BranchTriggerProps, type TreeViewBranchTriggerBaseProps as BranchTriggerBaseProps, } from './tree-view-branch-trigger';
 export { TreeViewContext as Context, type TreeViewContextProps as ContextProps, } from './tree-view-context';
-export { TreeViewItem as Item, type TreeViewItemProps as ItemProps } from './tree-view-item';
+export { TreeViewItem as Item, type TreeViewItemProps as ItemProps, type TreeViewItemBaseProps as ItemBaseProps, } from './tree-view-item';
 export { TreeViewItemContext as ItemContext, type TreeViewItemContextProps as ItemContextProps, } from './tree-view-item-context';
-export { TreeViewItemIndicator as ItemIndicator, type TreeViewItemIndicatorProps as ItemIndicatorProps, } from './tree-view-item-indicator';
-export { TreeViewItemText as ItemText, type TreeViewItemTextProps as ItemTextProps, } from './tree-view-item-text';
-export { TreeViewLabel as Label, type TreeViewLabelProps as LabelProps } from './tree-view-label';
-export { TreeViewRoot as Root, type TreeViewRootProps as RootProps } from './tree-view-root';
-export { TreeViewRootProvider as RootProvider, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider';
-export { TreeViewTree as Tree, type TreeViewTreeProps as TreeProps } from './tree-view-tree';
+export { TreeViewItemIndicator as ItemIndicator, type TreeViewItemIndicatorProps as ItemIndicatorProps, type TreeViewItemIndicatorBaseProps as ItemIndicatorBaseProps, } from './tree-view-item-indicator';
+export { TreeViewItemText as ItemText, type TreeViewItemTextProps as ItemTextProps, type TreeViewItemTextBaseProps as ItemTextBaseProps, } from './tree-view-item-text';
+export { TreeViewLabel as Label, type TreeViewLabelProps as LabelProps, type TreeViewLabelBaseProps as LabelBaseProps, } from './tree-view-label';
+export { TreeViewRoot as Root, type TreeViewRootProps as RootProps, type TreeViewRootBaseProps as RootBaseProps, } from './tree-view-root';
+export { TreeViewRootProvider as RootProvider, type TreeViewRootProviderProps as RootProviderProps, type TreeViewRootProviderBaseProps as RootProviderBaseProps, } from './tree-view-root-provider';
+export { TreeViewTree as Tree, type TreeViewTreeProps as TreeProps, type TreeViewTreeBaseProps as TreeBaseProps, } from './tree-view-tree';

package/dist/index.cjs

@@ -73,8 +73,10 @@ const colorPickerAreaBackground = require('./components/color-picker/color-picke
 const colorPickerAreaThumb = require('./components/color-picker/color-picker-area-thumb.cjs');
 const colorPickerChannelInput = require('./components/color-picker/color-picker-channel-input.cjs');
 const colorPickerChannelSlider = require('./components/color-picker/color-picker-channel-slider.cjs');
+const colorPickerChannelSliderLabel = require('./components/color-picker/color-picker-channel-slider-label.cjs');
 const colorPickerChannelSliderThumb = require('./components/color-picker/color-picker-channel-slider-thumb.cjs');
 const colorPickerChannelSliderTrack = require('./components/color-picker/color-picker-channel-slider-track.cjs');
+const colorPickerChannelSliderValueText = require('./components/color-picker/color-picker-channel-slider-value-text.cjs');
 const colorPickerContent = require('./components/color-picker/color-picker-content.cjs');
 const colorPickerContext = require('./components/color-picker/color-picker-context.cjs');
 const colorPickerControl = require('./components/color-picker/color-picker-control.cjs');
@@ -92,6 +94,7 @@ const colorPickerSwatchIndicator = require('./components/color-picker/color-pick
 const colorPickerSwatchTrigger = require('./components/color-picker/color-picker-swatch-trigger.cjs');
 const colorPickerTransparencyGrid = require('./components/color-picker/color-picker-transparency-grid.cjs');
 const colorPickerTrigger = require('./components/color-picker/color-picker-trigger.cjs');
+const colorPickerValueSwatch = require('./components/color-picker/color-picker-value-swatch.cjs');
 const colorPickerValueText = require('./components/color-picker/color-picker-value-text.cjs');
 const colorPickerView = require('./components/color-picker/color-picker-view.cjs');
 const useColorPicker = require('./components/color-picker/use-color-picker.cjs');
@@ -567,8 +570,10 @@ exports.ColorPickerAreaBackground = colorPickerAreaBackground.ColorPickerAreaBac
 exports.ColorPickerAreaThumb = colorPickerAreaThumb.ColorPickerAreaThumb;
 exports.ColorPickerChannelInput = colorPickerChannelInput.ColorPickerChannelInput;
 exports.ColorPickerChannelSlider = colorPickerChannelSlider.ColorPickerChannelSlider;
+exports.ColorPickerChannelSliderLabel = colorPickerChannelSliderLabel.ColorPickerChannelSliderLabel;
 exports.ColorPickerChannelSliderThumb = colorPickerChannelSliderThumb.ColorPickerChannelSliderThumb;
 exports.ColorPickerChannelSliderTrack = colorPickerChannelSliderTrack.ColorPickerChannelSliderTrack;
+exports.ColorPickerChannelSliderValueText = colorPickerChannelSliderValueText.ColorPickerChannelSliderValueText;
 exports.ColorPickerContent = colorPickerContent.ColorPickerContent;
 exports.ColorPickerContext = colorPickerContext.ColorPickerContext;
 exports.ColorPickerControl = colorPickerControl.ColorPickerControl;
@@ -586,6 +591,7 @@ exports.ColorPickerSwatchIndicator = colorPickerSwatchIndicator.ColorPickerSwatc
 exports.ColorPickerSwatchTrigger = colorPickerSwatchTrigger.ColorPickerSwatchTrigger;
 exports.ColorPickerTransparencyGrid = colorPickerTransparencyGrid.ColorPickerTransparencyGrid;
 exports.ColorPickerTrigger = colorPickerTrigger.ColorPickerTrigger;
+exports.ColorPickerValueSwatch = colorPickerValueSwatch.ColorPickerValueSwatch;
 exports.ColorPickerValueText = colorPickerValueText.ColorPickerValueText;
 exports.ColorPickerView = colorPickerView.ColorPickerView;
 exports.useColorPicker = useColorPicker.useColorPicker;

package/dist/index.js

@@ -75,8 +75,10 @@ export { ColorPickerAreaBackground } from './components/color-picker/color-picke
 export { ColorPickerAreaThumb } from './components/color-picker/color-picker-area-thumb.js';
 export { ColorPickerChannelInput } from './components/color-picker/color-picker-channel-input.js';
 export { ColorPickerChannelSlider } from './components/color-picker/color-picker-channel-slider.js';
+export { ColorPickerChannelSliderLabel } from './components/color-picker/color-picker-channel-slider-label.js';
 export { ColorPickerChannelSliderThumb } from './components/color-picker/color-picker-channel-slider-thumb.js';
 export { ColorPickerChannelSliderTrack } from './components/color-picker/color-picker-channel-slider-track.js';
+export { ColorPickerChannelSliderValueText } from './components/color-picker/color-picker-channel-slider-value-text.js';
 export { ColorPickerContent } from './components/color-picker/color-picker-content.js';
 export { ColorPickerContext } from './components/color-picker/color-picker-context.js';
 export { ColorPickerControl } from './components/color-picker/color-picker-control.js';
@@ -94,6 +96,7 @@ export { ColorPickerSwatchIndicator } from './components/color-picker/color-pick
 export { ColorPickerSwatchTrigger } from './components/color-picker/color-picker-swatch-trigger.js';
 export { ColorPickerTransparencyGrid } from './components/color-picker/color-picker-transparency-grid.js';
 export { ColorPickerTrigger } from './components/color-picker/color-picker-trigger.js';
+export { ColorPickerValueSwatch } from './components/color-picker/color-picker-value-swatch.js';
 export { ColorPickerValueText } from './components/color-picker/color-picker-value-text.js';
 export { ColorPickerView } from './components/color-picker/color-picker-view.js';
 export { useColorPicker } from './components/color-picker/use-color-picker.js';

package/dist/utils/use-event.cjs

@@ -11,8 +11,7 @@ function useEvent(callback, opts = {}) {
   return react.useCallback(
     // biome-ignore lint/suspicious/noExplicitAny: <explanation>
     (...args) => {
-      if (sync)
-        return queueMicrotask(() => callbackRef.current?.(...args));
+      if (sync) return queueMicrotask(() => callbackRef.current?.(...args));
       return callbackRef.current?.(...args);
     },
     [sync, callbackRef]

package/dist/utils/use-event.js

@@ -7,8 +7,7 @@ function useEvent(callback, opts = {}) {
   return useCallback(
     // biome-ignore lint/suspicious/noExplicitAny: <explanation>
     (...args) => {
-      if (sync)
-        return queueMicrotask(() => callbackRef.current?.(...args));
+      if (sync) return queueMicrotask(() => callbackRef.current?.(...args));
       return callbackRef.current?.(...args);
     },
     [sync, callbackRef]