@radix-ui/themes/dist/cjs/components/container.js

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

"use strict";var L=Object.create;var n=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var W=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var I=(o,r)=>{for(var e in r)n(o,e,{get:r[e],enumerable:!0})},P=(o,r,e,p)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of O(r))!b.call(o,t)&&t!==e&&n(o,t,{get:()=>r[t],enumerable:!(p=M(r,t))||p.enumerable});return o};var l=(o,r,e)=>(e=o!=null?L(W(o)):{},P(r||!o||!o.__esModule?n(e,"default",{value:o,enumerable:!0}):e,o)),k=o=>P(n({},"__esModule",{value:!0}),o);var q={};I(q,{Container:()=>a});module.exports=k(q);var s=l(require("react")),m=l(require("classnames")),C=require("@radix-ui/react-slot"),c=require("./container.props.js"),i=require("../helpers/extract-props.js"),y=require("../helpers/get-subtree.js"),d=require("../props/height.props.js"),h=require("../props/layout.props.js"),u=require("../props/margin.props.js"),v=require("../props/width.props.js");const a=s.forwardRef(({width:o,minWidth:r,maxWidth:e,height:p,minHeight:t,maxHeight:N,...g},D)=>{const{asChild:f,children:j,className:w,...x}=(0,i.extractProps)(g,c.containerPropDefs,h.layoutPropDefs,u.marginPropDefs),{className:R,style:E}=(0,i.extractProps)({width:o,minWidth:r,maxWidth:e,height:p,minHeight:t,maxHeight:N},v.widthPropDefs,d.heightPropDefs);return s.createElement(f?C.Slot:"div",{...x,ref:D,className:(0,m.default)("rt-Container",w)},(0,y.getSubtree)({asChild:f,children:j},S=>s.createElement("div",{className:(0,m.default)("rt-ContainerInner",R),style:E},S)))});a.displayName="Container";
//# sourceMappingURL=container.js.map