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

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

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