koval-ui/dist/src/lib/Layout/Grid.cjs

React components collection with minimalistic design. Supports theming, layout, and input validation.

"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),R=require("css-vars-hook"),t=require("react"),q=require("classnames"),L=require("../../internal/hooks/useLinkRefs.cjs"),x=require("./Layout.module.css.cjs"),y=e=>e==="fluid"?"100%":`${e}px`,o=t.forwardRef(({width:e=1280,className:i,as:n="div",children:u,gap:r=16,base:s=12,...c},a)=>{const{LocalRoot:l,ref:d}=R.useLocalTheme();L.useLinkRefs(a,d);const f=t.useMemo(()=>({"container-width":y(e),base:s,gap:`${r}px`}),[e,r,s]);return m.jsx(l,{...c,theme:f,as:n,className:q(x.default.grid,i),children:u})});o.displayName="Grid";exports.Grid=o;
//# sourceMappingURL=Grid.cjs.map