'use strict';

var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
var list_module = require('./list.module.css.cjs');

const list = index.cva(list_module.default.list);
const listItem = index.cva(list_module.default["list-item"]);
const label = index.cva(list_module.default.label);
const value = index.cva(list_module.default.value);
const header = index.cva(list_module.default.header);
const headerText = index.cva(list_module.default["header-text"]);
const ListRoot = ({ children, className, maxWidth, style, ...props }) => {
    return (jsxRuntime.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 (jsxRuntime.jsxRuntimeExports.jsx("li", { className: listItem({ className }), role: "listitem", ...props, children: children }));
};
const ListLabel = ({ children, minWidth, className, style, ...props }) => {
    return (jsxRuntime.jsxRuntimeExports.jsx("span", { className: label({ className }), style: { minWidth, ...style }, ...props, children: children }));
};
const ListValue = ({ children, className, ...props }) => {
    return (jsxRuntime.jsxRuntimeExports.jsx("span", { className: value({ className }), ...props, children: children }));
};
const ListHeader = ({ children, className, ...props }) => {
    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: header({ className }), role: "heading", "aria-level": 3, ...props, children: jsxRuntime.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";

exports.List = List;
//# sourceMappingURL=list.cjs.map
