@visa/nova-react/utility-fragment/index.mjs

Visa Product Design System Nova React library. Compatible with React ^19.

import e from"clsx";import{Children as v,cloneElement as i}from"react";const a=({children:a,className:l,vAlignContent:t,vAlignItems:n,vAlignSelf:r,vColGap:o,vContainerHide:d,vElevation:s,vFlex:p,vFlexCol:g,vFlexColReverse:x,vFlexGrow:c,vFlexGrow0:m,vFlexInline:$,vFlexNoWrap:f,vFlexRow:F,vFlexRowReverse:w,vFlexShrink:h,vFlexShrink0:y,vFlexWrap:R,vFlexWrapReverse:N,vGap:M,vHide:P,vJustifyContent:u,vMargin:C,vMarginBottom:G,vMarginHorizontal:H,vMarginLeft:k,vMarginRight:A,vMarginTop:W,vMarginVertical:B,vMediaHide:S,vPadding:b,vPaddingBottom:j,vPaddingHorizontal:z,vPaddingLeft:I,vPaddingRight:L,vPaddingTop:T,vPaddingVertical:U,vRowGap:V,...E})=>{if(v.count(a)>1){const e=v.toArray(a)[0],i=e?.type?.displayName||e?.type?.name||e?.type||typeof e,l=e?.props,t=[l?.id&&`id="${l.id}"`,l?.className&&`className="${l.className}"`,l?.["data-testid"]&&`data-testid="${l["data-testid"]}"`].filter(Boolean).join(", ");console.warn("Warning: UtilityFragment expected to receive a single React element child. Received %d children instead.\nFirst child: <%s>"+(t?` (${t})`:""),v.count(a),i)}const J=e(t&&`v-align-content-${t}`,n&&`v-align-items-${n}`,r&&`v-align-self-${r}`,(o||0===o)&&`v-col-gap-${o}`,d&&`v-${d}-container-hide`,s&&`v-elevation-${s}`,(p||g||x||F||w)&&"v-flex",g&&"v-flex-col",x&&"v-flex-col-reverse",c&&"v-flex-grow",m&&"v-flex-grow-0",$&&"v-flex-inline",f&&"v-flex-nowrap",F&&"v-flex-row",w&&"v-flex-row-reverse",h&&"v-flex-shrink",y&&"v-flex-shrink-0",R&&"v-flex-wrap",N&&"v-flex-wrap-reverse",(M||0===M)&&`v-gap-${M}`,P&&"v-hide",u&&`v-justify-content-${u}`,(C||0===C)&&`v-m-${C}`,(G||0===G)&&`v-mb-${G}`,(H||0===H)&&`v-mx-${H}`,(k||0===k)&&`v-ml-${k}`,(A||0===A)&&`v-mr-${A}`,(W||0===W)&&`v-mt-${W}`,(B||0===B)&&`v-my-${B}`,S&&`v-${S}-media-hide`,(b||0===b)&&`v-p-${b}`,(j||0===j)&&`v-pb-${j}`,(z||0===z)&&`v-px-${z}`,(I||0===I)&&`v-pl-${I}`,(L||0===L)&&`v-pr-${L}`,(T||0===T)&&`v-pt-${T}`,(U||0===U)&&`v-py-${U}`,(V||0===V)&&`v-row-gap-${V}`,l,a.props.className)||void 0;return i(a,{className:J,...E})};a.displayName="UtilityFragment";export{a as default};