import { jsx } from 'react/jsx-runtime';
import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import styles from './list.module.css.js';

const list = cva(styles.list);
const listItem = cva(styles['list-item']);
const label = cva(styles.label);
const value = cva(styles.value);
const header = cva(styles.header);
const headerText = cva(styles['header-text']);
const ListRoot = ({ children, className, maxWidth, style, ...props }) => {
    return (jsx("ul", { className: list({ className }), style: { maxWidth, ...style }, role: 'list', "aria-label": props['aria-label'] || 'List', ...props, children: children }));
};
const ListItem = ({ children, className, ...props }) => {
    return (jsx("li", { className: listItem({ className }), role: 'listitem', ...props, children: children }));
};
const ListLabel = ({ children, minWidth, className, style, ...props }) => {
    return (jsx("span", { className: label({ className }), style: { minWidth, ...style }, ...props, children: children }));
};
const ListValue = ({ children, className, ...props }) => {
    return (jsx("span", { className: value({ className }), ...props, children: children }));
};
const ListHeader = ({ children, className, ...props }) => {
    return (jsx("div", { className: header({ className }), role: 'heading', "aria-level": 3, ...props, children: jsx("span", { className: headerText(), children: children }) }));
};
ListRoot.displayName = 'List';
ListHeader.displayName = 'ListHeader';
ListItem.displayName = 'ListItem';
ListLabel.displayName = 'ListLabel';
ListValue.displayName = 'ListValue';
const List = Object.assign(ListRoot, {
    Header: ListHeader,
    Item: ListItem,
    Label: ListLabel,
    Value: ListValue
});

export { List };
//# sourceMappingURL=list.js.map
