@start-base/start-ui/Grid/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 l,{forwardRef as e}from"react";import r from"clsx";var s=Object.defineProperty,i=Object.defineProperties,n=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable,o=(l,e,r)=>e in l?s(l,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):l[e]=r,d=(l,e)=>{for(var r in e||(e={}))a.call(e,r)&&o(l,r,e[r]);if(u)for(var r of u(e))p.call(e,r)&&o(l,r,e[r]);return l},t=(l,e)=>i(l,n(e)),g="SUI-Grid-module-root-xZ1Th",m="SUI-Grid-module-item-tsxQb",x=e(((e,s)=>{var i,n,o,x,c,b,f,y,$,w,j,v,O,G,N,P,h,E,I,S,U,D,Q,T,Z,k=e,{children:q,className:z,style:A,container:B=!1,span:C=12,columns:F=12,padding:H=0,gap:J=8,rowGap:K,columnGap:L}=k,M=((l,e)=>{var r={};for(var s in l)a.call(l,s)&&e.indexOf(s)<0&&(r[s]=l[s]);if(null!=l&&u)for(var s of u(l))e.indexOf(s)<0&&p.call(l,s)&&(r[s]=l[s]);return r})(k,["children","className","style","container","span","columns","padding","gap","rowGap","columnGap"]);const R=r(z,g);K||(K=J);const V="number"==typeof K?K:K.base;let W=V,X=V,Y=V,_=V,ll=V;"object"==typeof K&&(W=null!=(i=K.sm)?i:K.base,X=null!=(n=K.md)?n:W,Y=null!=(o=K.lg)?o:X,_=null!=(x=K.xl)?x:Y,ll=null!=(c=K.xxl)?c:_),L||(L=J);const el="number"==typeof L?L:L.base;let rl=el,sl=el,il=el,nl=el,ul=el;"object"==typeof L&&(rl=null!=(b=L.sm)?b:L.base,sl=null!=(f=L.md)?f:rl,il=null!=(y=L.lg)?y:sl,nl=null!=($=L.xl)?$:il,ul=null!=(w=L.xxl)?w:nl);const al="number"==typeof F?F:F.base;let pl=al,ol=al,dl=al,tl=al,gl=al;"object"==typeof F&&(pl=null!=(j=F.sm)?j:F.base,ol=null!=(v=F.md)?v:pl,dl=null!=(O=F.lg)?O:ol,tl=null!=(G=F.xl)?G:dl,gl=null!=(N=F.xxl)?N:tl);const ml="number"==typeof H?H:H.base;let xl=ml,cl=ml,bl=ml,fl=ml,yl=ml;if("object"==typeof H&&(xl=null!=(P=H.sm)?P:H.base,cl=null!=(h=H.md)?h:xl,bl=null!=(E=H.lg)?E:cl,fl=null!=(I=H.xl)?I:bl,yl=null!=(S=H.xxl)?S:fl),B)return l.createElement("div",d({ref:s,className:R,style:t(d({},A),{"--sui-grid-row-gap-base":`${V}px`,"--sui-grid-row-gap-sm":`${W}px`,"--sui-grid-row-gap-md":`${X}px`,"--sui-grid-row-gap-lg":`${Y}px`,"--sui-grid-row-gap-xl":`${_}px`,"--sui-grid-row-gap-xxl":`${ll}px`,"--sui-grid-column-gap-base":`${el}px`,"--sui-grid-column-gap-sm":`${rl}px`,"--sui-grid-column-gap-md":`${sl}px`,"--sui-grid-column-gap-lg":`${il}px`,"--sui-grid-column-gap-xl":`${nl}px`,"--sui-grid-column-gap-xxl":`${ul}px`,"--sui-grid-columns-base":al,"--sui-grid-columns-sm":pl,"--sui-grid-columns-md":ol,"--sui-grid-columns-lg":dl,"--sui-grid-columns-xl":tl,"--sui-grid-columns-xxl":gl,"--sui-grid-padding-base":`${ml}px`,"--sui-grid-padding-sm":`${xl}px`,"--sui-grid-padding-md":`${cl}px`,"--sui-grid-padding-lg":`${bl}px`,"--sui-grid-padding-xl":`${fl}px`,"--sui-grid-padding-xxl":`${yl}px`})},M),q);const $l=r(z,m),wl="number"==typeof C?C:C.base;let jl=wl,vl=wl,Ol=wl,Gl=wl,Nl=wl;return"object"==typeof C&&(jl=null!=(U=C.sm)?U:C.base,vl=null!=(D=C.md)?D:jl,Ol=null!=(Q=C.lg)?Q:vl,Gl=null!=(T=C.xl)?T:Ol,Nl=null!=(Z=C.xxl)?Z:Gl),l.createElement("div",d({ref:s,className:$l,style:t(d({},A),{"--sui-grid-span-base":wl,"--sui-grid-span-sm":jl,"--sui-grid-span-md":vl,"--sui-grid-span-lg":Ol,"--sui-grid-span-xl":Gl,"--sui-grid-span-xxl":Nl})},M),q)}));x.displayName="Grid";var c=x;export{c as default};