import{d as _,r as i,a4 as m,a2 as f,s as r,e as n,t as p,f as c,k as g,i as d,F as b,y as C,a5 as h}from"./BdHKhsMk.js";const v={class:"border-b border-r"},y=_({__name:"index",props:{class:{},items:{},variant:{}},setup(a){const s=a,e=i(),{width:u}=m(e),o=i(0);return f([u,s,e],()=>{if(!e.value)return;const t=getComputedStyle(e.value).gridTemplateColumns.split(" "),l=s.items%t.length;o.value=l===0?0:t.length-l}),(t,l)=>(n(),r("div",{ref_key:"gridRef",ref:e,class:p(c(g)({"grid border-l border-t auto-fill-96":!0,"w-[calc(100%_+_2px)] -translate-x-px translate-y-px overflow-hidden rounded-b-lg":t.variant==="card"},s.class))},[d(t.$slots,"default"),(n(!0),r(b,null,C(c(o),w=>(n(),r("div",v))),256))],2))}}),$=Object.assign(y,{__name:"UtilityGridCollection"}),x={},G={class:"border-r border-b"};function k(a,s){return n(),r("div",G,[d(a.$slots,"default")])}const B=Object.assign(h(x,[["render",k]]),{__name:"UtilityGridCollectionItem"});export{$ as G,B as U};
