@start-base/start-ui/BentoGrid/index.mjs

<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>

import e,{forwardRef as r}from"react";var t=Object.defineProperty,o=Object.defineProperties,i=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,d=(e,r,o)=>r in e?t(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,p="SUI-BentoGrid-module-bentoGrid-cgd0m",m=r(((r,t)=>{var m,s=r,{items:c,gridCols:f=4,rowHeight:u=100}=s,g=((e,r)=>{var t={};for(var o in e)l.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&a)for(var o of a(e))r.indexOf(o)<0&&n.call(e,o)&&(t[o]=e[o]);return t})(s,["items","gridCols","rowHeight"]);return e.createElement("div",(m=((e,r)=>{for(var t in r||(r={}))l.call(r,t)&&d(e,t,r[t]);if(a)for(var t of a(r))n.call(r,t)&&d(e,t,r[t]);return e})({className:p,ref:t},g),o(m,i({style:{gridTemplateColumns:`repeat(${f}, minmax(0, 1fr))`,gridAutoRows:`${u}px`}}))),null==c?void 0:c.map(((r,t)=>e.createElement("div",{key:t,style:{gridColumn:`span ${r.width}`,gridRow:`span ${r.height}`}},r.element))))}));m.displayName="BentoGrid";var s=m;export{s as default};