import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
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 (jsxRuntimeExports.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 (jsxRuntimeExports.jsx("li", { className: listItem({ className }), role: "listitem", ...props, children: children }));
};
const ListLabel = ({ children, minWidth, className, style, ...props }) => {
    return (jsxRuntimeExports.jsx("span", { className: label({ className }), style: { minWidth, ...style }, ...props, children: children }));
};
const ListValue = ({ children, className, ...props }) => {
    return (jsxRuntimeExports.jsx("span", { className: value({ className }), ...props, children: children }));
};
const ListHeader = ({ children, className, ...props }) => {
    return (jsxRuntimeExports.jsx("div", { className: header({ className }), role: "heading", "aria-level": 3, ...props, children: jsxRuntimeExports.jsx("span", { className: headerText(), children: children }) }));
};
const List = {
    Root: ListRoot,
    Header: ListHeader,
    Item: ListItem,
    Label: ListLabel,
    Value: ListValue,
};
ListRoot.displayName = "List";
ListHeader.displayName = "ListHeader";
ListItem.displayName = "ListItem";
ListLabel.displayName = "ListLabel";
ListValue.displayName = "ListValue";

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