@utilitywarehouse/hearth-react 0.30.3 → 0.31.1

package/dist/chunk-YU33532Q.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-YU33532Q.cjs","../src/components/List/ListItemContent.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ListItemContent","forwardRef","heading","leadingContent","trailingContent","helperText","className","badge","badgePlacement","children","ref","jsx","cn","jsxs","Fragment","Flex"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAmC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCK5K,+CA0BjB,IAxBJA,CAAAA,CAAiB,iBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAkBC,+BAAAA,CAE3B,CACE,OAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CAAiB,QAAA,CACjB,QAAA,CAAAC,CACF,CAAA,CACAC,CAAAA,CAAAA,EAGEC,6BAAAA,KAAC,CAAA,CAAI,GAAA,CAAKD,CAAAA,CAAK,SAAA,CAAWE,iCAAAA,CAAGd,CAAoBQ,CAAS,CAAA,CACvD,QAAA,CAAAG,CAAAA,EAGCI,8BAAAA,oBAAAC,CAAA,CACG,QAAA,CAAA,CAAAX,CAAAA,EAAkC,IAAA,CACnCU,8BAAAA,mBAACE,CAAA,CACC,SAAA,CAAWP,CAAAA,GAAmB,KAAA,CAAQ,gBAAA,CAAmB,QAAA,CACzD,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-YU33532Q.cjs","sourcesContent":[null,"import { HelperText } from '../HelperText/HelperText';\nimport { Flex } from '../Flex/Flex';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ListItemContentProps } from './ListItemContent.props';\nimport { cn } from '../../helpers/cn';\nimport { BodyText } from '../BodyText/BodyText';\nimport type { ComponentRef } from 'react';\nimport { forwardRef } from 'react';\n\nconst COMPONENT_NAME = 'ListItemContent';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ListItemContentElement = ComponentRef<'div'>;\n\nexport const ListItemContent = forwardRef<ListItemContentElement, ListItemContentProps>(\n  (\n    {\n      heading,\n      leadingContent,\n      trailingContent,\n      helperText,\n      className,\n      badge,\n      badgePlacement = 'bottom',\n      children,\n    },\n    ref\n  ) => {\n    return (\n      <div ref={ref} className={cn(componentClassName, className)}>\n        {children ? (\n          children\n        ) : (\n          <>\n            {leadingContent ? leadingContent : null}\n            <Flex\n              direction={badgePlacement === 'top' ? 'column-reverse' : 'column'}\n              className={`${componentClassName}MainContent`}\n            >\n              <div>\n                <BodyText size=\"lg\">{heading}</BodyText>\n                {helperText ? <HelperText>{helperText}</HelperText> : null}\n              </div>\n              {badge}\n            </Flex>\n            <div className={`${componentClassName}TrailingContent`}>\n              {trailingContent ? trailingContent : null}\n            </div>\n          </>\n        )}\n      </div>\n    );\n  }\n);\n\nListItemContent.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-YUBJCFPF.js

@@ -1,4 +0,0 @@
-"use client";
-
-import{a as c}from"./chunk-HVBUKTX7.js";import{a as n}from"./chunk-TJHI42VN.js";import{a as i}from"./chunk-G2W6ENCH.js";import{a as s}from"./chunk-TMANFFPP.js";import{a as m}from"./chunk-7X24J4CX.js";import{a as u}from"./chunk-J3AJBV4B.js";import{b as l}from"./chunk-PDEVCIQ3.js";import{CloseSmallIcon as T,SearchMediumIcon as R}from"@utilitywarehouse/hearth-react-icons";import{forwardRef as C,useRef as P,useCallback as g}from"react";import{useMergedRefs as H}from"@base-ui/utils/useMergedRefs";import{jsx as t,jsxs as k}from"react/jsx-runtime";var f="SearchInput",a=l(f),L=C(({className:I,disabled:p,value:o,onClear:r,loading:d,hideLabel:h=!0,helperText:S,id:y,...x},b)=>{let e=P(null),E=H(b,e),M=g(N=>{typeof r!="function"||N.button!==0||(r(),e&&typeof e=="object"&&e.current&&e.current.focus())},[e,r]),{id:B}=m({providedId:y,prefix:"search-input"});return k(c,{ref:E,className:u(a,I),type:"search",enterKeyHint:"search",disabled:p,hideLabel:h,helperText:S,value:o,id:B,"data-testid":a,...x,children:[t(n,{placement:"prefix",children:t(R,{})}),d?t(n,{placement:"suffix",children:t(s,{size:"xs",color:"primary"})}):null,o!==void 0&&String(o).length>0?t(n,{placement:"suffix",children:t(i,{type:"button",label:"clear search",onClick:M,disabled:p,children:t(T,{})})}):null]})});L.displayName=f;export{L as a};
-//# sourceMappingURL=chunk-YUBJCFPF.js.map

package/dist/chunk-YZRSN5GP.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-var _chunkHQPLG5BPcjs = require('./chunk-HQPLG5BP.cjs');var _chunkOIIDHQFBcjs = require('./chunk-OIIDHQFB.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var l="ProgressBarCircular",r=_chunk4Q432K4Wcjs.b.call(void 0, l),d= exports.a =_react.forwardRef.call(void 0, ({value:i,label:m,labelId:n,valueText:c,...p},g)=>_jsxruntime.jsxs.call(void 0, "div",{ref:g,className:r,...p,style:{"--h-value":`${i}`},children:[_jsxruntime.jsxs.call(void 0, "svg",{xmlns:"http://www.w3.org/2000/svg",role:"img","aria-hidden":"true",children:[_jsxruntime.jsx.call(void 0, "circle",{className:`${r}Track`}),_jsxruntime.jsx.call(void 0, "circle",{className:`${r}Indicator`})]}),_jsxruntime.jsxs.call(void 0, "div",{className:`${r}Content`,children:[_jsxruntime.jsx.call(void 0, _chunkOIIDHQFBcjs.a,{children:c}),_jsxruntime.jsx.call(void 0, _chunkHQPLG5BPcjs.a,{id:n,children:m})]})]}));d.displayName=l;exports.a = d;
-//# sourceMappingURL=chunk-YZRSN5GP.cjs.map

package/dist/chunk-YZRSN5GP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-YZRSN5GP.cjs","../src/components/ProgressBar/ProgressBarCircular.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ProgressBarCircular","forwardRef","value","label","labelId","valueText","props","ref","jsxs"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,8BCF/F,+CAsBnB,IAfFA,CAAAA,CAAiB,qBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAU7CC,CAAAA,aAAsBC,+BAAAA,CAChC,CAAE,KAAA,CAAAC,CAAAA,CAAO,KAAA,CAAAC,CAAAA,CAAO,OAAA,CAAAC,CAAAA,CAAS,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAE7CC,8BAAAA,KAAC,CAAA,CAAI,GAAA,CAAKD,CAAAA,CAAK,SAAA,CAAWT,CAAAA,CAAqB,GAAGQ,CAAAA,CAAO,KAAA,CAAO,CAAE,WAAA,CAAa,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-YZRSN5GP.cjs","sourcesContent":[null,"import { forwardRef } from 'react';\nimport type { ProgressBarInternalProps } from './ProgressBar.props';\nimport { ProgressBarLabel } from './ProgressBarLabel';\nimport { ProgressBarValueText } from './ProgressBarValueText';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'ProgressBarCircular';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ProgressBarCircularElement = ComponentRef<'div'>;\n\ndeclare module 'react' {\n  interface CSSProperties {\n    '--h-value'?: string;\n  }\n}\n\nexport const ProgressBarCircular = forwardRef<ProgressBarCircularElement, ProgressBarInternalProps>(\n  ({ value, label, labelId, valueText, ...props }, ref) => {\n    return (\n      <div ref={ref} className={componentClassName} {...props} style={{ '--h-value': `${value}` }}>\n        <svg xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-hidden=\"true\">\n          <circle className={`${componentClassName}Track`} />\n          <circle className={`${componentClassName}Indicator`} />\n        </svg>\n        <div className={`${componentClassName}Content`}>\n          <ProgressBarValueText>{valueText}</ProgressBarValueText>\n          <ProgressBarLabel id={labelId}>{label}</ProgressBarLabel>\n        </div>\n      </div>\n    );\n  }\n);\n\nProgressBarCircular.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-Z25ZOHNZ.js

@@ -1,4 +0,0 @@
-"use client";
-
-import{a as p}from"./chunk-KBX2N5VR.js";import{a as t}from"./chunk-UWZUYMW4.js";import{a as r}from"./chunk-J3AJBV4B.js";import{b as o}from"./chunk-PDEVCIQ3.js";import{Slot as c}from"radix-ui";import{forwardRef as S}from"react";import{jsx as e}from"react/jsx-runtime";var a="ProgressStepper",s=o(a),N=S((l,m)=>{let{className:i,children:n,hideLabels:f,as:P="div","aria-label":d="progress",...g}=t(l,p);return e(c.Root,{ref:m,"aria-label":d,className:r(s,i),"data-visually-hidden-labels":f?"":void 0,"data-testid":s,...g,children:e(P,{children:e("ol",{role:"list",children:n})})})});N.displayName=a;export{N as a};
-//# sourceMappingURL=chunk-Z25ZOHNZ.js.map

package/dist/chunk-Z6TQXW2Z.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-var _chunkXAJSXJULcjs = require('./chunk-XAJSXJUL.cjs');var _chunkB2HYSLUXcjs = require('./chunk-B2HYSLUX.cjs');var _chunkHI7GZDRAcjs = require('./chunk-HI7GZDRA.cjs');var _chunkRIHABKWYcjs = require('./chunk-RIHABKWY.cjs');var _chunkHIF6HKZ3cjs = require('./chunk-HIF6HKZ3.cjs');var _chunkMV7VYPO6cjs = require('./chunk-MV7VYPO6.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _radixui = require('radix-ui');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var T="VerificationInput",n=_chunk4Q432K4Wcjs.b.call(void 0, T),A= exports.a =_react.forwardRef.call(void 0, (N,O)=>{let{className:V,disabled:a,readOnly:d,label:x,labelVariant:F,helperText:s,validationText:l,validationStatus:e,required:R,id:w,"aria-describedby":h,...E}=_chunkMV7VYPO6cjs.a.call(void 0, N,_chunkHI7GZDRAcjs.a),{id:S,labelId:m,helperTextId:p,validationTextId:r}=_chunkRIHABKWYcjs.a.call(void 0, {providedId:w,prefix:"verification-input"}),i=!d&&!a,C={id:S,labelId:m,helperTextId:p,validationTextId:r,label:x,labelVariant:F,helperText:s,validationText:i?l:void 0,validationStatus:i?e:void 0,required:R},D=_chunkHIF6HKZ3cjs.a.call(void 0, h,s?p:void 0,i&&l!==void 0?r:void 0);return _jsxruntime.jsx.call(void 0, _chunkXAJSXJULcjs.a,{className:_chunkONNSZMWFcjs.a.call(void 0, n,V),"data-disabled":a?"":void 0,"data-testid":n,...C,children:_jsxruntime.jsxs.call(void 0, _radixui.unstable_OneTimePasswordField.Root,{className:`${n}Root`,disabled:a,readOnly:d,"aria-labelledby":m,"aria-describedby":D,"aria-invalid":e==="invalid"?!0:void 0,"aria-errormessage":e==="invalid"?r:void 0,"data-validation-status":i?e:void 0,...E,children:[Array.from({length:6}).map((B,_)=>_jsxruntime.jsx.call(void 0, _radixui.unstable_OneTimePasswordField.Input,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkB2HYSLUXcjs.a,{})},_)),_jsxruntime.jsx.call(void 0, _radixui.unstable_OneTimePasswordField.HiddenInput,{ref:O})]})})});A.displayName=T;exports.a = A;
-//# sourceMappingURL=chunk-Z6TQXW2Z.cjs.map

package/dist/chunk-Z6TQXW2Z.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-Z6TQXW2Z.cjs","../src/components/VerificationInput/VerificationInput.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","VerificationInput","forwardRef","props","ref","className","disabled","readOnly","label","labelVariant","helperText","validationText","validationStatus","required","providedId","ariaDescribedby","verificationInputProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","jsx","FormField","cn","jsxs","OneTimePasswordFieldPrimitive"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCAxP,8BAUpD,+CA4DnB,IAzDFA,CAAAA,CAAiB,mBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAoBC,+BAAAA,CAC9BC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACd,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,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,CAAAT,CAAAA,CACA,MAAA,CAAQ,oBACV,CAAC,CAAA,CAEKU,CAAAA,CAAyB,CAACjB,CAAAA,EAAY,CAACD,CAAAA,CAEvCmB,CAAAA,CAAiB,CACrB,EAAA,CAAAN,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,KAAA,CAAAd,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,cAAA,CAAgBc,CAAAA,CAAiBb,CAAAA,CAAiB,KAAA,CAAA,CAClD,gBAAA,CAAkBa,CAAAA,CAAiBZ,CAAAA,CAAmB,KAAA,CAAA,CACtD,QAAA,CAAAC,CACF,CAAA,CAEMa,CAAAA,CAAuBC,iCAAAA,CAC3BZ,CACEL,CAAAA,CAAaW,CAAAA,CAAe,KAAA,CAAA,CAC9BG,CAAAA,EAAkBb,CAAAA,GAAmB,KAAA,CAAA,CAAYW,CAAAA,CAAmB,KAAA,CACtE,CAAA,CAIA,OACEM,6BAAAA,mBAACC,CAAA,CACC,SAAA,CAAWC,iCAAAA,CAAG/B,CAAoBM,CAAS,CAAA,CAC3C,eAAA,CAAeC,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAC/B,aAAA,CAAaP,CAAAA,CACZ,GAAG0B,CAAAA,CAEJ,QAAA,CAAAM,8BAAAA,sCAACC,CAA8B,IAAA,CAA9B,CACC,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-Z6TQXW2Z.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';\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'VerificationInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport type VerificationInputElement = ComponentRef<'input'>;\n\nexport const VerificationInput = forwardRef<VerificationInputElement, VerificationInputProps>(\n  (props, ref) => {\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      ...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        data-testid={componentClassName}\n        {...formFieldProps}\n      >\n        <OneTimePasswordFieldPrimitive.Root\n          className={`${componentClassName}Root`}\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);\n\nVerificationInput.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-ZIC3DOL2.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-var _chunkQFHOANX3cjs = require('./chunk-QFHOANX3.cjs');var _chunkHI7GZDRAcjs = require('./chunk-HI7GZDRA.cjs');var _chunkMV7VYPO6cjs = require('./chunk-MV7VYPO6.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _chunkZSLWPF2Ucjs = require('./chunk-ZSLWPF2U.cjs');var _radixui = require('radix-ui');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var C="ButtonBase",e=_chunk4Q432K4Wcjs.b.call(void 0, C),w= exports.a =_react.forwardRef.call(void 0, (s,r)=>{let{colorScheme:N,inverted:P,className:i,disabled:t,onClick:d,asChild:S,children:m,...l}=_chunkMV7VYPO6cjs.a.call(void 0, s,_chunkQFHOANX3cjs.a,_chunkHI7GZDRAcjs.a),{variant:a="solid"}=s,p={"data-colorscheme":N||(a==="emphasis"||a==="solid"?"highlight":"functional"),"data-inverted":P?"":void 0};return a==="emphasis"?_jsxruntime.jsx.call(void 0, _radixui.Slot.Root,{ref:r,"aria-disabled":t||void 0,className:_chunkONNSZMWFcjs.a.call(void 0, e,i),onClick:t?void 0:d,...p,"data-testid":e,...l,children:_chunkZSLWPF2Ucjs.a.call(void 0, {asChild:S,children:m},R=>_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, "span",{className:`${e}Shadow`}),_jsxruntime.jsx.call(void 0, "span",{className:`${e}Front`,children:R})]}))}):_jsxruntime.jsx.call(void 0, _radixui.Slot.Root,{ref:r,"aria-disabled":t||void 0,className:_chunkONNSZMWFcjs.a.call(void 0, e,i),onClick:t?void 0:d,...p,"data-testid":e,...l,children:m})});w.displayName=C;exports.a = w;
-//# sourceMappingURL=chunk-ZIC3DOL2.cjs.map

package/dist/chunk-ZIC3DOL2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZIC3DOL2.cjs","../src/components/ButtonBase/ButtonBase.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ButtonBase","forwardRef","props","ref","colorScheme","inverted","className","disabled","onClick","asChild","children","buttonBaseProps","extractProps","buttonBasePropDefs","marginPropDefs","variant","dataAttributeProps","jsx","Slot","cn","getSubtree","jsxs","Fragment"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCAhO,8BAQM,+CA6CjB,IA1CJA,CAAAA,CAAiB,YAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAaC,+BAAAA,CAAgDC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACvF,GAAM,CACJ,WAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaV,CAAOW,mBAAAA,CAAoBC,mBAAc,CAAA,CACpD,CAAE,OAAA,CAAAC,CAAAA,CAAU,OAAQ,CAAA,CAAIb,CAAAA,CAIxBc,CAAAA,CAAqB,CACzB,kBAAA,CAAoBZ,CAAAA,EAAAA,CAFpBW,CAAAA,GAAY,UAAA,EAAcA,CAAAA,GAAY,OAAA,CAAU,WAAA,CAAc,YAAA,CAAA,CAG9D,eAAA,CAAiBV,CAAAA,CAAW,EAAA,CAAK,KAAA,CACnC,CAAA,CAKA,OAAIU,CAAAA,GAAY,UAAA,CAEZE,6BAAAA,aAACC,CAAK,IAAA,CAAL,CACC,GAAA,CAAKf,CAAAA,CACL,eAAA,CAAeI,CAAAA,EAAY,KAAA,CAAA,CAC3B,SAAA,CAAWY,iCAAAA,CAAGrB,CAAoBQ,CAAS,CAAA,CAG3C,OAAA,CAASC,CAAAA,CAAW,KAAA,CAAA,CAAYC,CAAAA,CAC/B,GAAGQ,CAAAA,CACJ,aAAA,CAAalB,CAAAA,CACZ,GAAGa,CAAAA,CAEH,QAAA,CAAAS,iCAAAA,CAAa,OAAA,CAAAX,CAAAA,CAAS,QAAA,CAAAC,CAAS,CAAA,CAAGA,CAAAA,EACjCW,8BAAAA,oBAAAC,CAAA,CACE,QAAA,CAAA,CAAAL,6BAAAA,MAAC,CAAA,CAAK,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZIC3DOL2.cjs","sourcesContent":[null,"'use client';\n\nimport { Slot } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { buttonBasePropDefs } from './ButtonBase.props';\nimport type { ButtonBaseProps } from './ButtonBase.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { getSubtree } from '../../helpers/get-subtree';\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'ButtonBase';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport type ButtonBaseElement = ComponentRef<'button'>;\n\nexport const ButtonBase = forwardRef<ButtonBaseElement, ButtonBaseProps>((props, ref) => {\n  const {\n    colorScheme,\n    inverted,\n    className,\n    disabled,\n    onClick,\n    asChild,\n    children,\n    ...buttonBaseProps\n  } = extractProps(props, buttonBasePropDefs, marginPropDefs);\n  const { variant = 'solid' } = props;\n\n  const defaultColorScheme =\n    variant === 'emphasis' || variant === 'solid' ? 'highlight' : 'functional';\n  const dataAttributeProps = {\n    'data-colorscheme': colorScheme || defaultColorScheme,\n    'data-inverted': inverted ? '' : undefined,\n  };\n\n  // We're rendering a different component here so that we don't have to apply\n  // transitions to box-shadow, which causes re-paints on every frame, heavily\n  // impacting performance.\n  if (variant === 'emphasis') {\n    return (\n      <Slot.Root\n        ref={ref}\n        aria-disabled={disabled || undefined}\n        className={cn(componentClassName, className)}\n        // as we're using aria-disabled instead of disabled then we need to\n        // disable the onClick event\n        onClick={disabled ? undefined : onClick}\n        {...dataAttributeProps}\n        data-testid={componentClassName}\n        {...buttonBaseProps}\n      >\n        {getSubtree({ asChild, children }, children => (\n          <>\n            <span className={`${componentClassName}Shadow`}></span>\n            <span className={`${componentClassName}Front`}>{children}</span>\n          </>\n        ))}\n      </Slot.Root>\n    );\n  }\n  return (\n    <Slot.Root\n      ref={ref}\n      aria-disabled={disabled || undefined}\n      className={cn(componentClassName, className)}\n      onClick={disabled ? undefined : onClick}\n      {...dataAttributeProps}\n      data-testid={componentClassName}\n      {...buttonBaseProps}\n    >\n      {children}\n    </Slot.Root>\n  );\n});\n\nButtonBase.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-ZPSUP2BD.js

@@ -1,4 +0,0 @@
-"use client";
-
-import{a as p}from"./chunk-H6OBWZUN.js";import{a as s}from"./chunk-IIRRADHY.js";import{a as m}from"./chunk-R3OFII4J.js";import{a as n}from"./chunk-3QWP6FY6.js";import{a as r}from"./chunk-J3AJBV4B.js";import{b as a}from"./chunk-PDEVCIQ3.js";import{jsx as i,jsxs as d}from"react/jsx-runtime";var f="FormField",o=a(f),B=({className:c,validationStatus:e,validationText:l,label:F,labelVariant:b,hideLabel:u,helperText:t,children:N,id:x,labelId:T,helperTextId:h,validationTextId:y,required:L,...P})=>{let v=e!==void 0&&l!==void 0;return d("div",{className:r(o,c),"data-validation-status":e||void 0,"data-testid":o,...P,children:[d("div",{className:`${o}LabelContainer`,"data-visually-hidden":u?"":void 0,children:[d(p,{htmlFor:x,id:T,disableUserSelect:!0,fontWeight:"semibold",variant:b,children:[F,L?null:i(n,{as:"span",marginLeft:"50",children:"(optional)"})]}),t?i(m,{id:h,disableUserSelect:!0,children:t}):null]}),N,v?i(s,{status:e,disableUserSelect:!0,id:y,children:l}):null]})};B.displayName=f;export{B as a};
-//# sourceMappingURL=chunk-ZPSUP2BD.js.map

package/dist/chunk-ZRFERYHL.cjs

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-var _chunkHI7GZDRAcjs = require('./chunk-HI7GZDRA.cjs');var _chunkMV7VYPO6cjs = require('./chunk-MV7VYPO6.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _radixui = require('radix-ui');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var a="ProgressStepper",s=_chunk4Q432K4Wcjs.b.call(void 0, a),N= exports.a =_react.forwardRef.call(void 0, (l,m)=>{let{className:i,children:n,hideLabels:f,as:P="div","aria-label":d="progress",...g}=_chunkMV7VYPO6cjs.a.call(void 0, l,_chunkHI7GZDRAcjs.a);return _jsxruntime.jsx.call(void 0, _radixui.Slot.Root,{ref:m,"aria-label":d,className:_chunkONNSZMWFcjs.a.call(void 0, s,i),"data-visually-hidden-labels":f?"":void 0,"data-testid":s,...g,children:_jsxruntime.jsx.call(void 0, P,{children:_jsxruntime.jsx.call(void 0, "ol",{role:"list",children:n})})})});N.displayName=a;exports.a = N;
-//# sourceMappingURL=chunk-ZRFERYHL.cjs.map

package/dist/chunk-ZRFERYHL.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZRFERYHL.cjs","../src/components/ProgressStepper/ProgressStepper.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ProgressStepper","forwardRef","props","ref","className","children","hideLabels","Tag","ariaLabel","progressStepperProps","extractProps","marginPropDefs","jsx","Slot","cn"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,mCCK9I,8BACM,+CA6BjB,IA1BJA,CAAAA,CAAiB,iBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAkBC,+BAAAA,CAC5BC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACd,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CAAM,KAAA,CACV,YAAA,CAAcC,CAAAA,CAAY,UAAA,CAC1B,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaR,CAAOS,mBAAc,CAAA,CAEtC,OACEC,6BAAAA,aAACC,CAAK,IAAA,CAAL,CACC,GAAA,CAAKV,CAAAA,CACL,YAAA,CAAYK,CAAAA,CACZ,SAAA,CAAWM,iCAAAA,CAAGhB,CAAoBM,CAAS,CAAA,CAC3C,6BAAA,CAA6BE,CAAAA,CAAa,EAAA,CAAK,KAAA,CAAA,CAC/C,aAAA,CAAaR,CAAAA,CACZ,GAAGW,CAAAA,CAEJ,QAAA,CAAAG,6BAAAA,CAACL,CAAA,CACC,QAAA,CAAAK,6BAAAA,IAAC,CAAA,CAAG,IAAA,CAAK,MAAA,CAAQ,QAAA,CAAAP,CAAAA,CAAS,CAAA,CAC5B,CAAA,CACF,CAEJ,CACF,CAAA,CAEAL,CAAAA,CAAgB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZRFERYHL.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport type { ProgressStepperProps } from './ProgressStepper.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { Slot } from 'radix-ui';\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'ProgressStepper';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ProgressStepperElement = ComponentRef<'div'>;\n\nexport const ProgressStepper = forwardRef<ProgressStepperElement, ProgressStepperProps>(\n  (props, ref) => {\n    const {\n      className,\n      children,\n      hideLabels,\n      as: Tag = 'div',\n      'aria-label': ariaLabel = 'progress',\n      ...progressStepperProps\n    } = extractProps(props, marginPropDefs);\n\n    return (\n      <Slot.Root\n        ref={ref}\n        aria-label={ariaLabel}\n        className={cn(componentClassName, className)}\n        data-visually-hidden-labels={hideLabels ? '' : undefined}\n        data-testid={componentClassName}\n        {...progressStepperProps}\n      >\n        <Tag>\n          <ol role=\"list\">{children}</ol>\n        </Tag>\n      </Slot.Root>\n    );\n  }\n);\n\nProgressStepper.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-ZVL57QKB.js

@@ -1,4 +0,0 @@
-"use client";
-
-import{a}from"./chunk-R3OFII4J.js";import{a as l}from"./chunk-XAMZK2HW.js";import{a as f}from"./chunk-3QWP6FY6.js";import{a as s}from"./chunk-J3AJBV4B.js";import{b as p}from"./chunk-PDEVCIQ3.js";import{forwardRef as L}from"react";import{Fragment as y,jsx as t,jsxs as e}from"react/jsx-runtime";var C="ListItemContent",o=p(C),x=L(({heading:c,leadingContent:m,trailingContent:n,helperText:r,className:d,badge:v,badgePlacement:N="bottom",children:i},I)=>t("div",{ref:I,className:s(o,d),children:i||e(y,{children:[m||null,e(l,{direction:N==="top"?"column-reverse":"column",className:`${o}MainContent`,children:[e("div",{children:[t(f,{size:"lg",children:c}),r?t(a,{children:r}):null]}),v]}),t("div",{className:`${o}TrailingContent`,children:n||null})]})}));x.displayName=C;export{x as a};
-//# sourceMappingURL=chunk-ZVL57QKB.js.map

package/dist/chunk-ZVLAL6MN.cjs

@@ -1,4 +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; }"use client";
-
-var _chunkWRCAYZ6Ecjs = require('./chunk-WRCAYZ6E.cjs');var _chunkIAFYIHVPcjs = require('./chunk-IAFYIHVP.cjs');var _chunkCSKQDZJ7cjs = require('./chunk-CSKQDZJ7.cjs');var _chunkRIHABKWYcjs = require('./chunk-RIHABKWY.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _useMergedRefs = require('@base-ui/utils/useMergedRefs');var _jsxruntime = require('react/jsx-runtime');var w="PasswordInput",I=_chunk4Q432K4Wcjs.b.call(void 0, w),L= exports.a =_react.forwardRef.call(void 0, ({className:E,disabled:r,id:v,...M},P)=>{let e=_react.useRef.call(void 0, null),S=_useMergedRefs.useMergedRefs.call(void 0, P,e),[s,l]=_react.useState.call(void 0, !1),[i,a]=_react.useState.call(void 0, !1),h=_react.useCallback.call(void 0, ()=>{let t=!s,n=!i;l(t),a(n)},[s,i]);_react.useEffect.call(void 0, ()=>{let t=null;e&&typeof e=="object"&&e.current&&(t=e.current);let n=()=>{_optionalChain([t, 'optionalAccess', _ => _.type])&&(t.type="password",l(!1))};return t&&t.form!==null&&t.form.addEventListener("submit",n),()=>{_optionalChain([t, 'optionalAccess', _2 => _2.form])&&t.form.removeEventListener("submit",n)}},[e]);let g=`Your password is ${s?"shown":"hidden"}!`;_react.useEffect.call(void 0, ()=>{setTimeout(()=>{a(!1)},1500)},[i]);let{id:O}=_chunkRIHABKWYcjs.a.call(void 0, {providedId:v,prefix:"password-input"});return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkWRCAYZ6Ecjs.a,{ref:S,className:_chunkONNSZMWFcjs.a.call(void 0, I,E),type:s?"text":"password",disabled:r,id:O,"data-testid":I,...M,children:_jsxruntime.jsx.call(void 0, _chunkIAFYIHVPcjs.a,{placement:"suffix",children:_jsxruntime.jsx.call(void 0, _chunkCSKQDZJ7cjs.a,{type:"button",label:"toggle password visibility",onClick:h,disabled:r,"aria-pressed":s,children:s?_jsxruntime.jsx.call(void 0, _hearthreacticons.EyeSmallIcon,{}):_jsxruntime.jsx.call(void 0, _hearthreacticons.EyeOffSmallIcon,{})})})}),_jsxruntime.jsx.call(void 0, "div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status",children:i?g:""})]})});L.displayName=w;exports.a = L;
-//# sourceMappingURL=chunk-ZVLAL6MN.cjs.map

package/dist/chunk-ZVLAL6MN.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZVLAL6MN.cjs","../src/components/PasswordInput/PasswordInput.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","PasswordInput","forwardRef","className","disabled","providedId","props","forwardedRef","internalRef","useRef","inputRef","useMergedRefs","visible","setVisible","useState","showVisibilityMessage","setShowVisibilityMessage","handleVisibility","useCallback","newVisibilityState","newVisibilityMessageState","useEffect","currentElement","handleSubmit","visibilityMessage","id","useIds","jsxs","Fragment","jsx","TextInput","cn","InputSlot","UnstyledIconButton","EyeSmallIcon","EyeOffSmallIcon"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZVLAL6MN.cjs","sourcesContent":[null,"'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { cn } from '../../helpers/cn';\nimport { forwardRef, useRef, useState, useCallback, useEffect } from 'react';\nimport type { RefObject } from 'react';\nimport type { PasswordInputProps } from './PasswordInput.props';\nimport { TextInput } from '../TextInput/TextInput';\nimport { InputSlot } from '../InputSlot/InputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { EyeOffSmallIcon, EyeSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { useIds } from '../../hooks/use-ids';\nimport type { InputBaseElement } from '../InputBase/InputBase';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\n\nconst COMPONENT_NAME = 'PasswordInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const PasswordInput = forwardRef<InputBaseElement, PasswordInputProps>(\n  ({ className, disabled, id: providedId, ...props }, forwardedRef) => {\n    const internalRef = useRef<HTMLInputElement | null>(null);\n    const inputRef = useMergedRefs(forwardedRef, internalRef);\n\n    const [visible, setVisible] = useState(false);\n    const [showVisibilityMessage, setShowVisibilityMessage] = useState(false);\n\n    const handleVisibility = useCallback(() => {\n      const newVisibilityState = !visible;\n      const newVisibilityMessageState = !showVisibilityMessage;\n      setVisible(newVisibilityState);\n      setShowVisibilityMessage(newVisibilityMessageState);\n    }, [visible, showVisibilityMessage]);\n\n    // If the PasswordInput is inside a form we should switch the input type\n    // back to password when its parent form is submitted\n    useEffect(() => {\n      // Get the ref value and ensure proper typing\n      let currentElement: HTMLInputElement | null = null;\n      if (internalRef && typeof internalRef === 'object' && internalRef.current) {\n        // Type assertion to ensure TypeScript understands this is a valid ref object\n        const refObject = internalRef as RefObject<HTMLInputElement>;\n        currentElement = refObject.current;\n      }\n\n      const handleSubmit = () => {\n        if (currentElement?.type) {\n          currentElement.type = 'password';\n          setVisible(false);\n        }\n      };\n\n      if (currentElement && currentElement.form !== null) {\n        currentElement.form.addEventListener('submit', handleSubmit);\n      }\n      return () => {\n        if (currentElement?.form) {\n          currentElement.form.removeEventListener('submit', handleSubmit);\n        }\n      };\n    }, [internalRef]);\n\n    const visibilityMessage = `Your password is ${visible ? 'shown' : 'hidden'}!`;\n\n    useEffect(() => {\n      setTimeout(() => {\n        setShowVisibilityMessage(false);\n      }, 1500);\n    }, [showVisibilityMessage]);\n\n    const { id } = useIds({ providedId, prefix: 'password-input' });\n\n    return (\n      <>\n        <TextInput\n          ref={inputRef}\n          className={cn(componentClassName, className)}\n          type={visible ? 'text' : 'password'}\n          disabled={disabled}\n          id={id}\n          data-testid={componentClassName}\n          {...props}\n        >\n          <InputSlot placement=\"suffix\">\n            <UnstyledIconButton\n              type=\"button\"\n              label=\"toggle password visibility\"\n              onClick={handleVisibility}\n              disabled={disabled}\n              aria-pressed={visible}\n            >\n              {visible ? <EyeSmallIcon /> : <EyeOffSmallIcon />}\n            </UnstyledIconButton>\n          </InputSlot>\n        </TextInput>\n        <div data-visually-hidden aria-live=\"assertive\" role=\"status\">\n          {showVisibilityMessage ? visibilityMessage : ''}\n        </div>\n      </>\n    );\n  }\n);\n\nPasswordInput.displayName = COMPONENT_NAME;\n"]}