@ark-ui/react 3.2.1 → 3.4.0-0

package/dist/components/segment-group/segment-group-root-provider.d.ts

@@ -5,7 +5,9 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 interface RootProviderProps {
     value: UseSegmentGroupReturn;
 }
-export interface SegmentGroupRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface SegmentGroupRootProviderBaseProps extends RootProviderProps {
+}
+export interface SegmentGroupRootProviderProps extends HTMLArkProps<'div'>, SegmentGroupRootProviderBaseProps {
 }
 export declare const SegmentGroupRootProvider: ForwardRefExoticComponent<SegmentGroupRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/segment-group/segment-group-root.d.cts

@@ -3,6 +3,8 @@ import { HTMLArkProps } from '../factory';
 import { UseSegmentGroupProps } from './use-segment-group';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SegmentGroupRootProps extends Assign<HTMLArkProps<'div'>, UseSegmentGroupProps> {
+export interface SegmentGroupRootBaseProps extends UseSegmentGroupProps {
+}
+export interface SegmentGroupRootProps extends Assign<HTMLArkProps<'div'>, SegmentGroupRootBaseProps> {
 }
 export declare const SegmentGroupRoot: ForwardRefExoticComponent<SegmentGroupRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/segment-group/segment-group-root.d.ts

@@ -3,6 +3,8 @@ import { HTMLArkProps } from '../factory';
 import { UseSegmentGroupProps } from './use-segment-group';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SegmentGroupRootProps extends Assign<HTMLArkProps<'div'>, UseSegmentGroupProps> {
+export interface SegmentGroupRootBaseProps extends UseSegmentGroupProps {
+}
+export interface SegmentGroupRootProps extends Assign<HTMLArkProps<'div'>, SegmentGroupRootBaseProps> {
 }
 export declare const SegmentGroupRoot: ForwardRefExoticComponent<SegmentGroupRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/segment-group/segment-group.d.cts

@@ -1,10 +1,10 @@
 export type { ValueChangeDetails } from '@zag-js/radio-group';
 export { SegmentGroupContext as Context, type SegmentGroupContextProps as ContextProps, } from './segment-group-context';
-export { SegmentGroupIndicator as Indicator, type SegmentGroupIndicatorProps as IndicatorProps, } from './segment-group-indicator';
-export { SegmentGroupItem as Item, type SegmentGroupItemProps as ItemProps, } from './segment-group-item';
+export { SegmentGroupIndicator as Indicator, type SegmentGroupIndicatorProps as IndicatorProps, type SegmentGroupIndicatorBaseProps as IndicatorBaseProps, } from './segment-group-indicator';
+export { SegmentGroupItem as Item, type SegmentGroupItemProps as ItemProps, type SegmentGroupItemBaseProps as ItemBaseProps, } from './segment-group-item';
 export { SegmentGroupItemContext as ItemContext, type SegmentGroupItemContextProps as ItemContextProps, } from './segment-group-item-context';
-export { SegmentGroupItemControl as ItemControl, type SegmentGroupItemControlProps as ItemControlProps, } from './segment-group-item-control';
-export { SegmentGroupItemHiddenInput as ItemHiddenInput, type SegmentGroupItemHiddenInputProps as ItemHiddenInputProps, } from './segment-group-item-hidden-input';
-export { SegmentGroupItemText as ItemText, type SegmentGroupItemTextProps as ItemTextProps, } from './segment-group-item-text';
-export { SegmentGroupLabel as Label, type SegmentGroupLabelProps as LabelProps, } from './segment-group-label';
-export { SegmentGroupRoot as Root, type SegmentGroupRootProps as RootProps, } from './segment-group-root';
+export { SegmentGroupItemControl as ItemControl, type SegmentGroupItemControlProps as ItemControlProps, type SegmentGroupItemControlBaseProps as ItemControlBaseProps, } from './segment-group-item-control';
+export { SegmentGroupItemHiddenInput as ItemHiddenInput, type SegmentGroupItemHiddenInputProps as ItemHiddenInputProps, type SegmentGroupItemHiddenInputBaseProps as ItemHiddenInputBaseProps, } from './segment-group-item-hidden-input';
+export { SegmentGroupItemText as ItemText, type SegmentGroupItemTextProps as ItemTextProps, type SegmentGroupItemTextBaseProps as ItemTextBaseProps, } from './segment-group-item-text';
+export { SegmentGroupLabel as Label, type SegmentGroupLabelProps as LabelProps, type SegmentGroupLabelBaseProps as LabelBaseProps, } from './segment-group-label';
+export { SegmentGroupRoot as Root, type SegmentGroupRootProps as RootProps, type SegmentGroupRootBaseProps as RootBaseProps, } from './segment-group-root';

package/dist/components/segment-group/segment-group.d.ts

@@ -1,10 +1,10 @@
 export type { ValueChangeDetails } from '@zag-js/radio-group';
 export { SegmentGroupContext as Context, type SegmentGroupContextProps as ContextProps, } from './segment-group-context';
-export { SegmentGroupIndicator as Indicator, type SegmentGroupIndicatorProps as IndicatorProps, } from './segment-group-indicator';
-export { SegmentGroupItem as Item, type SegmentGroupItemProps as ItemProps, } from './segment-group-item';
+export { SegmentGroupIndicator as Indicator, type SegmentGroupIndicatorProps as IndicatorProps, type SegmentGroupIndicatorBaseProps as IndicatorBaseProps, } from './segment-group-indicator';
+export { SegmentGroupItem as Item, type SegmentGroupItemProps as ItemProps, type SegmentGroupItemBaseProps as ItemBaseProps, } from './segment-group-item';
 export { SegmentGroupItemContext as ItemContext, type SegmentGroupItemContextProps as ItemContextProps, } from './segment-group-item-context';
-export { SegmentGroupItemControl as ItemControl, type SegmentGroupItemControlProps as ItemControlProps, } from './segment-group-item-control';
-export { SegmentGroupItemHiddenInput as ItemHiddenInput, type SegmentGroupItemHiddenInputProps as ItemHiddenInputProps, } from './segment-group-item-hidden-input';
-export { SegmentGroupItemText as ItemText, type SegmentGroupItemTextProps as ItemTextProps, } from './segment-group-item-text';
-export { SegmentGroupLabel as Label, type SegmentGroupLabelProps as LabelProps, } from './segment-group-label';
-export { SegmentGroupRoot as Root, type SegmentGroupRootProps as RootProps, } from './segment-group-root';
+export { SegmentGroupItemControl as ItemControl, type SegmentGroupItemControlProps as ItemControlProps, type SegmentGroupItemControlBaseProps as ItemControlBaseProps, } from './segment-group-item-control';
+export { SegmentGroupItemHiddenInput as ItemHiddenInput, type SegmentGroupItemHiddenInputProps as ItemHiddenInputProps, type SegmentGroupItemHiddenInputBaseProps as ItemHiddenInputBaseProps, } from './segment-group-item-hidden-input';
+export { SegmentGroupItemText as ItemText, type SegmentGroupItemTextProps as ItemTextProps, type SegmentGroupItemTextBaseProps as ItemTextBaseProps, } from './segment-group-item-text';
+export { SegmentGroupLabel as Label, type SegmentGroupLabelProps as LabelProps, type SegmentGroupLabelBaseProps as LabelBaseProps, } from './segment-group-label';
+export { SegmentGroupRoot as Root, type SegmentGroupRootProps as RootProps, type SegmentGroupRootBaseProps as RootBaseProps, } from './segment-group-root';

package/dist/components/select/index.cjs

@@ -15,6 +15,7 @@ const selectItemGroupLabel = require('./select-item-group-label.cjs');
 const selectItemIndicator = require('./select-item-indicator.cjs');
 const selectItemText = require('./select-item-text.cjs');
 const selectLabel = require('./select-label.cjs');
+const selectList = require('./select-list.cjs');
 const selectPositioner = require('./select-positioner.cjs');
 const selectRoot = require('./select-root.cjs');
 const selectRootProvider = require('./select-root-provider.cjs');
@@ -40,6 +41,7 @@ exports.SelectItemGroupLabel = selectItemGroupLabel.SelectItemGroupLabel;
 exports.SelectItemIndicator = selectItemIndicator.SelectItemIndicator;
 exports.SelectItemText = selectItemText.SelectItemText;
 exports.SelectLabel = selectLabel.SelectLabel;
+exports.SelectList = selectList.SelectList;
 exports.SelectPositioner = selectPositioner.SelectPositioner;
 exports.SelectRoot = selectRoot.SelectRoot;
 exports.SelectRootProvider = selectRootProvider.SelectRootProvider;

package/dist/components/select/index.d.cts

@@ -1,23 +1,24 @@
 export type { HighlightChangeDetails as SelectHighlightChangeDetails, OpenChangeDetails as SelectOpenChangeDetails, ValueChangeDetails as SelectValueChangeDetails, } from '@zag-js/select';
 export type { CollectionItem as SelectCollectionItem } from '../../types';
-export { SelectClearTrigger, type SelectClearTriggerProps } from './select-clear-trigger';
-export { SelectContent, type SelectContentProps } from './select-content';
-export { SelectContext, type SelectContextProps } from './select-context';
-export { SelectControl, type SelectControlProps } from './select-control';
-export { SelectHiddenSelect, type SelectHiddenSelectProps } from './select-hidden-select';
-export { SelectIndicator, type SelectIndicatorProps } from './select-indicator';
-export { SelectItem, type SelectItemProps } from './select-item';
-export { SelectItemContext, type SelectItemContextProps } from './select-item-context';
-export { SelectItemGroup, type SelectItemGroupProps } from './select-item-group';
-export { SelectItemGroupLabel, type SelectItemGroupLabelProps } from './select-item-group-label';
-export { SelectItemIndicator, type SelectItemIndicatorProps } from './select-item-indicator';
-export { SelectItemText, type SelectItemTextProps } from './select-item-text';
-export { SelectLabel, type SelectLabelProps } from './select-label';
-export { SelectPositioner, type SelectPositionerProps } from './select-positioner';
-export { SelectRoot, type SelectRootProps } from './select-root';
-export { SelectRootProvider, type SelectRootProviderProps } from './select-root-provider';
-export { SelectTrigger, type SelectTriggerProps } from './select-trigger';
-export { SelectValueText, type SelectValueTextProps } from './select-value-text';
+export { SelectClearTrigger, type SelectClearTriggerProps, type SelectClearTriggerBaseProps, } from './select-clear-trigger';
+export { SelectContent, type SelectContentProps, type SelectContentBaseProps, } from './select-content';
+export { SelectContext, type SelectContextProps, } from './select-context';
+export { SelectControl, type SelectControlProps, type SelectControlBaseProps, } from './select-control';
+export { SelectHiddenSelect, type SelectHiddenSelectProps, type SelectHiddenSelectBaseProps, } from './select-hidden-select';
+export { SelectIndicator, type SelectIndicatorProps, type SelectIndicatorBaseProps, } from './select-indicator';
+export { SelectItem, type SelectItemProps, type SelectItemBaseProps, } from './select-item';
+export { SelectItemContext, type SelectItemContextProps, } from './select-item-context';
+export { SelectItemGroup, type SelectItemGroupProps, type SelectItemGroupBaseProps, } from './select-item-group';
+export { SelectItemGroupLabel, type SelectItemGroupLabelProps, type SelectItemGroupLabelBaseProps, } from './select-item-group-label';
+export { SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemIndicatorBaseProps, } from './select-item-indicator';
+export { SelectItemText, type SelectItemTextProps, type SelectItemTextBaseProps, } from './select-item-text';
+export { SelectLabel, type SelectLabelProps, type SelectLabelBaseProps, } from './select-label';
+export { SelectList, type SelectListProps, type SelectListBaseProps, } from './select-list';
+export { SelectPositioner, type SelectPositionerProps, type SelectPositionerBaseProps, } from './select-positioner';
+export { SelectRoot, type SelectRootProps, type SelectRootBaseProps, } from './select-root';
+export { SelectRootProvider, type SelectRootProviderProps, type SelectRootProviderBaseProps, } from './select-root-provider';
+export { SelectTrigger, type SelectTriggerProps, type SelectTriggerBaseProps, } from './select-trigger';
+export { SelectValueText, type SelectValueTextProps, type SelectValueTextBaseProps, } from './select-value-text';
 export { useSelect, type UseSelectProps, type UseSelectReturn } from './use-select';
 export { useSelectContext, type UseSelectContext } from './use-select-context';
 export { useSelectItemContext, type UseSelectItemContext } from './use-select-item-context';

package/dist/components/select/index.d.ts

@@ -1,23 +1,24 @@
 export type { HighlightChangeDetails as SelectHighlightChangeDetails, OpenChangeDetails as SelectOpenChangeDetails, ValueChangeDetails as SelectValueChangeDetails, } from '@zag-js/select';
 export type { CollectionItem as SelectCollectionItem } from '../../types';
-export { SelectClearTrigger, type SelectClearTriggerProps } from './select-clear-trigger';
-export { SelectContent, type SelectContentProps } from './select-content';
-export { SelectContext, type SelectContextProps } from './select-context';
-export { SelectControl, type SelectControlProps } from './select-control';
-export { SelectHiddenSelect, type SelectHiddenSelectProps } from './select-hidden-select';
-export { SelectIndicator, type SelectIndicatorProps } from './select-indicator';
-export { SelectItem, type SelectItemProps } from './select-item';
-export { SelectItemContext, type SelectItemContextProps } from './select-item-context';
-export { SelectItemGroup, type SelectItemGroupProps } from './select-item-group';
-export { SelectItemGroupLabel, type SelectItemGroupLabelProps } from './select-item-group-label';
-export { SelectItemIndicator, type SelectItemIndicatorProps } from './select-item-indicator';
-export { SelectItemText, type SelectItemTextProps } from './select-item-text';
-export { SelectLabel, type SelectLabelProps } from './select-label';
-export { SelectPositioner, type SelectPositionerProps } from './select-positioner';
-export { SelectRoot, type SelectRootProps } from './select-root';
-export { SelectRootProvider, type SelectRootProviderProps } from './select-root-provider';
-export { SelectTrigger, type SelectTriggerProps } from './select-trigger';
-export { SelectValueText, type SelectValueTextProps } from './select-value-text';
+export { SelectClearTrigger, type SelectClearTriggerProps, type SelectClearTriggerBaseProps, } from './select-clear-trigger';
+export { SelectContent, type SelectContentProps, type SelectContentBaseProps, } from './select-content';
+export { SelectContext, type SelectContextProps, } from './select-context';
+export { SelectControl, type SelectControlProps, type SelectControlBaseProps, } from './select-control';
+export { SelectHiddenSelect, type SelectHiddenSelectProps, type SelectHiddenSelectBaseProps, } from './select-hidden-select';
+export { SelectIndicator, type SelectIndicatorProps, type SelectIndicatorBaseProps, } from './select-indicator';
+export { SelectItem, type SelectItemProps, type SelectItemBaseProps, } from './select-item';
+export { SelectItemContext, type SelectItemContextProps, } from './select-item-context';
+export { SelectItemGroup, type SelectItemGroupProps, type SelectItemGroupBaseProps, } from './select-item-group';
+export { SelectItemGroupLabel, type SelectItemGroupLabelProps, type SelectItemGroupLabelBaseProps, } from './select-item-group-label';
+export { SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemIndicatorBaseProps, } from './select-item-indicator';
+export { SelectItemText, type SelectItemTextProps, type SelectItemTextBaseProps, } from './select-item-text';
+export { SelectLabel, type SelectLabelProps, type SelectLabelBaseProps, } from './select-label';
+export { SelectList, type SelectListProps, type SelectListBaseProps, } from './select-list';
+export { SelectPositioner, type SelectPositionerProps, type SelectPositionerBaseProps, } from './select-positioner';
+export { SelectRoot, type SelectRootProps, type SelectRootBaseProps, } from './select-root';
+export { SelectRootProvider, type SelectRootProviderProps, type SelectRootProviderBaseProps, } from './select-root-provider';
+export { SelectTrigger, type SelectTriggerProps, type SelectTriggerBaseProps, } from './select-trigger';
+export { SelectValueText, type SelectValueTextProps, type SelectValueTextBaseProps, } from './select-value-text';
 export { useSelect, type UseSelectProps, type UseSelectReturn } from './use-select';
 export { useSelectContext, type UseSelectContext } from './use-select-context';
 export { useSelectItemContext, type UseSelectItemContext } from './use-select-item-context';

package/dist/components/select/index.js

@@ -11,6 +11,7 @@ export { SelectItemGroupLabel } from './select-item-group-label.js';
 export { SelectItemIndicator } from './select-item-indicator.js';
 export { SelectItemText } from './select-item-text.js';
 export { SelectLabel } from './select-label.js';
+export { SelectList } from './select-list.js';
 export { SelectPositioner } from './select-positioner.js';
 export { SelectRoot } from './select-root.js';
 export { SelectRootProvider } from './select-root-provider.js';

package/dist/components/select/select-clear-trigger.d.cts

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

package/dist/components/select/select-clear-trigger.d.ts

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

package/dist/components/select/select-content.d.cts

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

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

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

package/dist/components/select/select-control.d.cts

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

package/dist/components/select/select-control.d.ts

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

package/dist/components/select/select-hidden-select.d.cts

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

package/dist/components/select/select-hidden-select.d.ts

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

package/dist/components/select/select-indicator.d.cts

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

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

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

package/dist/components/select/select-item-group-label.d.cts

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

package/dist/components/select/select-item-group-label.d.ts

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

package/dist/components/select/select-item-group.d.cts

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

package/dist/components/select/select-item-group.d.ts

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

package/dist/components/select/select-item-indicator.d.cts

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

package/dist/components/select/select-item-indicator.d.ts

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

package/dist/components/select/select-item-text.d.cts

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

package/dist/components/select/select-item-text.d.ts

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

package/dist/components/select/select-item.d.cts

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

package/dist/components/select/select-item.d.ts

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

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

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

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

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

package/dist/components/select/select-list.cjs

@@ -0,0 +1,19 @@
+'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 useSelectContext = require('./use-select-context.cjs');
+
+const SelectList = react.forwardRef((props, ref) => {
+  const select = useSelectContext.useSelectContext();
+  const mergedProps = react$1.mergeProps(select.getListProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+SelectList.displayName = "SelectList";
+
+exports.SelectList = SelectList;

package/dist/components/select/select-list.d.cts

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

package/dist/components/select/select-list.d.ts

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

package/dist/components/select/select-list.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useSelectContext } from './use-select-context.js';
+
+const SelectList = forwardRef((props, ref) => {
+  const select = useSelectContext();
+  const mergedProps = mergeProps(select.getListProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+SelectList.displayName = "SelectList";
+
+export { SelectList };

package/dist/components/select/select-positioner.d.cts

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

package/dist/components/select/select-positioner.d.ts

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

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

@@ -7,7 +7,9 @@ import { UseSelectReturn } from './use-select';
 interface RootProviderProps<T extends CollectionItem> {
     value: UseSelectReturn<T>;
 }
-export interface SelectRootProviderProps<T extends CollectionItem> extends HTMLArkProps<'div'>, RootProviderProps<T>, UsePresenceProps {
+export interface SelectRootProviderBaseProps<T extends CollectionItem> extends RootProviderProps<T>, UsePresenceProps {
+}
+export interface SelectRootProviderProps<T extends CollectionItem> extends HTMLArkProps<'div'>, SelectRootProviderBaseProps<T> {
 }
 export type SelectComponent = <T extends CollectionItem>(props: SelectRootProviderProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
 export declare const SelectRootProvider: SelectComponent;

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

@@ -7,7 +7,9 @@ import { UseSelectReturn } from './use-select';
 interface RootProviderProps<T extends CollectionItem> {
     value: UseSelectReturn<T>;
 }
-export interface SelectRootProviderProps<T extends CollectionItem> extends HTMLArkProps<'div'>, RootProviderProps<T>, UsePresenceProps {
+export interface SelectRootProviderBaseProps<T extends CollectionItem> extends RootProviderProps<T>, UsePresenceProps {
+}
+export interface SelectRootProviderProps<T extends CollectionItem> extends HTMLArkProps<'div'>, SelectRootProviderBaseProps<T> {
 }
 export type SelectComponent = <T extends CollectionItem>(props: SelectRootProviderProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
 export declare const SelectRootProvider: SelectComponent;

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

@@ -4,7 +4,9 @@ import { HTMLArkProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseSelectProps } from './use-select';
 
-export interface SelectRootProps<T extends CollectionItem> extends Assign<HTMLArkProps<'div'>, UseSelectProps<T>>, UsePresenceProps {
+export interface SelectRootBaseProps<T extends CollectionItem> extends UseSelectProps<T>, UsePresenceProps {
+}
+export interface SelectRootProps<T extends CollectionItem> extends Assign<HTMLArkProps<'div'>, SelectRootBaseProps<T>> {
 }
 export type SelectComponent = <T extends CollectionItem>(props: SelectRootProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
 export declare const SelectRoot: SelectComponent;

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

@@ -4,7 +4,9 @@ import { HTMLArkProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseSelectProps } from './use-select';
 
-export interface SelectRootProps<T extends CollectionItem> extends Assign<HTMLArkProps<'div'>, UseSelectProps<T>>, UsePresenceProps {
+export interface SelectRootBaseProps<T extends CollectionItem> extends UseSelectProps<T>, UsePresenceProps {
+}
+export interface SelectRootProps<T extends CollectionItem> extends Assign<HTMLArkProps<'div'>, SelectRootBaseProps<T>> {
 }
 export type SelectComponent = <T extends CollectionItem>(props: SelectRootProps<T> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
 export declare const SelectRoot: SelectComponent;

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

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

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

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

package/dist/components/select/select-value-text.d.cts

@@ -1,10 +1,12 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SelectValueTextProps extends HTMLArkProps<'span'> {
+export interface SelectValueTextBaseProps {
     /**
      * Text to display when no value is selected.
      */
     placeholder?: string;
 }
+export interface SelectValueTextProps extends HTMLArkProps<'span'>, SelectValueTextBaseProps {
+}
 export declare const SelectValueText: ForwardRefExoticComponent<SelectValueTextProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/select/select-value-text.d.ts

@@ -1,10 +1,12 @@
 import { HTMLArkProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface SelectValueTextProps extends HTMLArkProps<'span'> {
+export interface SelectValueTextBaseProps {
     /**
      * Text to display when no value is selected.
      */
     placeholder?: string;
 }
+export interface SelectValueTextProps extends HTMLArkProps<'span'>, SelectValueTextBaseProps {
+}
 export declare const SelectValueText: ForwardRefExoticComponent<SelectValueTextProps & RefAttributes<HTMLSpanElement>>;