@utilitywarehouse/hearth-react 0.24.6 → 0.24.8

package/dist/chunk-FDKVJZ4L.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/TextInput/TextInput.tsx"],"sourcesContent":["'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { TextInputProps } from './TextInput.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { cn } from '../../helpers/cn';\nimport { useIds } from '../../hooks/use-ids';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { InputBase } from '../InputBase/InputBase';\nimport { FormField } from '../FormField/FormField';\n\nconst COMPONENT_NAME = 'TextInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const TextInput = (props: TextInputProps) => {\n  const {\n    className,\n    validationStatus,\n    validationText,\n    label,\n    labelVariant,\n    helperText,\n    children,\n    id: providedId,\n    disabled,\n    readOnly,\n    hideLabel,\n    required,\n    placeholder,\n    'aria-describedby': ariaDescribedby,\n    ...textInputProps\n  } = extractProps(props, marginPropDefs);\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'text-input',\n  });\n\n  const showValidation = Boolean(!readOnly && !disabled);\n\n  const formFieldProps = {\n    id,\n    labelId,\n    helperTextId,\n    validationTextId,\n    label,\n    labelVariant,\n    helperText,\n    validationText: showValidation ? validationText : undefined,\n    validationStatus: showValidation ? validationStatus : undefined,\n    hideLabel,\n    required,\n  };\n\n  const ariaDescribedbyValue = mergeIds(\n    ariaDescribedby,\n    !!helperText ? helperTextId : undefined,\n    showValidation && validationText !== undefined ? validationTextId : undefined\n  );\n\n  return (\n    <FormField\n      className={cn(componentClassName, className)}\n      data-disabled={disabled ? '' : undefined}\n      {...formFieldProps}\n    >\n      <InputBase\n        spellCheck=\"false\"\n        id={id}\n        required={required}\n        disabled={disabled}\n        readOnly={readOnly}\n        placeholder={!disabled ? placeholder : undefined}\n        aria-labelledby={labelId}\n        aria-describedby={ariaDescribedbyValue}\n        aria-invalid={validationStatus === 'invalid' ? true : undefined}\n        aria-errormessage={validationStatus === 'invalid' ? validationTextId : undefined}\n        {...textInputProps}\n      >\n        {children}\n      </InputBase>\n    </FormField>\n  );\n};\n\nTextInput.displayName = COMPONENT_NAME;\n"],"mappings":"gUAmEM,cAAAA,MAAA,oBAvDN,IAAMC,EAAiB,YACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAaC,GAA0B,CAClD,GAAM,CACJ,UAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAIC,EACJ,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,YAAAC,EACA,mBAAoBC,EACpB,GAAGC,CACL,EAAIC,EAAahB,EAAOiB,CAAc,EAEhC,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,EAAc,iBAAAC,CAAiB,EAAIC,EAAO,CAC7D,WAAAd,EACA,OAAQ,YACV,CAAC,EAEKe,EAAyB,CAACb,GAAY,CAACD,EAEvCe,EAAiB,CACrB,GAAAN,EACA,QAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,MAAAjB,EACA,aAAAC,EACA,WAAAC,EACA,eAAgBiB,EAAiBpB,EAAiB,OAClD,iBAAkBoB,EAAiBrB,EAAmB,OACtD,UAAAS,EACA,SAAAC,CACF,EAEMa,EAAuBC,EAC3BZ,EACER,EAAac,EAAe,OAC9BG,GAAkBpB,IAAmB,OAAYkB,EAAmB,MACtE,EAEA,OACE1B,EAACgC,EAAA,CACC,UAAWC,EAAG/B,EAAoBI,CAAS,EAC3C,gBAAeQ,EAAW,GAAK,OAC9B,GAAGe,EAEJ,SAAA7B,EAACkC,EAAA,CACC,WAAW,QACX,GAAIX,EACJ,SAAUN,EACV,SAAUH,EACV,SAAUC,EACV,YAAcD,EAAyB,OAAdI,EACzB,kBAAiBM,EACjB,mBAAkBM,EAClB,eAAcvB,IAAqB,UAAY,GAAO,OACtD,oBAAmBA,IAAqB,UAAYmB,EAAmB,OACtE,GAAGN,EAEH,SAAAR,EACH,EACF,CAEJ,EAEAR,EAAU,YAAcH","names":["jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","TextInput","props","className","validationStatus","validationText","label","labelVariant","helperText","children","providedId","disabled","readOnly","hideLabel","required","placeholder","ariaDescribedby","textInputProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","FormField","cn","InputBase"]}

package/dist/chunk-G7Y34WPT.js

@@ -1,2 +0,0 @@
-import{a as N}from"./chunk-GPJMFFSG.js";import{c as y}from"./chunk-5OLLJKEO.js";import{c as v}from"./chunk-VWSFBMZ6.js";import{a}from"./chunk-SJLMCKQK.js";import{a as P}from"./chunk-PMBMCMN7.js";import{a as I}from"./chunk-W6VYE222.js";import{a as T}from"./chunk-L4OZ3M5X.js";import{a as u}from"./chunk-TONM4LZL.js";import{a as k}from"./chunk-MSHCGZ4G.js";import{b as C}from"./chunk-TXDSZ3MR.js";import{TickSmallIcon as M}from"@utilitywarehouse/hearth-react-icons";import{Checkbox as g}from"radix-ui";import{jsx as i,jsxs as c}from"react/jsx-runtime";var F="Checkbox",t=C(F),O=G=>{let{id:H,label:l,helperText:s,className:L,disabled:m,onCheckedChange:n,value:e="on","aria-labelledby":w,image:R,...S}=u(G,I),{id:d,labelId:p,helperTextId:b}=T({providedId:H,prefix:"checkbox"}),o=y(),r=v(),U=r?.value?.includes(e),D=o?.hasGroupHelperText,E=o?o["aria-describedby"]:"",h=!D&&!!s,x=!!l;return c(a,{className:k(t,L),"data-disabled":m?"":void 0,children:[i(g.Root,{className:`${t}Root`,name:r?.name,checked:U,value:e,...S,id:d,disabled:m,"aria-describedby":h?b:E,"aria-labelledby":w||x?p:void 0,onCheckedChange:f=>{o&&(f?r?.onItemCheck(e):r?.onItemUncheck(e)),n&&n(f)},children:i(g.Indicator,{asChild:!0,className:`${t}Indicator`,children:i(M,{})})}),x?c(a,{direction:"column",gap:"50",children:[c(N,{id:p,htmlFor:d,disableUserSelect:!0,children:[R,l]}),h?i(P,{id:b,disableUserSelect:!0,children:s}):null]}):null]})};O.displayName=F;export{O as a};
-//# sourceMappingURL=chunk-G7Y34WPT.js.map

package/dist/chunk-G7Y34WPT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../helpers/cn';\nimport type { CheckboxProps } from './Checkbox.props';\nimport { Flex } from '../Flex/Flex';\nimport { Label } from '../Label/Label';\nimport { HelperText } from '../HelperText/HelperText';\nimport { TickSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { useIds } from '../../hooks/use-ids';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { useCheckboxGroup } from '../CheckboxGroup/CheckboxGroup.context';\nimport { useFormGroupBase } from '../FormGroupBase/FormGroupBase.context';\n\nconst COMPONENT_NAME = 'Checkbox';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Checkbox = (props: CheckboxProps) => {\n  const {\n    id: providedId,\n    label,\n    helperText,\n    className,\n    disabled,\n    onCheckedChange,\n    value = 'on',\n    'aria-labelledby': ariaLabelledby,\n    image,\n    ...checkboxProps\n  } = extractProps(props, marginPropDefs);\n  const { id, labelId, helperTextId } = useIds({ providedId, prefix: 'checkbox' });\n  const context = useFormGroupBase();\n  const checkboxContext = useCheckboxGroup();\n  const checked = checkboxContext?.value?.includes(value);\n  const hasGroupHelperText = context?.hasGroupHelperText;\n  const ariaDescribedby = context ? context['aria-describedby'] : '';\n  const showHelperText = !hasGroupHelperText && !!helperText;\n  const showLabel = !!label;\n\n  return (\n    <Flex className={cn(componentClassName, className)} data-disabled={disabled ? '' : undefined}>\n      <CheckboxPrimitive.Root\n        className={`${componentClassName}Root`}\n        name={checkboxContext?.name}\n        checked={checked}\n        value={value}\n        {...checkboxProps}\n        id={id}\n        disabled={disabled}\n        aria-describedby={showHelperText ? helperTextId : ariaDescribedby}\n        aria-labelledby={ariaLabelledby || showLabel ? labelId : undefined}\n        onCheckedChange={(checked: boolean) => {\n          if (context) {\n            if (checked) {\n              checkboxContext?.onItemCheck(value);\n            } else {\n              checkboxContext?.onItemUncheck(value);\n            }\n          }\n          if (onCheckedChange) {\n            onCheckedChange(checked);\n          }\n        }}\n      >\n        <CheckboxPrimitive.Indicator asChild className={`${componentClassName}Indicator`}>\n          <TickSmallIcon />\n        </CheckboxPrimitive.Indicator>\n      </CheckboxPrimitive.Root>\n      {showLabel ? (\n        <Flex direction=\"column\" gap=\"50\">\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        </Flex>\n      ) : null}\n    </Flex>\n  );\n};\n\nCheckbox.displayName = COMPONENT_NAME;\n"],"mappings":"2YAOA,OAAS,iBAAAA,MAAqB,uCAK9B,OAAS,YAAYC,MAAyB,WAuDpC,cAAAC,EAKA,QAAAC,MALA,oBAnDV,IAAMC,EAAiB,WACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAYC,GAAyB,CAChD,GAAM,CACJ,GAAIC,EACJ,MAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,MAAAC,EAAQ,KACR,kBAAmBC,EACnB,MAAAC,EACA,GAAGC,CACL,EAAIC,EAAaX,EAAOY,CAAc,EAChC,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,CAAa,EAAIC,EAAO,CAAE,WAAAf,EAAY,OAAQ,UAAW,CAAC,EACzEgB,EAAUC,EAAiB,EAC3BC,EAAkBC,EAAiB,EACnCC,EAAUF,GAAiB,OAAO,SAASZ,CAAK,EAChDe,EAAqBL,GAAS,mBAC9BM,EAAkBN,EAAUA,EAAQ,kBAAkB,EAAI,GAC1DO,EAAiB,CAACF,GAAsB,CAAC,CAACnB,EAC1CsB,EAAY,CAAC,CAACvB,EAEpB,OACEP,EAAC+B,EAAA,CAAK,UAAWC,EAAG9B,EAAoBO,CAAS,EAAG,gBAAeC,EAAW,GAAK,OACjF,UAAAX,EAACkC,EAAkB,KAAlB,CACC,UAAW,GAAG/B,CAAkB,OAChC,KAAMsB,GAAiB,KACvB,QAASE,EACT,MAAOd,EACN,GAAGG,EACJ,GAAIG,EACJ,SAAUR,EACV,mBAAkBmB,EAAiBT,EAAeQ,EAClD,kBAAiBf,GAAkBiB,EAAYX,EAAU,OACzD,gBAAkBO,GAAqB,CACjCJ,IACEI,EACFF,GAAiB,YAAYZ,CAAK,EAElCY,GAAiB,cAAcZ,CAAK,GAGpCD,GACFA,EAAgBe,CAAO,CAE3B,EAEA,SAAA3B,EAACkC,EAAkB,UAAlB,CAA4B,QAAO,GAAC,UAAW,GAAG/B,CAAkB,YACnE,SAAAH,EAACmC,EAAA,EAAc,EACjB,EACF,EACCJ,EACC9B,EAAC+B,EAAA,CAAK,UAAU,SAAS,IAAI,KAC3B,UAAA/B,EAACmC,EAAA,CAAM,GAAIhB,EAAS,QAASD,EAAI,kBAAiB,GAC/C,UAAAJ,EACAP,GACH,EACCsB,EACC9B,EAACqC,EAAA,CAAW,GAAIhB,EAAc,kBAAiB,GAC5C,SAAAZ,EACH,EACE,MACN,EACE,MACN,CAEJ,EAEAJ,EAAS,YAAcH","names":["TickSmallIcon","CheckboxPrimitive","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","Checkbox","props","providedId","label","helperText","className","disabled","onCheckedChange","value","ariaLabelledby","image","checkboxProps","extractProps","marginPropDefs","id","labelId","helperTextId","useIds","context","useFormGroupBase","checkboxContext","useCheckboxGroup","checked","hasGroupHelperText","ariaDescribedby","showHelperText","showLabel","Flex","cn","CheckboxPrimitive","TickSmallIcon","Label","HelperText"]}

package/dist/chunk-GWJIBJV5.js

@@ -1,2 +0,0 @@
-import{a as C}from"./chunk-GPJMFFSG.js";import{c as I}from"./chunk-5OLLJKEO.js";import{c as T}from"./chunk-VWSFBMZ6.js";import{a as f}from"./chunk-SJLMCKQK.js";import{a as k}from"./chunk-PMBMCMN7.js";import{a as u}from"./chunk-L4OZ3M5X.js";import{a as h}from"./chunk-MSHCGZ4G.js";import{b as x}from"./chunk-TXDSZ3MR.js";import{TickSmallIcon as E}from"@utilitywarehouse/hearth-react-icons";import{Checkbox as N}from"radix-ui";import{jsx as i,jsxs as t}from"react/jsx-runtime";var P="CheckboxTile",y=x(P),M=({className:G,id:H,disabled:c,value:e="on",onCheckedChange:a,label:l,helperText:s,image:F,"aria-labelledby":w,...L})=>{let{id:m,labelId:n,helperTextId:b}=u({providedId:H,prefix:"radio"}),o=I(),r=T(),R=r?.value?.includes(e),S=o?.hasGroupHelperText,U=o?o["aria-describedby"]:"",d=!S&&!!s,v=!!l;return t("label",{className:h(y,G),"data-disabled":c?"":void 0,children:[i(N.Root,{className:"h-CheckboxRoot",name:r?.name,checked:R,value:e,...L,id:m,disabled:c,"aria-describedby":d?b:U,"aria-labelledby":w||v?n:void 0,onCheckedChange:p=>{o&&(p?r?.onItemCheck(e):r?.onItemUncheck(e)),a&&a(p)},children:i(N.Indicator,{asChild:!0,className:`${y}Indicator`,children:i(E,{})})}),t(f,{direction:"column",children:[t(C,{id:n,htmlFor:m,disableUserSelect:!0,children:[F,l]}),d?i(k,{id:b,disableUserSelect:!0,children:s}):null]})]})};M.displayName=P;export{M as a};
-//# sourceMappingURL=chunk-GWJIBJV5.js.map

package/dist/chunk-GWJIBJV5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CheckboxTile/CheckboxTile.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { useIds } from '../../hooks/use-ids';\nimport { TickSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { Label } from '../Label/Label';\nimport { HelperText } from '../HelperText/HelperText';\nimport { Flex } from '../Flex/Flex';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { useCheckboxGroup } from '../CheckboxGroup/CheckboxGroup.context';\nimport { useFormGroupBase } from '../FormGroupBase/FormGroupBase.context';\nimport type { CheckboxProps } from '../Checkbox/Checkbox.props';\n\nconst COMPONENT_NAME = 'CheckboxTile';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const CheckboxTile = ({\n  className,\n  id: providedId,\n  disabled,\n  value = 'on',\n  onCheckedChange,\n  label,\n  helperText,\n  image,\n  'aria-labelledby': ariaLabelledby,\n  ...props\n}: CheckboxProps) => {\n  const { id, labelId, helperTextId } = useIds({ providedId, prefix: 'radio' });\n  const context = useFormGroupBase();\n  const checkboxContext = useCheckboxGroup();\n  const checked = checkboxContext?.value?.includes(value);\n  const hasGroupHelperText = context?.hasGroupHelperText;\n  const ariaDescribedby = context ? context['aria-describedby'] : '';\n  const showHelperText = !hasGroupHelperText && !!helperText;\n  const showLabel = !!label;\n\n  return (\n    <label className={cn(componentClassName, className)} data-disabled={disabled ? '' : undefined}>\n      <CheckboxPrimitive.Root\n        className=\"h-CheckboxRoot\"\n        name={checkboxContext?.name}\n        checked={checked}\n        value={value}\n        {...props}\n        id={id}\n        disabled={disabled}\n        aria-describedby={showHelperText ? helperTextId : ariaDescribedby}\n        aria-labelledby={ariaLabelledby || showLabel ? labelId : undefined}\n        onCheckedChange={(checked: boolean) => {\n          if (context) {\n            if (checked) {\n              checkboxContext?.onItemCheck(value);\n            } else {\n              checkboxContext?.onItemUncheck(value);\n            }\n          }\n          if (onCheckedChange) {\n            onCheckedChange(checked);\n          }\n        }}\n      >\n        <CheckboxPrimitive.Indicator asChild className={`${componentClassName}Indicator`}>\n          <TickSmallIcon />\n        </CheckboxPrimitive.Indicator>\n      </CheckboxPrimitive.Root>\n      <Flex direction=\"column\">\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      </Flex>\n    </label>\n  );\n};\n\nCheckboxTile.displayName = COMPONENT_NAME;\n"],"mappings":"gUAKA,OAAS,iBAAAA,MAAqB,uCAI9B,OAAS,YAAYC,MAAyB,WAuDpC,cAAAC,EAIF,QAAAC,MAJE,oBAlDV,IAAMC,EAAiB,eACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAe,CAAC,CAC3B,UAAAC,EACA,GAAIC,EACJ,SAAAC,EACA,MAAAC,EAAQ,KACR,gBAAAC,EACA,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,kBAAmBC,EACnB,GAAGC,CACL,IAAqB,CACnB,GAAM,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,CAAa,EAAIC,EAAO,CAAE,WAAAZ,EAAY,OAAQ,OAAQ,CAAC,EACtEa,EAAUC,EAAiB,EAC3BC,EAAkBC,EAAiB,EACnCC,EAAUF,GAAiB,OAAO,SAASb,CAAK,EAChDgB,EAAqBL,GAAS,mBAC9BM,EAAkBN,EAAUA,EAAQ,kBAAkB,EAAI,GAC1DO,EAAiB,CAACF,GAAsB,CAAC,CAACb,EAC1CgB,EAAY,CAAC,CAACjB,EAEpB,OACEV,EAAC,SAAM,UAAW4B,EAAG1B,EAAoBG,CAAS,EAAG,gBAAeE,EAAW,GAAK,OAClF,UAAAR,EAAC8B,EAAkB,KAAlB,CACC,UAAU,iBACV,KAAMR,GAAiB,KACvB,QAASE,EACT,MAAOf,EACN,GAAGM,EACJ,GAAIC,EACJ,SAAUR,EACV,mBAAkBmB,EAAiBT,EAAeQ,EAClD,kBAAiBZ,GAAkBc,EAAYX,EAAU,OACzD,gBAAkBO,GAAqB,CACjCJ,IACEI,EACFF,GAAiB,YAAYb,CAAK,EAElCa,GAAiB,cAAcb,CAAK,GAGpCC,GACFA,EAAgBc,CAAO,CAE3B,EAEA,SAAAxB,EAAC8B,EAAkB,UAAlB,CAA4B,QAAO,GAAC,UAAW,GAAG3B,CAAkB,YACnE,SAAAH,EAAC+B,EAAA,EAAc,EACjB,EACF,EACA9B,EAAC+B,EAAA,CAAK,UAAU,SACd,UAAA/B,EAACgC,EAAA,CAAM,GAAIhB,EAAS,QAASD,EAAI,kBAAiB,GAC/C,UAAAH,EACAF,GACH,EACCgB,EACC3B,EAACkC,EAAA,CAAW,GAAIhB,EAAc,kBAAiB,GAC5C,SAAAN,EACH,EACE,MACN,GACF,CAEJ,EAEAP,EAAa,YAAcH","names":["TickSmallIcon","CheckboxPrimitive","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","CheckboxTile","className","providedId","disabled","value","onCheckedChange","label","helperText","image","ariaLabelledby","props","id","labelId","helperTextId","useIds","context","useFormGroupBase","checkboxContext","useCheckboxGroup","checked","hasGroupHelperText","ariaDescribedby","showHelperText","showLabel","cn","CheckboxPrimitive","TickSmallIcon","Flex","Label","HelperText"]}

package/dist/chunk-HSPOCJ5A.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _react = require('react');var e=_react.createContext.call(void 0, {hasGroupHelperText:!1}),a= exports.b =e.Provider,s= exports.c =()=>_react.useContext.call(void 0, e);exports.a = e; exports.b = a; exports.c = s;
-//# sourceMappingURL=chunk-HSPOCJ5A.cjs.map

package/dist/chunk-HSPOCJ5A.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/FormGroupBase/FormGroupBase.context.ts"],"names":["FormGroupBaseContext","createContext","FormGroupBaseProvider","useFormGroupBase","useContext"],"mappings":"AAAA,uGAA0C,IAO7BA,CAAAA,CAAuBC,kCAAAA,CAClC,kBAAA,CAAoB,CAAA,CACtB,CAA8B,CAAA,CAEjBC,CAAAA,aAAwBF,CAAAA,CAAqB,QAAA,CAE7CG,CAAAA,aAAmB,CAAA,CAAA,EAAMC,+BAAAA,CAA+B,CAAA,CAAA,4CAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-HSPOCJ5A.cjs","sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type FormGroupBaseContextValue = {\n  hasGroupHelperText: boolean;\n  'aria-describedby'?: string;\n};\n\nexport const FormGroupBaseContext = createContext<FormGroupBaseContextValue>({\n  hasGroupHelperText: false,\n} as FormGroupBaseContextValue);\n\nexport const FormGroupBaseProvider = FormGroupBaseContext.Provider;\n\nexport const useFormGroupBase = () => useContext(FormGroupBaseContext);\n"]}

package/dist/chunk-IKEE4VU6.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkXZ4N5OAUcjs = require('./chunk-XZ4N5OAU.cjs');var _chunk473MYGXAcjs = require('./chunk-473MYGXA.cjs');var _chunkFI2VFQQEcjs = require('./chunk-FI2VFQQE.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunkCMZ47UG6cjs = require('./chunk-CMZ47UG6.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _jsxruntime = require('react/jsx-runtime');var g="List",e=_chunk7LZI6HLWcjs.b.call(void 0, g),S= exports.a =h=>{let{as:r="ul",className:C,colorScheme:t=void 0,variant:i,heading:a,headingElement:P,helperText:u,trailingContent:v,validationText:x,validationStatus:T,children:n,...s}=_chunkCMZ47UG6cjs.a.call(void 0, h,_chunkRDNRX35Pcjs.a),L={heading:a,headingElement:P,helperText:u,trailingContent:v,validationText:x,validationStatus:T};return _jsxruntime.jsxs.call(void 0, "div",{className:_chunkGVVJQBRKcjs.a.call(void 0, e,C),children:[a?_jsxruntime.jsx.call(void 0, _chunkFI2VFQQEcjs.a,{...L}):null,i===void 0||t===void 0?_jsxruntime.jsx.call(void 0, _chunk473MYGXAcjs.a,{asChild:!0,className:`${e}Container`,role:"list",children:_jsxruntime.jsx.call(void 0, r,{...s,children:n})}):_jsxruntime.jsx.call(void 0, _chunkXZ4N5OAUcjs.a,{className:`${e}Container`,paddingNone:!0,variant:i,colorScheme:t,children:_jsxruntime.jsx.call(void 0, r,{role:"list",...s,children:n})})]})};S.displayName=g;exports.a = S;
-//# sourceMappingURL=chunk-IKEE4VU6.cjs.map

package/dist/chunk-IKEE4VU6.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-IKEE4VU6.cjs","../src/components/List/List.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","List","props","Tag","className","colorScheme","variant","heading","headingElement","helperText","trailingContent","validationText","validationStatus","children","listProps","extractProps","marginPropDefs","sectionHeaderProps","jsxs","cn","jsx","SectionHeader","Box"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,+CCsC1R,IA7BEA,CAAAA,CAAiB,MAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAQC,CAAAA,EAAqB,CACxC,GAAM,CACJ,EAAA,CAAIC,CAAAA,CAAM,IAAA,CACV,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,KAAA,CAAA,CACd,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAab,CAAOc,mBAAc,CAAA,CAEhCC,CAAAA,CAAqB,CACzB,OAAA,CAAAV,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CACF,CAAA,CAEA,OACEM,8BAAAA,KAAC,CAAA,CAAI,SAAA,CAAWC,iCAAAA,CAAGpB,CAAoBK,CAAS,CAAA,CAC7C,QAAA,CAAA,CAAAG,CAAAA,CAAUa,6BAAAA,mBAACC,CAAA,CAAe,GAAGJ,CAAAA,CAAoB,CAAA,CAAK,IAAA,CACtDX,CAAAA,GAAY,KAAA,CAAA,EAAaD,CAAAA,GAAgB,KAAA,CAAA,CACxCe,6BAAAA,mBAACE,CAAA,CAAI,OAAA,CAAO,CAAA,CAAA,CAAC,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-IKEE4VU6.cjs","sourcesContent":[null,"import { cn } from '../../helpers/cn';\nimport type { ListProps } from './List.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Card } from '../Card/Card';\nimport { Box } from '../Box/Box';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { SectionHeader } from '../SectionHeader/SectionHeader';\n\nconst COMPONENT_NAME = 'List';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const List = (props: ListProps) => {\n  const {\n    as: Tag = 'ul',\n    className,\n    colorScheme = undefined,\n    variant,\n    heading,\n    headingElement,\n    helperText,\n    trailingContent,\n    validationText,\n    validationStatus,\n    children,\n    ...listProps\n  } = extractProps(props, marginPropDefs);\n\n  const sectionHeaderProps = {\n    heading,\n    headingElement,\n    helperText,\n    trailingContent,\n    validationText,\n    validationStatus,\n  };\n\n  return (\n    <div className={cn(componentClassName, className)}>\n      {heading ? <SectionHeader {...sectionHeaderProps} /> : null}\n      {variant === undefined || colorScheme === undefined ? (\n        <Box asChild className={`${componentClassName}Container`} role=\"list\">\n          <Tag {...listProps}>{children}</Tag>\n        </Box>\n      ) : (\n        <Card\n          className={`${componentClassName}Container`}\n          paddingNone\n          variant={variant}\n          colorScheme={colorScheme}\n        >\n          <Tag role=\"list\" {...listProps}>\n            {children}\n          </Tag>\n        </Card>\n      )}\n    </div>\n  );\n};\n\nList.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-KD63YPTF.js

@@ -1,2 +0,0 @@
-import{a as b}from"./chunk-GPJMFFSG.js";import{c as u}from"./chunk-5OLLJKEO.js";import{a as n}from"./chunk-SJLMCKQK.js";import{a as c}from"./chunk-PMBMCMN7.js";import{a as f}from"./chunk-L4OZ3M5X.js";import{a as p}from"./chunk-MSHCGZ4G.js";import{b as e}from"./chunk-TXDSZ3MR.js";import{RadioGroup as R}from"radix-ui";import{jsx as i,jsxs as o}from"react/jsx-runtime";var T="RadioTile",P=e(T),h=({className:N,id:x,label:r,helperText:a,image:I,"aria-labelledby":d,...v})=>{let{id:l,labelId:t,helperTextId:s}=f({providedId:x,prefix:"radio"}),{hasGroupHelperText:y,"aria-describedby":G}=u(),m=!y&&a!==void 0;return i(R.Item,{className:p(P,N),...v,id:l,"aria-describedby":m?s:G,"aria-labelledby":d||(r?t:void 0),children:o("div",{className:e("RadioContainer"),children:[i("div",{className:e("RadioItem"),children:i(R.Indicator,{className:e("RadioIndicator")})}),o(n,{direction:"column",children:[o(b,{id:t,htmlFor:l,disableUserSelect:!0,children:[I,r]}),m?i(c,{id:s,disableUserSelect:!0,children:a}):null]})]})})};h.displayName=T;export{h as a};
-//# sourceMappingURL=chunk-KD63YPTF.js.map

package/dist/chunk-KD63YPTF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/RadioTile/RadioTile.tsx"],"sourcesContent":["'use client';\n\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';\n\nconst COMPONENT_NAME = 'RadioTile';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const RadioTile = ({\n  className,\n  id: providedId,\n  label,\n  helperText,\n  image,\n  'aria-labelledby': ariaLabelledby,\n  ...props\n}: RadioTileProps) => {\n  const { id, labelId, helperTextId } = useIds({ providedId, prefix: 'radio' });\n  const { hasGroupHelperText, 'aria-describedby': ariaDescribedby } = useFormGroupBase();\n  const showHelperText = Boolean(!hasGroupHelperText && helperText !== undefined);\n  return (\n    <RadioGroupPrimitive.Item\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\">\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        </Flex>\n      </div>\n    </RadioGroupPrimitive.Item>\n  );\n};\n\nRadioTile.displayName = COMPONENT_NAME;\n"],"mappings":"wRAKA,OAAS,cAAcA,MAA2B,WAgCxC,cAAAC,EAGA,QAAAC,MAHA,oBAzBV,IAAMC,EAAiB,YACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAY,CAAC,CACxB,UAAAC,EACA,GAAIC,EACJ,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,kBAAmBC,EACnB,GAAGC,CACL,IAAsB,CACpB,GAAM,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,CAAa,EAAIC,EAAO,CAAE,WAAAT,EAAY,OAAQ,OAAQ,CAAC,EACtE,CAAE,mBAAAU,EAAoB,mBAAoBC,CAAgB,EAAIC,EAAiB,EAC/EC,EAAyB,CAACH,GAAsBR,IAAe,OACrE,OACET,EAACqB,EAAoB,KAApB,CACC,UAAWC,EAAGnB,EAAoBG,CAAS,EAC1C,GAAGM,EACJ,GAAIC,EACJ,mBAAkBO,EAAiBL,EAAeG,EAClD,kBAAiBP,IAAkCH,EAAQM,EAAU,QAErE,SAAAb,EAAC,OAAI,UAAWG,EAAiB,gBAAgB,EAC/C,UAAAJ,EAAC,OAAI,UAAWI,EAAiB,WAAW,EAC1C,SAAAJ,EAACqB,EAAoB,UAApB,CAA8B,UAAWjB,EAAiB,gBAAgB,EAAG,EAChF,EACAH,EAACsB,EAAA,CAAK,UAAU,SACd,UAAAtB,EAACuB,EAAA,CAAM,GAAIV,EAAS,QAASD,EAAI,kBAAiB,GAC/C,UAAAH,EACAF,GACH,EACCY,EACCpB,EAACyB,EAAA,CAAW,GAAIV,EAAc,kBAAiB,GAC5C,SAAAN,EACH,EACE,MACN,GACF,EACF,CAEJ,EAEAJ,EAAU,YAAcH","names":["RadioGroupPrimitive","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","RadioTile","className","providedId","label","helperText","image","ariaLabelledby","props","id","labelId","helperTextId","useIds","hasGroupHelperText","ariaDescribedby","useFormGroupBase","showHelperText","RadioGroupPrimitive","cn","Flex","Label","HelperText"]}

package/dist/chunk-P5U3V3RN.js

@@ -1,2 +0,0 @@
-import{a as I}from"./chunk-52GAUAZQ.js";import{a as v}from"./chunk-FZVOPBRY.js";import{a as c}from"./chunk-W6VYE222.js";import{a as b}from"./chunk-L4OZ3M5X.js";import{a as P}from"./chunk-DVGYWBKQ.js";import{a as u}from"./chunk-TONM4LZL.js";import{a as p}from"./chunk-MSHCGZ4G.js";import{b as f}from"./chunk-TXDSZ3MR.js";import{unstable_OneTimePasswordField as t}from"radix-ui";import{jsx as a,jsxs as C}from"react/jsx-runtime";var y="VerificationInput",T=f(y),E=N=>{let{className:O,disabled:r,readOnly:d,label:F,labelVariant:x,helperText:n,validationText:s,validationStatus:i,required:V,id:w,"aria-describedby":h,ref:S,...D}=u(N,c),{id:R,labelId:l,helperTextId:m,validationTextId:o}=b({providedId:w,prefix:"verification-input"}),e=!d&&!r,_={id:R,labelId:l,helperTextId:m,validationTextId:o,label:F,labelVariant:x,helperText:n,validationText:e?s:void 0,validationStatus:e?i:void 0,required:V},g=P(h,n?m:void 0,e&&s!==void 0?o:void 0);return a(v,{className:p(T,O),"data-disabled":r?"":void 0,..._,children:C(t.Root,{className:`${T}Row`,disabled:r,readOnly:d,"aria-labelledby":l,"aria-describedby":g,"aria-invalid":i==="invalid"?!0:void 0,"aria-errormessage":i==="invalid"?o:void 0,"data-validation-status":e?i:void 0,...D,children:[Array.from({length:6}).map((H,A)=>a(t.Input,{asChild:!0,children:a(I,{})},A)),a(t.HiddenInput,{ref:S})]})})};E.displayName=y;export{E as a};
-//# sourceMappingURL=chunk-P5U3V3RN.js.map

package/dist/chunk-P5U3V3RN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/VerificationInput/VerificationInput.tsx"],"sourcesContent":["'use client';\n\nimport { unstable_OneTimePasswordField as OneTimePasswordFieldPrimitive } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { VerificationInputProps } from './VerificationInput.props';\nimport { FormField } from '../FormField/FormField';\nimport { useIds } from '../../hooks/use-ids';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { InputBase } from '../InputBase/InputBase';\nimport { cn } from '../../helpers/cn';\nimport { mergeIds } from '../../helpers/merge-ids';\n\nconst COMPONENT_NAME = 'VerificationInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const VerificationInput = (props: VerificationInputProps) => {\n  const {\n    className,\n    disabled,\n    readOnly,\n    label,\n    labelVariant,\n    helperText,\n    validationText,\n    validationStatus,\n    required,\n    id: providedId,\n    'aria-describedby': ariaDescribedby,\n    ref,\n    ...verificationInputProps\n  } = extractProps(props, marginPropDefs);\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'verification-input',\n  });\n\n  const showValidation = Boolean(!readOnly && !disabled);\n\n  const formFieldProps = {\n    id,\n    labelId,\n    helperTextId,\n    validationTextId,\n    label,\n    labelVariant,\n    helperText,\n    validationText: showValidation ? validationText : undefined,\n    validationStatus: showValidation ? validationStatus : undefined,\n    required,\n  };\n\n  const ariaDescribedbyValue = mergeIds(\n    ariaDescribedby,\n    !!helperText ? helperTextId : undefined,\n    showValidation && validationText !== undefined ? validationTextId : undefined\n  );\n\n  const PASSWORD_LENGTH = 6;\n\n  return (\n    <FormField\n      className={cn(componentClassName, className)}\n      data-disabled={disabled ? '' : undefined}\n      {...formFieldProps}\n    >\n      <OneTimePasswordFieldPrimitive.Root\n        className={`${componentClassName}Row`}\n        disabled={disabled}\n        readOnly={readOnly}\n        aria-labelledby={labelId}\n        aria-describedby={ariaDescribedbyValue}\n        aria-invalid={validationStatus === 'invalid' ? true : undefined}\n        aria-errormessage={validationStatus === 'invalid' ? validationTextId : undefined}\n        data-validation-status={showValidation ? validationStatus : undefined}\n        {...verificationInputProps}\n      >\n        {Array.from({ length: PASSWORD_LENGTH }).map((_, i) => (\n          <OneTimePasswordFieldPrimitive.Input key={i} asChild>\n            <InputBase />\n          </OneTimePasswordFieldPrimitive.Input>\n        ))}\n\n        <OneTimePasswordFieldPrimitive.HiddenInput ref={ref} />\n      </OneTimePasswordFieldPrimitive.Root>\n    </FormField>\n  );\n};\n\nVerificationInput.displayName = COMPONENT_NAME;\n"],"mappings":"gUAEA,OAAS,iCAAiCA,MAAqC,WAiEzE,OAaM,OAAAC,EAbN,QAAAC,MAAA,oBAtDN,IAAMC,EAAiB,oBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAqBC,GAAkC,CAClE,GAAM,CACJ,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,GAAIC,EACJ,mBAAoBC,EACpB,IAAAC,EACA,GAAGC,CACL,EAAIC,EAAad,EAAOe,CAAc,EAEhC,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,EAAc,iBAAAC,CAAiB,EAAIC,EAAO,CAC7D,WAAAV,EACA,OAAQ,oBACV,CAAC,EAEKW,EAAyB,CAAClB,GAAY,CAACD,EAEvCoB,EAAiB,CACrB,GAAAN,EACA,QAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,MAAAf,EACA,aAAAC,EACA,WAAAC,EACA,eAAgBe,EAAiBd,EAAiB,OAClD,iBAAkBc,EAAiBb,EAAmB,OACtD,SAAAC,CACF,EAEMc,EAAuBC,EAC3Bb,EACEL,EAAaY,EAAe,OAC9BG,GAAkBd,IAAmB,OAAYY,EAAmB,MACtE,EAIA,OACEzB,EAAC+B,EAAA,CACC,UAAWC,EAAG7B,EAAoBI,CAAS,EAC3C,gBAAeC,EAAW,GAAK,OAC9B,GAAGoB,EAEJ,SAAA3B,EAACgC,EAA8B,KAA9B,CACC,UAAW,GAAG9B,CAAkB,MAChC,SAAUK,EACV,SAAUC,EACV,kBAAiBc,EACjB,mBAAkBM,EAClB,eAAcf,IAAqB,UAAY,GAAO,OACtD,oBAAmBA,IAAqB,UAAYW,EAAmB,OACvE,yBAAwBE,EAAiBb,EAAmB,OAC3D,GAAGK,EAEH,gBAAM,KAAK,CAAE,OAnBI,CAmBoB,CAAC,EAAE,IAAI,CAACe,EAAGC,IAC/CnC,EAACiC,EAA8B,MAA9B,CAA4C,QAAO,GAClD,SAAAjC,EAACoC,EAAA,EAAU,GAD6BD,CAE1C,CACD,EAEDnC,EAACiC,EAA8B,YAA9B,CAA0C,IAAKf,EAAK,GACvD,EACF,CAEJ,EAEAb,EAAkB,YAAcH","names":["OneTimePasswordFieldPrimitive","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","VerificationInput","props","className","disabled","readOnly","label","labelVariant","helperText","validationText","validationStatus","required","providedId","ariaDescribedby","ref","verificationInputProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","FormField","cn","OneTimePasswordFieldPrimitive","_","i","InputBase"]}

package/dist/chunk-SIPLZMTL.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkI5S2R6VGcjs = require('./chunk-I5S2R6VG.cjs');var _chunkHSPOCJ5Acjs = require('./chunk-HSPOCJ5A.cjs');var _chunkNWRNMNBCcjs = require('./chunk-NWRNMNBC.cjs');var _chunkNH5SKNL4cjs = require('./chunk-NH5SKNL4.cjs');var _chunkY47Y2LSYcjs = require('./chunk-Y47Y2LSY.cjs');var _chunkITZEACMWcjs = require('./chunk-ITZEACMW.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var P="CheckboxTile",y=_chunk7LZI6HLWcjs.b.call(void 0, P),M= exports.a =({className:G,id:H,disabled:c,value:e="on",onCheckedChange:a,label:l,helperText:s,image:F,"aria-labelledby":w,...L})=>{let{id:m,labelId:n,helperTextId:b}=_chunkITZEACMWcjs.a.call(void 0, {providedId:H,prefix:"radio"}),o=_chunkHSPOCJ5Acjs.c.call(void 0, ),r=_chunkNWRNMNBCcjs.c.call(void 0, ),R=_optionalChain([r, 'optionalAccess', _ => _.value, 'optionalAccess', _2 => _2.includes, 'call', _3 => _3(e)]),S=_optionalChain([o, 'optionalAccess', _4 => _4.hasGroupHelperText]),U=o?o["aria-describedby"]:"",d=!S&&!!s,v=!!l;return _jsxruntime.jsxs.call(void 0, "label",{className:_chunkGVVJQBRKcjs.a.call(void 0, y,G),"data-disabled":c?"":void 0,children:[_jsxruntime.jsx.call(void 0, _radixui.Checkbox.Root,{className:"h-CheckboxRoot",name:_optionalChain([r, 'optionalAccess', _5 => _5.name]),checked:R,value:e,...L,id:m,disabled:c,"aria-describedby":d?b:U,"aria-labelledby":w||v?n:void 0,onCheckedChange:p=>{o&&(p?_optionalChain([r, 'optionalAccess', _6 => _6.onItemCheck, 'call', _7 => _7(e)]):_optionalChain([r, 'optionalAccess', _8 => _8.onItemUncheck, 'call', _9 => _9(e)])),a&&a(p)},children:_jsxruntime.jsx.call(void 0, _radixui.Checkbox.Indicator,{asChild:!0,className:`${y}Indicator`,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.TickSmallIcon,{})})}),_jsxruntime.jsxs.call(void 0, _chunkNH5SKNL4cjs.a,{direction:"column",children:[_jsxruntime.jsxs.call(void 0, _chunkI5S2R6VGcjs.a,{id:n,htmlFor:m,disableUserSelect:!0,children:[F,l]}),d?_jsxruntime.jsx.call(void 0, _chunkY47Y2LSYcjs.a,{id:b,disableUserSelect:!0,children:s}):null]})]})};M.displayName=P;exports.a = M;
-//# sourceMappingURL=chunk-SIPLZMTL.cjs.map

package/dist/chunk-SIPLZMTL.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-SIPLZMTL.cjs","../src/components/CheckboxTile/CheckboxTile.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","CheckboxTile","className","providedId","disabled","value","onCheckedChange","label","helperText","image","ariaLabelledby","props","id","labelId","helperTextId","useIds","context","useFormGroupBase","checkboxContext","useCheckboxGroup","checked","hasGroupHelperText","ariaDescribedby","showHelperText","showLabel","jsxs","cn","jsx","CheckboxPrimitive"],"mappings":"AAAA,qoBAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wECKzS,mCAIgB,+CAuDpC,IAlDJA,CAAAA,CAAiB,cAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAe,CAAC,CAC3B,SAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CAAQ,IAAA,CACR,eAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,iBAAA,CAAmBC,CAAAA,CACnB,GAAGC,CACL,CAAA,CAAA,EAAqB,CACnB,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,CACtEa,CAAAA,CAAUC,iCAAAA,CAAiB,CAC3BC,CAAAA,CAAkBC,iCAAAA,CAAiB,CACnCC,CAAAA,iBAAUF,CAAAA,2BAAiB,KAAA,6BAAO,QAAA,mBAASb,CAAK,GAAA,CAChDgB,CAAAA,iBAAqBL,CAAAA,6BAAS,oBAAA,CAC9BM,CAAAA,CAAkBN,CAAAA,CAAUA,CAAAA,CAAQ,kBAAkB,CAAA,CAAI,EAAA,CAC1DO,CAAAA,CAAiB,CAACF,CAAAA,EAAsB,CAAC,CAACb,CAAAA,CAC1CgB,CAAAA,CAAY,CAAC,CAACjB,CAAAA,CAEpB,OACEkB,8BAAAA,OAAC,CAAA,CAAM,SAAA,CAAWC,iCAAAA,CAAG3B,CAAoBG,CAAS,CAAA,CAAG,eAAA,CAAeE,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAClF,QAAA,CAAA,CAAAuB,6BAAAA,iBAACC,CAAkB,IAAA,CAAlB,CACC,SAAA,CAAU,gBAAA,CACV,IAAA,iBAAMV,CAAAA,6BAAiB,MAAA,CACvB,OAAA,CAASE,CAAAA,CACT,KAAA,CAAOf,CAAAA,CACN,GAAGM,CAAAA,CACJ,EAAA,CAAIC,CAAAA,CACJ,QAAA,CAAUR,CAAAA,CACV,kBAAA,CAAkBmB,CAAAA,CAAiBT,CAAAA,CAAeQ,CAAAA,CAClD,iBAAA,CAAiBZ,CAAAA,EAAkBc,CAAAA,CAAYX,CAAAA,CAAU,KAAA,CAAA,CACzD,eAAA,CAAkBO,CAAAA,EAAqB,CACjCJ,CAAAA,EAAAA,CACEI,CAAAA,iBACFF,CAAAA,6BAAiB,WAAA,mBAAYb,CAAK,GAAA,iBAElCa,CAAAA,6BAAiB,aAAA,mBAAcb,CAAK,GAAA,CAAA,CAGpCC,CAAAA,EACFA,CAAAA,CAAgBc,CAAO,CAE3B,CAAA,CAEA,QAAA,CAAAO,6BAAAA,iBAACC,CAAkB,SAAA,CAAlB,CAA4B,OAAA,CAAO,CAAA,CAAA,CAAC,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-SIPLZMTL.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { useIds } from '../../hooks/use-ids';\nimport { TickSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { Label } from '../Label/Label';\nimport { HelperText } from '../HelperText/HelperText';\nimport { Flex } from '../Flex/Flex';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { useCheckboxGroup } from '../CheckboxGroup/CheckboxGroup.context';\nimport { useFormGroupBase } from '../FormGroupBase/FormGroupBase.context';\nimport type { CheckboxProps } from '../Checkbox/Checkbox.props';\n\nconst COMPONENT_NAME = 'CheckboxTile';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const CheckboxTile = ({\n  className,\n  id: providedId,\n  disabled,\n  value = 'on',\n  onCheckedChange,\n  label,\n  helperText,\n  image,\n  'aria-labelledby': ariaLabelledby,\n  ...props\n}: CheckboxProps) => {\n  const { id, labelId, helperTextId } = useIds({ providedId, prefix: 'radio' });\n  const context = useFormGroupBase();\n  const checkboxContext = useCheckboxGroup();\n  const checked = checkboxContext?.value?.includes(value);\n  const hasGroupHelperText = context?.hasGroupHelperText;\n  const ariaDescribedby = context ? context['aria-describedby'] : '';\n  const showHelperText = !hasGroupHelperText && !!helperText;\n  const showLabel = !!label;\n\n  return (\n    <label className={cn(componentClassName, className)} data-disabled={disabled ? '' : undefined}>\n      <CheckboxPrimitive.Root\n        className=\"h-CheckboxRoot\"\n        name={checkboxContext?.name}\n        checked={checked}\n        value={value}\n        {...props}\n        id={id}\n        disabled={disabled}\n        aria-describedby={showHelperText ? helperTextId : ariaDescribedby}\n        aria-labelledby={ariaLabelledby || showLabel ? labelId : undefined}\n        onCheckedChange={(checked: boolean) => {\n          if (context) {\n            if (checked) {\n              checkboxContext?.onItemCheck(value);\n            } else {\n              checkboxContext?.onItemUncheck(value);\n            }\n          }\n          if (onCheckedChange) {\n            onCheckedChange(checked);\n          }\n        }}\n      >\n        <CheckboxPrimitive.Indicator asChild className={`${componentClassName}Indicator`}>\n          <TickSmallIcon />\n        </CheckboxPrimitive.Indicator>\n      </CheckboxPrimitive.Root>\n      <Flex direction=\"column\">\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      </Flex>\n    </label>\n  );\n};\n\nCheckboxTile.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-VTSB2PZN.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkKWHBTF5Fcjs = require('./chunk-KWHBTF5F.cjs');var _chunkWY3I6O7Dcjs = require('./chunk-WY3I6O7D.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunkITZEACMWcjs = require('./chunk-ITZEACMW.cjs');var _chunkDSW76HKTcjs = require('./chunk-DSW76HKT.cjs');var _chunkCMZ47UG6cjs = require('./chunk-CMZ47UG6.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunk7LZI6HLWcjs = require('./chunk-7LZI6HLW.cjs');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var y="VerificationInput",T=_chunk7LZI6HLWcjs.b.call(void 0, y),E= exports.a =N=>{let{className:O,disabled:r,readOnly:d,label:F,labelVariant:x,helperText:n,validationText:s,validationStatus:i,required:V,id:w,"aria-describedby":h,ref:S,...D}=_chunkCMZ47UG6cjs.a.call(void 0, N,_chunkRDNRX35Pcjs.a),{id:R,labelId:l,helperTextId:m,validationTextId:o}=_chunkITZEACMWcjs.a.call(void 0, {providedId:w,prefix:"verification-input"}),e=!d&&!r,_={id:R,labelId:l,helperTextId:m,validationTextId:o,label:F,labelVariant:x,helperText:n,validationText:e?s:void 0,validationStatus:e?i:void 0,required:V},g=_chunkDSW76HKTcjs.a.call(void 0, h,n?m:void 0,e&&s!==void 0?o:void 0);return _jsxruntime.jsx.call(void 0, _chunkWY3I6O7Dcjs.a,{className:_chunkGVVJQBRKcjs.a.call(void 0, T,O),"data-disabled":r?"":void 0,..._,children:_jsxruntime.jsxs.call(void 0, _radixui.unstable_OneTimePasswordField.Root,{className:`${T}Row`,disabled:r,readOnly:d,"aria-labelledby":l,"aria-describedby":g,"aria-invalid":i==="invalid"?!0:void 0,"aria-errormessage":i==="invalid"?o:void 0,"data-validation-status":e?i:void 0,...D,children:[Array.from({length:6}).map((H,A)=>_jsxruntime.jsx.call(void 0, _radixui.unstable_OneTimePasswordField.Input,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkKWHBTF5Fcjs.a,{})},A)),_jsxruntime.jsx.call(void 0, _radixui.unstable_OneTimePasswordField.HiddenInput,{ref:S})]})})};E.displayName=y;exports.a = E;
-//# sourceMappingURL=chunk-VTSB2PZN.cjs.map

package/dist/chunk-VTSB2PZN.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-VTSB2PZN.cjs","../src/components/VerificationInput/VerificationInput.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","VerificationInput","props","className","disabled","readOnly","label","labelVariant","helperText","validationText","validationStatus","required","providedId","ariaDescribedby","ref","verificationInputProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","jsx","FormField","cn","jsxs","OneTimePasswordFieldPrimitive"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCExP,+CAiEzE,IAtDAA,CAAAA,CAAiB,mBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAqBC,CAAAA,EAAkC,CAClE,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,kBAAA,CAAoBC,CAAAA,CACpB,GAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAad,CAAOe,mBAAc,CAAA,CAEhC,CAAE,EAAA,CAAAC,CAAAA,CAAI,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAAC,CAAAA,CAAc,gBAAA,CAAAC,CAAiB,CAAA,CAAIC,iCAAAA,CACtD,UAAA,CAAAV,CAAAA,CACA,MAAA,CAAQ,oBACV,CAAC,CAAA,CAEKW,CAAAA,CAAyB,CAAClB,CAAAA,EAAY,CAACD,CAAAA,CAEvCoB,CAAAA,CAAiB,CACrB,EAAA,CAAAN,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,KAAA,CAAAf,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,cAAA,CAAgBe,CAAAA,CAAiBd,CAAAA,CAAiB,KAAA,CAAA,CAClD,gBAAA,CAAkBc,CAAAA,CAAiBb,CAAAA,CAAmB,KAAA,CAAA,CACtD,QAAA,CAAAC,CACF,CAAA,CAEMc,CAAAA,CAAuBC,iCAAAA,CAC3Bb,CACEL,CAAAA,CAAaY,CAAAA,CAAe,KAAA,CAAA,CAC9BG,CAAAA,EAAkBd,CAAAA,GAAmB,KAAA,CAAA,CAAYY,CAAAA,CAAmB,KAAA,CACtE,CAAA,CAIA,OACEM,6BAAAA,mBAACC,CAAA,CACC,SAAA,CAAWC,iCAAAA,CAAG9B,CAAoBI,CAAS,CAAA,CAC3C,eAAA,CAAeC,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAC9B,GAAGoB,CAAAA,CAEJ,QAAA,CAAAM,8BAAAA,sCAACC,CAA8B,IAAA,CAA9B,CACC,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-VTSB2PZN.cjs","sourcesContent":[null,"'use client';\n\nimport { unstable_OneTimePasswordField as OneTimePasswordFieldPrimitive } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { VerificationInputProps } from './VerificationInput.props';\nimport { FormField } from '../FormField/FormField';\nimport { useIds } from '../../hooks/use-ids';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { InputBase } from '../InputBase/InputBase';\nimport { cn } from '../../helpers/cn';\nimport { mergeIds } from '../../helpers/merge-ids';\n\nconst COMPONENT_NAME = 'VerificationInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const VerificationInput = (props: VerificationInputProps) => {\n  const {\n    className,\n    disabled,\n    readOnly,\n    label,\n    labelVariant,\n    helperText,\n    validationText,\n    validationStatus,\n    required,\n    id: providedId,\n    'aria-describedby': ariaDescribedby,\n    ref,\n    ...verificationInputProps\n  } = extractProps(props, marginPropDefs);\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'verification-input',\n  });\n\n  const showValidation = Boolean(!readOnly && !disabled);\n\n  const formFieldProps = {\n    id,\n    labelId,\n    helperTextId,\n    validationTextId,\n    label,\n    labelVariant,\n    helperText,\n    validationText: showValidation ? validationText : undefined,\n    validationStatus: showValidation ? validationStatus : undefined,\n    required,\n  };\n\n  const ariaDescribedbyValue = mergeIds(\n    ariaDescribedby,\n    !!helperText ? helperTextId : undefined,\n    showValidation && validationText !== undefined ? validationTextId : undefined\n  );\n\n  const PASSWORD_LENGTH = 6;\n\n  return (\n    <FormField\n      className={cn(componentClassName, className)}\n      data-disabled={disabled ? '' : undefined}\n      {...formFieldProps}\n    >\n      <OneTimePasswordFieldPrimitive.Root\n        className={`${componentClassName}Row`}\n        disabled={disabled}\n        readOnly={readOnly}\n        aria-labelledby={labelId}\n        aria-describedby={ariaDescribedbyValue}\n        aria-invalid={validationStatus === 'invalid' ? true : undefined}\n        aria-errormessage={validationStatus === 'invalid' ? validationTextId : undefined}\n        data-validation-status={showValidation ? validationStatus : undefined}\n        {...verificationInputProps}\n      >\n        {Array.from({ length: PASSWORD_LENGTH }).map((_, i) => (\n          <OneTimePasswordFieldPrimitive.Input key={i} asChild>\n            <InputBase />\n          </OneTimePasswordFieldPrimitive.Input>\n        ))}\n\n        <OneTimePasswordFieldPrimitive.HiddenInput ref={ref} />\n      </OneTimePasswordFieldPrimitive.Root>\n    </FormField>\n  );\n};\n\nVerificationInput.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-WNJPRTTD.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-WNJPRTTD.cjs","../src/components/TextInput/TextInput.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","TextInput","props","className","validationStatus","validationText","label","labelVariant","helperText","children","providedId","disabled","readOnly","hideLabel","required","placeholder","ariaDescribedby","textInputProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","jsx","FormField","cn","InputBase"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,+CCmEjU,IAvDAA,CAAAA,CAAiB,WAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAaC,CAAAA,EAA0B,CAClD,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,kBAAA,CAAoBC,CAAAA,CACpB,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAahB,CAAOiB,mBAAc,CAAA,CAEhC,CAAE,EAAA,CAAAC,CAAAA,CAAI,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAAC,CAAAA,CAAc,gBAAA,CAAAC,CAAiB,CAAA,CAAIC,iCAAAA,CACtD,UAAA,CAAAd,CAAAA,CACA,MAAA,CAAQ,YACV,CAAC,CAAA,CAEKe,CAAAA,CAAyB,CAACb,CAAAA,EAAY,CAACD,CAAAA,CAEvCe,CAAAA,CAAiB,CACrB,EAAA,CAAAN,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,KAAA,CAAAjB,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,cAAA,CAAgBiB,CAAAA,CAAiBpB,CAAAA,CAAiB,KAAA,CAAA,CAClD,gBAAA,CAAkBoB,CAAAA,CAAiBrB,CAAAA,CAAmB,KAAA,CAAA,CACtD,SAAA,CAAAS,CAAAA,CACA,QAAA,CAAAC,CACF,CAAA,CAEMa,CAAAA,CAAuBC,iCAAAA,CAC3BZ,CACER,CAAAA,CAAac,CAAAA,CAAe,KAAA,CAAA,CAC9BG,CAAAA,EAAkBpB,CAAAA,GAAmB,KAAA,CAAA,CAAYkB,CAAAA,CAAmB,KAAA,CACtE,CAAA,CAEA,OACEM,6BAAAA,mBAACC,CAAA,CACC,SAAA,CAAWC,iCAAAA,CAAGhC,CAAoBI,CAAS,CAAA,CAC3C,eAAA,CAAeQ,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAC9B,GAAGe,CAAAA,CAEJ,QAAA,CAAAG,6BAAAA,mBAACG,CAAA,CACC,UAAA,CAAW,OAAA,CACX,EAAA,CAAIZ,CAAAA,CACJ,QAAA,CAAUN,CAAAA,CACV,QAAA,CAAUH,CAAAA,CACV,QAAA,CAAUC,CAAAA,CACV,WAAA,CAAcD,CAAAA,CAAyB,KAAA,CAAA,CAAdI,CAAAA,CACzB,iBAAA,CAAiBM,CAAAA,CACjB,kBAAA,CAAkBM,CAAAA,CAClB,cAAA,CAAcvB,CAAAA,GAAqB,SAAA,CAAY,CAAA,CAAA,CAAO,KAAA,CAAA,CACtD,mBAAA,CAAmBA,CAAAA,GAAqB,SAAA,CAAYmB,CAAAA,CAAmB,KAAA,CAAA,CACtE,GAAGN,CAAAA,CAEH,QAAA,CAAAR,CAAAA,CACH,CAAA,CACF,CAEJ,CAAA,CAEAR,CAAAA,CAAU,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-WNJPRTTD.cjs","sourcesContent":[null,"'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { TextInputProps } from './TextInput.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { cn } from '../../helpers/cn';\nimport { useIds } from '../../hooks/use-ids';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { InputBase } from '../InputBase/InputBase';\nimport { FormField } from '../FormField/FormField';\n\nconst COMPONENT_NAME = 'TextInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const TextInput = (props: TextInputProps) => {\n  const {\n    className,\n    validationStatus,\n    validationText,\n    label,\n    labelVariant,\n    helperText,\n    children,\n    id: providedId,\n    disabled,\n    readOnly,\n    hideLabel,\n    required,\n    placeholder,\n    'aria-describedby': ariaDescribedby,\n    ...textInputProps\n  } = extractProps(props, marginPropDefs);\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'text-input',\n  });\n\n  const showValidation = Boolean(!readOnly && !disabled);\n\n  const formFieldProps = {\n    id,\n    labelId,\n    helperTextId,\n    validationTextId,\n    label,\n    labelVariant,\n    helperText,\n    validationText: showValidation ? validationText : undefined,\n    validationStatus: showValidation ? validationStatus : undefined,\n    hideLabel,\n    required,\n  };\n\n  const ariaDescribedbyValue = mergeIds(\n    ariaDescribedby,\n    !!helperText ? helperTextId : undefined,\n    showValidation && validationText !== undefined ? validationTextId : undefined\n  );\n\n  return (\n    <FormField\n      className={cn(componentClassName, className)}\n      data-disabled={disabled ? '' : undefined}\n      {...formFieldProps}\n    >\n      <InputBase\n        spellCheck=\"false\"\n        id={id}\n        required={required}\n        disabled={disabled}\n        readOnly={readOnly}\n        placeholder={!disabled ? placeholder : undefined}\n        aria-labelledby={labelId}\n        aria-describedby={ariaDescribedbyValue}\n        aria-invalid={validationStatus === 'invalid' ? true : undefined}\n        aria-errormessage={validationStatus === 'invalid' ? validationTextId : undefined}\n        {...textInputProps}\n      >\n        {children}\n      </InputBase>\n    </FormField>\n  );\n};\n\nTextInput.displayName = COMPONENT_NAME;\n"]}