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

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

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