@utilitywarehouse/hearth-react 0.33.1 → 0.34.1

package/dist/chunk-EXRVVYBQ.js

@@ -1,4 +0,0 @@
-"use client";
-
-import{a as p}from"./chunk-TEL4ATEW.js";import{a as s}from"./chunk-JWPVXXER.js";import{a as c}from"./chunk-XVM5ECBR.js";import{a as d}from"./chunk-J3AJBV4B.js";import{b as l}from"./chunk-PDEVCIQ3.js";import{forwardRef as A}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";var C="CardActionContent",o=l(C),I=A((f,g)=>{let{heading:v,leadingIcon:i,leadingIconContainerColorScheme:a,trailingIcon:N,helperText:m,className:h,badge:e,badgePlacement:t="bottom",...b}=f;return r("div",{ref:g,className:d(o,h),...b,children:[i?a?n(p,{colorScheme:a,size:"md",fill:"height",borderRadius:"none",children:i}):n("div",{className:`${o}LeadingIcon`,children:i}):null,r("div",{className:`${o}MainWrapper`,children:[r("div",{className:`${o}Main`,"data-badge-placement":t,children:[n(c,{size:"md",weight:"semibold",as:"span",children:v}),e&&t==="middle"?e:null,m?n(s,{children:m}):null,e&&t==="bottom"?e:null]}),e&&t==="right"?e:null,n("div",{className:`${o}TrailingIcon`,children:N})]})]})});I.displayName=C;export{I as a};
-//# sourceMappingURL=chunk-EXRVVYBQ.js.map

package/dist/chunk-ROSGUGBM.js

@@ -1,4 +0,0 @@
-"use client";
-
-import{c as R}from"./chunk-HY32GRZP.js";import{a as b}from"./chunk-GBTQPGQG.js";import{a as f}from"./chunk-JWPVXXER.js";import{a as c}from"./chunk-4MNQRAHO.js";import{a as u}from"./chunk-7X24J4CX.js";import{a as l}from"./chunk-J3AJBV4B.js";import{b as n}from"./chunk-PDEVCIQ3.js";import{forwardRef as E}from"react";import{RadioGroup as N}from"radix-ui";import{jsx as o,jsxs as r}from"react/jsx-runtime";var x="Radio",e=n(x),F=E(({id:y,label:i,helperText:t,image:I,className:h,labelFontWeight:v,"aria-labelledby":a,...G},P)=>{let{id:d,labelId:m,helperTextId:s}=u({providedId:y,prefix:"radio"}),{hasGroupHelperText:C,"aria-describedby":T}=R(),p=!C&&t!==void 0,w=!!i;return r("div",{className:l(e,h),"data-testid":e,children:[o("div",{className:`${e}Container`,children:o(N.Item,{ref:P,...G,id:d,"aria-describedby":p?s:T,"aria-labelledby":a||(i?m:void 0),className:`${e}Item`,children:o(N.Indicator,{className:`${e}Indicator`})})}),w?r(c,{direction:"column",gap:"50",children:[r(b,{id:m,htmlFor:d,disableUserSelect:!0,fontWeight:v,children:[I,i]}),p?o(f,{id:s,disableUserSelect:!0,children:t}):null]}):null]})});F.displayName=x;export{F as a};
-//# sourceMappingURL=chunk-ROSGUGBM.js.map

package/dist/chunk-ROSGUGBM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Radio/Radio.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport type { RadioProps } from './Radio.props';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Flex } from '../Flex/Flex';\nimport { Label } from '../Label/Label';\nimport { useIds } from '../../hooks/use-ids';\nimport { HelperText } from '../HelperText/HelperText';\nimport { useFormGroupBase } from '../FormGroupBase/FormGroupBase.context';\n\nconst COMPONENT_NAME = 'Radio';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype RadioElement = ComponentRef<'button'>;\n\n/**\n * Use Radio to let a user select a single option from a set of mutually\n * exclusive choices, always as a child of RadioGroup. RadioTile is preferred\n * for most cases as it offers a larger, more prominent target — reach for\n * Radio only when a compact, plain radio button is needed.\n *\n * @summary A single radio button for selecting one option from a set, used within RadioGroup.\n */\nexport const Radio = forwardRef<RadioElement, RadioProps>(\n  (\n    {\n      id: providedId,\n      label,\n      helperText,\n      image,\n      className,\n      labelFontWeight,\n      'aria-labelledby': ariaLabelledby,\n      ...props\n    },\n    ref\n  ) => {\n    const { id, labelId, helperTextId } = useIds({ providedId, prefix: 'radio' });\n    const { hasGroupHelperText, 'aria-describedby': ariaDescribedby } = useFormGroupBase();\n    const showHelperText = Boolean(!hasGroupHelperText && helperText !== undefined);\n    const showLabel = !!label;\n    return (\n      <div className={cn(componentClassName, className)} data-testid={componentClassName}>\n        <div className={`${componentClassName}Container`}>\n          <RadioGroupPrimitive.Item\n            ref={ref}\n            {...props}\n            id={id}\n            aria-describedby={showHelperText ? helperTextId : ariaDescribedby}\n            aria-labelledby={ariaLabelledby ? ariaLabelledby : label ? labelId : undefined}\n            className={`${componentClassName}Item`}\n          >\n            <RadioGroupPrimitive.Indicator className={`${componentClassName}Indicator`} />\n          </RadioGroupPrimitive.Item>\n        </div>\n        {showLabel ? (\n          <Flex direction=\"column\" gap=\"50\">\n            <Label id={labelId} htmlFor={id} disableUserSelect fontWeight={labelFontWeight}>\n              {image}\n              {label}\n            </Label>\n            {showHelperText ? (\n              <HelperText id={helperTextId} disableUserSelect>\n                {helperText}\n              </HelperText>\n            ) : null}\n          </Flex>\n        ) : null}\n      </div>\n    );\n  }\n);\n\nRadio.displayName = COMPONENT_NAME;\n"],"mappings":";;wRAEA,OAAS,cAAAA,MAAkB,QAI3B,OAAS,cAAcC,MAA2B,WAkDtC,cAAAC,EAKA,QAAAC,MALA,oBA1CZ,IAAMC,EAAiB,QACjBC,EAAqBC,EAAiBF,CAAc,EAY7CG,EAAQC,EACnB,CACE,CACE,GAAIC,EACJ,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,kBAAmBC,EACnB,GAAGC,CACL,EACAC,IACG,CACH,GAAM,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,CAAa,EAAIC,EAAO,CAAE,WAAAZ,EAAY,OAAQ,OAAQ,CAAC,EACtE,CAAE,mBAAAa,EAAoB,mBAAoBC,CAAgB,EAAIC,EAAiB,EAC/EC,EAAyB,CAACH,GAAsBX,IAAe,OAC/De,EAAY,CAAC,CAAChB,EACpB,OACEP,EAAC,OAAI,UAAWwB,EAAGtB,EAAoBQ,CAAS,EAAG,cAAaR,EAC9D,UAAAH,EAAC,OAAI,UAAW,GAAGG,CAAkB,YACnC,SAAAH,EAAC0B,EAAoB,KAApB,CACC,IAAKX,EACJ,GAAGD,EACJ,GAAIE,EACJ,mBAAkBO,EAAiBL,EAAeG,EAClD,kBAAiBR,IAAkCL,EAAQS,EAAU,QACrE,UAAW,GAAGd,CAAkB,OAEhC,SAAAH,EAAC0B,EAAoB,UAApB,CAA8B,UAAW,GAAGvB,CAAkB,YAAa,EAC9E,EACF,EACCqB,EACCvB,EAAC0B,EAAA,CAAK,UAAU,SAAS,IAAI,KAC3B,UAAA1B,EAAC2B,EAAA,CAAM,GAAIX,EAAS,QAASD,EAAI,kBAAiB,GAAC,WAAYJ,EAC5D,UAAAF,EACAF,GACH,EACCe,EACCvB,EAAC6B,EAAA,CAAW,GAAIX,EAAc,kBAAiB,GAC5C,SAAAT,EACH,EACE,MACN,EACE,MACN,CAEJ,CACF,EAEAJ,EAAM,YAAcH","names":["forwardRef","RadioGroupPrimitive","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","Radio","forwardRef","providedId","label","helperText","image","className","labelFontWeight","ariaLabelledby","props","ref","id","labelId","helperTextId","useIds","hasGroupHelperText","ariaDescribedby","useFormGroupBase","showHelperText","showLabel","cn","RadioGroupPrimitive","Flex","Label","HelperText"]}

package/dist/chunk-RYEI7Q4H.js

@@ -1,4 +0,0 @@
-"use client";
-
-import{c as u}from"./chunk-HY32GRZP.js";import{a as R}from"./chunk-GBTQPGQG.js";import{a as f}from"./chunk-JWPVXXER.js";import{a as n}from"./chunk-RXW6PYP7.js";import{a as c}from"./chunk-4MNQRAHO.js";import{a as b}from"./chunk-7X24J4CX.js";import{a as p}from"./chunk-J3AJBV4B.js";import{b as e}from"./chunk-PDEVCIQ3.js";import{forwardRef as M}from"react";import{RadioGroup as x}from"radix-ui";import{jsx as o,jsxs as i}from"react/jsx-runtime";var I="RadioTile",T=e(I),O=M(({className:N,id:y,label:r,helperText:t,image:P,"aria-labelledby":a,badge:v,flex:C,flexBasis:G,flexShrink:h,flexGrow:B,...E},F)=>{let{id:d,labelId:m,helperTextId:l}=b({providedId:y,prefix:"radio"}),{hasGroupHelperText:H,"aria-describedby":w}=u(),s=!H&&t!==void 0;return o(n,{asChild:!0,"data-testid":T,...{flex:C,flexBasis:G,flexShrink:h,flexGrow:B},children:o(x.Item,{ref:F,className:p(T,N),...E,id:d,"aria-describedby":s?l:w,"aria-labelledby":a||(r?m:void 0),children:i("div",{className:e("RadioContainer"),children:[o("div",{className:e("RadioItem"),children:o(x.Indicator,{className:e("RadioIndicator")})}),i(c,{direction:"column",alignItems:"start",children:[i(R,{id:m,htmlFor:d,disableUserSelect:!0,children:[P,r]}),s?o(f,{id:l,disableUserSelect:!0,children:t}):null,v]})]})})})});O.displayName=I;export{O as a};
-//# sourceMappingURL=chunk-RYEI7Q4H.js.map

package/dist/chunk-RYEI7Q4H.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/RadioTile/RadioTile.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport type { RadioTileProps } from './RadioTile.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport { useIds } from '../../hooks/use-ids';\nimport { Label } from '../Label/Label';\nimport { HelperText } from '../HelperText/HelperText';\nimport { Flex } from '../Flex/Flex';\nimport { useFormGroupBase } from '../FormGroupBase/FormGroupBase.context';\nimport { Box } from '../Box/Box';\n\nconst COMPONENT_NAME = 'RadioTile';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype RadioTileElement = ComponentRef<'button'>;\n\n/**\n * Use RadioTile within a RadioGroup as the default way to present a grouped\n * set of selectable options — it offers a larger, tile-style target than\n * Radio. Use RadioCard instead when the option needs to display additional\n * child content, or Radio for a plain, compact radio button.\n *\n * @summary A tile-styled radio option for use within RadioGroup.\n */\nexport const RadioTile = forwardRef<RadioTileElement, RadioTileProps>(\n  (\n    {\n      className,\n      id: providedId,\n      label,\n      helperText,\n      image,\n      'aria-labelledby': ariaLabelledby,\n      badge,\n      flex,\n      flexBasis,\n      flexShrink,\n      flexGrow,\n      ...props\n    },\n    ref\n  ) => {\n    const { id, labelId, helperTextId } = useIds({ providedId, prefix: 'radio' });\n    const { hasGroupHelperText, 'aria-describedby': ariaDescribedby } = useFormGroupBase();\n    const showHelperText = Boolean(!hasGroupHelperText && helperText !== undefined);\n    const flexItemProps = { flex, flexBasis, flexShrink, flexGrow };\n    return (\n      <Box asChild data-testid={componentClassName} {...flexItemProps}>\n        <RadioGroupPrimitive.Item\n          ref={ref}\n          className={cn(componentClassName, className)}\n          {...props}\n          id={id}\n          aria-describedby={showHelperText ? helperTextId : ariaDescribedby}\n          aria-labelledby={ariaLabelledby ? ariaLabelledby : label ? labelId : undefined}\n        >\n          <div className={withGlobalPrefix('RadioContainer')}>\n            <div className={withGlobalPrefix('RadioItem')}>\n              <RadioGroupPrimitive.Indicator className={withGlobalPrefix('RadioIndicator')} />\n            </div>\n            <Flex direction=\"column\" alignItems=\"start\">\n              <Label id={labelId} htmlFor={id} disableUserSelect>\n                {image}\n                {label}\n              </Label>\n              {showHelperText ? (\n                <HelperText id={helperTextId} disableUserSelect>\n                  {helperText}\n                </HelperText>\n              ) : null}\n              {badge}\n            </Flex>\n          </div>\n        </RadioGroupPrimitive.Item>\n      </Box>\n    );\n  }\n);\n\nRadioTile.displayName = COMPONENT_NAME;\n"],"mappings":";;gUAEA,OAAS,cAAAA,MAAkB,QAK3B,OAAS,cAAcC,MAA2B,WAuDpC,cAAAC,EAGA,QAAAC,MAHA,oBA/Cd,IAAMC,EAAiB,YACjBC,EAAqBC,EAAiBF,CAAc,EAY7CG,EAAYC,EACvB,CACE,CACE,UAAAC,EACA,GAAIC,EACJ,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,kBAAmBC,EACnB,MAAAC,EACA,KAAAC,EACA,UAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,GAAM,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,CAAa,EAAIC,EAAO,CAAE,WAAAf,EAAY,OAAQ,OAAQ,CAAC,EACtE,CAAE,mBAAAgB,EAAoB,mBAAoBC,CAAgB,EAAIC,EAAiB,EAC/EC,EAAyB,CAACH,GAAsBd,IAAe,OAErE,OACEV,EAAC4B,EAAA,CAAI,QAAO,GAAC,cAAazB,EAAqB,GAF3B,CAAE,KAAAW,EAAM,UAAAC,EAAW,WAAAC,EAAY,SAAAC,CAAS,EAG1D,SAAAjB,EAAC6B,EAAoB,KAApB,CACC,IAAKV,EACL,UAAWW,EAAG3B,EAAoBI,CAAS,EAC1C,GAAGW,EACJ,GAAIE,EACJ,mBAAkBO,EAAiBL,EAAeG,EAClD,kBAAiBb,IAAkCH,EAAQY,EAAU,QAErE,SAAApB,EAAC,OAAI,UAAWG,EAAiB,gBAAgB,EAC/C,UAAAJ,EAAC,OAAI,UAAWI,EAAiB,WAAW,EAC1C,SAAAJ,EAAC6B,EAAoB,UAApB,CAA8B,UAAWzB,EAAiB,gBAAgB,EAAG,EAChF,EACAH,EAAC8B,EAAA,CAAK,UAAU,SAAS,WAAW,QAClC,UAAA9B,EAAC+B,EAAA,CAAM,GAAIX,EAAS,QAASD,EAAI,kBAAiB,GAC/C,UAAAT,EACAF,GACH,EACCkB,EACC3B,EAACiC,EAAA,CAAW,GAAIX,EAAc,kBAAiB,GAC5C,SAAAZ,EACH,EACE,KACHG,GACH,GACF,EACF,EACF,CAEJ,CACF,EAEAR,EAAU,YAAcH","names":["forwardRef","RadioGroupPrimitive","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","RadioTile","forwardRef","className","providedId","label","helperText","image","ariaLabelledby","badge","flex","flexBasis","flexShrink","flexGrow","props","ref","id","labelId","helperTextId","useIds","hasGroupHelperText","ariaDescribedby","useFormGroupBase","showHelperText","Box","RadioGroupPrimitive","cn","Flex","Label","HelperText"]}

package/dist/chunk-YNEPOYJV.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-var _chunkWSD52THLcjs = require('./chunk-WSD52THL.cjs');var _chunkMZMYW4KCcjs = require('./chunk-MZMYW4KC.cjs');var _chunkRAIRXO6Fcjs = require('./chunk-RAIRXO6F.cjs');var _chunkQKGE3FJXcjs = require('./chunk-QKGE3FJX.cjs');var _chunkRIHABKWYcjs = require('./chunk-RIHABKWY.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var x="Radio",e=_chunk4Q432K4Wcjs.b.call(void 0, x),F= exports.a =_react.forwardRef.call(void 0, ({id:y,label:i,helperText:t,image:I,className:h,labelFontWeight:v,"aria-labelledby":a,...G},P)=>{let{id:d,labelId:m,helperTextId:s}=_chunkRIHABKWYcjs.a.call(void 0, {providedId:y,prefix:"radio"}),{hasGroupHelperText:C,"aria-describedby":T}=_chunkWSD52THLcjs.c.call(void 0, ),p=!C&&t!==void 0,w=!!i;return _jsxruntime.jsxs.call(void 0, "div",{className:_chunkONNSZMWFcjs.a.call(void 0, e,h),"data-testid":e,children:[_jsxruntime.jsx.call(void 0, "div",{className:`${e}Container`,children:_jsxruntime.jsx.call(void 0, _radixui.RadioGroup.Item,{ref:P,...G,id:d,"aria-describedby":p?s:T,"aria-labelledby":a||(i?m:void 0),className:`${e}Item`,children:_jsxruntime.jsx.call(void 0, _radixui.RadioGroup.Indicator,{className:`${e}Indicator`})})}),w?_jsxruntime.jsxs.call(void 0, _chunkQKGE3FJXcjs.a,{direction:"column",gap:"50",children:[_jsxruntime.jsxs.call(void 0, _chunkMZMYW4KCcjs.a,{id:m,htmlFor:d,disableUserSelect:!0,fontWeight:v,children:[I,i]}),p?_jsxruntime.jsx.call(void 0, _chunkRAIRXO6Fcjs.a,{id:s,disableUserSelect:!0,children:t}):null]}):null]})});F.displayName=x;exports.a = F;
-//# sourceMappingURL=chunk-YNEPOYJV.cjs.map

package/dist/chunk-YNEPOYJV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-YNEPOYJV.cjs","../src/components/Radio/Radio.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Radio","forwardRef","providedId","label","helperText","image","className","labelFontWeight","ariaLabelledby","props","ref","id","labelId","helperTextId","useIds","hasGroupHelperText","ariaDescribedby","useFormGroupBase","showHelperText","showLabel","jsxs","cn","jsx"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCAnQ,mCAIuB,+CAkDtC,IA1CNA,CAAAA,CAAiB,OAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAY7CC,CAAAA,aAAQC,+BAAAA,CAEjB,CACE,EAAA,CAAIC,CAAAA,CACJ,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,iBAAA,CAAmBC,CAAAA,CACnB,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,GAAM,CAAE,EAAA,CAAAC,CAAAA,CAAI,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAAC,CAAa,CAAA,CAAIC,iCAAAA,CAAS,UAAA,CAAAZ,CAAAA,CAAY,MAAA,CAAQ,OAAQ,CAAC,CAAA,CACtE,CAAE,kBAAA,CAAAa,CAAAA,CAAoB,kBAAA,CAAoBC,CAAgB,CAAA,CAAIC,iCAAAA,CAAiB,CAC/EC,CAAAA,CAAyB,CAACH,CAAAA,EAAsBX,CAAAA,GAAe,KAAA,CAAA,CAC/De,CAAAA,CAAY,CAAC,CAAChB,CAAAA,CACpB,OACEiB,8BAAAA,KAAC,CAAA,CAAI,SAAA,CAAWC,iCAAAA,CAAGvB,CAAoBQ,CAAS,CAAA,CAAG,aAAA,CAAaR,CAAAA,CAC9D,QAAA,CAAA,CAAAwB,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-YNEPOYJV.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport type { RadioProps } from './Radio.props';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Flex } from '../Flex/Flex';\nimport { Label } from '../Label/Label';\nimport { useIds } from '../../hooks/use-ids';\nimport { HelperText } from '../HelperText/HelperText';\nimport { useFormGroupBase } from '../FormGroupBase/FormGroupBase.context';\n\nconst COMPONENT_NAME = 'Radio';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype RadioElement = ComponentRef<'button'>;\n\n/**\n * Use Radio to let a user select a single option from a set of mutually\n * exclusive choices, always as a child of RadioGroup. RadioTile is preferred\n * for most cases as it offers a larger, more prominent target — reach for\n * Radio only when a compact, plain radio button is needed.\n *\n * @summary A single radio button for selecting one option from a set, used within RadioGroup.\n */\nexport const Radio = forwardRef<RadioElement, RadioProps>(\n  (\n    {\n      id: providedId,\n      label,\n      helperText,\n      image,\n      className,\n      labelFontWeight,\n      'aria-labelledby': ariaLabelledby,\n      ...props\n    },\n    ref\n  ) => {\n    const { id, labelId, helperTextId } = useIds({ providedId, prefix: 'radio' });\n    const { hasGroupHelperText, 'aria-describedby': ariaDescribedby } = useFormGroupBase();\n    const showHelperText = Boolean(!hasGroupHelperText && helperText !== undefined);\n    const showLabel = !!label;\n    return (\n      <div className={cn(componentClassName, className)} data-testid={componentClassName}>\n        <div className={`${componentClassName}Container`}>\n          <RadioGroupPrimitive.Item\n            ref={ref}\n            {...props}\n            id={id}\n            aria-describedby={showHelperText ? helperTextId : ariaDescribedby}\n            aria-labelledby={ariaLabelledby ? ariaLabelledby : label ? labelId : undefined}\n            className={`${componentClassName}Item`}\n          >\n            <RadioGroupPrimitive.Indicator className={`${componentClassName}Indicator`} />\n          </RadioGroupPrimitive.Item>\n        </div>\n        {showLabel ? (\n          <Flex direction=\"column\" gap=\"50\">\n            <Label id={labelId} htmlFor={id} disableUserSelect fontWeight={labelFontWeight}>\n              {image}\n              {label}\n            </Label>\n            {showHelperText ? (\n              <HelperText id={helperTextId} disableUserSelect>\n                {helperText}\n              </HelperText>\n            ) : null}\n          </Flex>\n        ) : null}\n      </div>\n    );\n  }\n);\n\nRadio.displayName = COMPONENT_NAME;\n"]}