@utilitywarehouse/hearth-react 0.34.0 → 0.34.2

package/dist/chunk-CWAYK23X.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-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-HP7AVYAK.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-var _chunkMZMYW4KCcjs = require('./chunk-MZMYW4KC.cjs');var _chunkWSD52THLcjs = require('./chunk-WSD52THL.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-HP7AVYAK.cjs.map

package/dist/chunk-HP7AVYAK.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-HP7AVYAK.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-HP7AVYAK.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"]}

package/dist/chunk-LFHNFACK.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-var _chunkMZMYW4KCcjs = require('./chunk-MZMYW4KC.cjs');var _chunkWSD52THLcjs = require('./chunk-WSD52THL.cjs');var _chunkRAIRXO6Fcjs = require('./chunk-RAIRXO6F.cjs');var _chunkQKGE3FJXcjs = require('./chunk-QKGE3FJX.cjs');var _chunkIVFMFU6Ucjs = require('./chunk-IVFMFU6U.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 I="RadioTile",T=_chunk4Q432K4Wcjs.b.call(void 0, I),O= exports.a =_react.forwardRef.call(void 0, ({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}=_chunkRIHABKWYcjs.a.call(void 0, {providedId:y,prefix:"radio"}),{hasGroupHelperText:H,"aria-describedby":w}=_chunkWSD52THLcjs.c.call(void 0, ),s=!H&&t!==void 0;return _jsxruntime.jsx.call(void 0, _chunkIVFMFU6Ucjs.a,{asChild:!0,"data-testid":T,...{flex:C,flexBasis:G,flexShrink:h,flexGrow:B},children:_jsxruntime.jsx.call(void 0, _radixui.RadioGroup.Item,{ref:F,className:_chunkONNSZMWFcjs.a.call(void 0, T,N),...E,id:d,"aria-describedby":s?l:w,"aria-labelledby":a||(r?m:void 0),children:_jsxruntime.jsxs.call(void 0, "div",{className:_chunk4Q432K4Wcjs.b.call(void 0, "RadioContainer"),children:[_jsxruntime.jsx.call(void 0, "div",{className:_chunk4Q432K4Wcjs.b.call(void 0, "RadioItem"),children:_jsxruntime.jsx.call(void 0, _radixui.RadioGroup.Indicator,{className:_chunk4Q432K4Wcjs.b.call(void 0, "RadioIndicator")})}),_jsxruntime.jsxs.call(void 0, _chunkQKGE3FJXcjs.a,{direction:"column",alignItems:"start",children:[_jsxruntime.jsxs.call(void 0, _chunkMZMYW4KCcjs.a,{id:m,htmlFor:d,disableUserSelect:!0,children:[P,r]}),s?_jsxruntime.jsx.call(void 0, _chunkRAIRXO6Fcjs.a,{id:l,disableUserSelect:!0,children:t}):null,v]})]})})})});O.displayName=I;exports.a = O;
-//# sourceMappingURL=chunk-LFHNFACK.cjs.map

package/dist/chunk-LFHNFACK.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-LFHNFACK.cjs","../src/components/RadioTile/RadioTile.tsx"],"names":["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","jsx","Box","RadioGroupPrimitive","cn","jsxs","Flex","Label","HelperText"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCA5S,mCAKuB,+CAuDpC,IA/CRA,CAAAA,CAAiB,WAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAY7CC,CAAAA,aAAYC,+BAAAA,CAErB,CACE,SAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,iBAAA,CAAmBC,CAAAA,CACnB,KAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,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,CAAAf,CAAAA,CAAY,MAAA,CAAQ,OAAQ,CAAC,CAAA,CACtE,CAAE,kBAAA,CAAAgB,CAAAA,CAAoB,kBAAA,CAAoBC,CAAgB,CAAA,CAAIC,iCAAAA,CAAiB,CAC/EC,CAAAA,CAAyB,CAACH,CAAAA,EAAsBd,CAAAA,GAAe,KAAA,CAAA,CAErE,OACEkB,6BAAAA,mBAACC,CAAA,CAAI,OAAA,CAAO,CAAA,CAAA,CAAC,aAAA,CAAa1B,CAAAA,CAAqB,GAF3B,CAAE,IAAA,CAAAW,CAAAA,CAAM,SAAA,CAAAC,CAAAA,CAAW,UAAA,CAAAC,CAAAA,CAAY,QAAA,CAAAC,CAAS,CAAA,CAG1D,QAAA,CAAAW,6BAAAA,mBAACE,CAAoB,IAAA,CAApB,CACC,GAAA,CAAKX,CAAAA,CACL,SAAA,CAAWY,iCAAAA,CAAG5B,CAAoBI,CAAS,CAAA,CAC1C,GAAGW,CAAAA,CACJ,EAAA,CAAIE,CAAAA,CACJ,kBAAA,CAAkBO,CAAAA,CAAiBL,CAAAA,CAAeG,CAAAA,CAClD,iBAAA,CAAiBb,CAAAA,EAAAA,CAAkCH,CAAAA,CAAQY,CAAAA,CAAU,KAAA,CAAA,CAAA,CAErE,QAAA,CAAAW,8BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW5B,iCAAAA,gBAAiC,CAAA,CAC/C,QAAA,CAAA,CAAAwB,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAWxB,iCAAAA,WAA4B,CAAA,CAC1C,QAAA,CAAAwB,6BAAAA,mBAACE,CAAoB,SAAA,CAApB,CAA8B,SAAA,CAAW1B,iCAAAA,gBAAiC,CAAA,CAAG,CAAA,CAChF,CAAA,CACA4B,8BAAAA,mBAACC,CAAA,CAAK,SAAA,CAAU,QAAA,CAAS,UAAA,CAAW,OAAA,CAClC,QAAA,CAAA,CAAAD,8BAAAA,mBAACE,CAAA,CAAM,EAAA,CAAIb,CAAAA,CAAS,OAAA,CAASD,CAAAA,CAAI,iBAAA,CAAiB,CAAA,CAAA,CAC/C,QAAA,CAAA,CAAAT,CAAAA,CACAF,CAAAA,CAAAA,CACH,CAAA,CACCkB,CAAAA,CACCC,6BAAAA,mBAACO,CAAA,CAAW,EAAA,CAAIb,CAAAA,CAAc,iBAAA,CAAiB,CAAA,CAAA,CAC5C,QAAA,CAAAZ,CAAAA,CACH,CAAA,CACE,IAAA,CACHG,CAAAA,CAAAA,CACH,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CACF,CAEJ,CACF,CAAA,CAEAR,CAAAA,CAAU,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-LFHNFACK.cjs","sourcesContent":[null,"'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"]}