@radix-ui/themes/dist/esm/components/data-list.js

[](https://radix-ui.com/themes)

import r from"classnames";import*as t from"react";import{Text as D}from"./text.js";import{dataListRootPropDefs as P,dataListItemPropDefs as d,dataListLabelPropDefs as f}from"./data-list.props.js";import{extractProps as p}from"../helpers/extract-props.js";import{marginPropDefs as c}from"../props/margin.props.js";const i=t.forwardRef((a,e)=>{const{className:s,...o}=p(a,P,c);return t.createElement(D,{asChild:!0},t.createElement("dl",{...o,ref:e,className:r("rt-DataListRoot",s)}))});i.displayName="DataList.Root";const m=t.forwardRef((a,e)=>{const{className:s,...o}=p(a,d);return t.createElement("div",{...o,ref:e,className:r("rt-DataListItem",s)})});m.displayName="DataList.Item";const L=t.forwardRef((a,e)=>{const{className:s,color:o,...n}=p(a,f);return t.createElement("dt",{...n,"data-accent-color":o,ref:e,className:r("rt-DataListLabel",s)})});L.displayName="DataList.Label";const l=t.forwardRef(({children:a,className:e,...s},o)=>t.createElement("dd",{...s,ref:o,className:r(e,"rt-DataListValue")},a));l.displayName="DataList.Value";export{m as Item,L as Label,i as Root,l as Value};
//# sourceMappingURL=data-list.js.map