@utilitywarehouse/hearth-react 0.23.3 → 0.23.4

package/dist/chunk-ODZ7WYDS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/TextArea/TextArea.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { useIds } from '../../hooks/use-ids';\nimport type { TextAreaProps } from './TextArea.props';\nimport { Flex } from '../Flex/Flex';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { FormField } from '../FormField/FormField';\n\nconst COMPONENT_NAME = 'TextArea';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const TextArea = (props: TextAreaProps) => {\n  const {\n    className,\n    validationStatus,\n    validationText,\n    label,\n    labelVariant,\n    helperText,\n    id: providedId,\n    disabled,\n    readOnly,\n    required,\n    placeholder,\n    'aria-describedby': ariaDescribedby,\n    resize,\n    rows = 3,\n    ...textAreaProps\n  } = extractProps(props, marginPropDefs);\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'textarea',\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  return (\n    <FormField\n      className={cn(componentClassName, className)}\n      data-validation-status={validationStatus ? validationStatus : undefined}\n      data-disabled={disabled ? '' : undefined}\n      {...formFieldProps}\n    >\n      <Flex direction=\"column\" className={`${componentClassName}Root`}>\n        <textarea\n          id={id}\n          rows={rows}\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          data-resize={resize}\n          {...textAreaProps}\n        />\n      </Flex>\n    </FormField>\n  );\n};\n\nTextArea.displayName = COMPONENT_NAME;\n"],"mappings":"gUAoEQ,cAAAA,MAAA,oBAxDR,IAAMC,EAAiB,WACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAYC,GAAyB,CAChD,GAAM,CACJ,UAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,GAAIC,EACJ,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,YAAAC,EACA,mBAAoBC,EACpB,OAAAC,EACA,KAAAC,EAAO,EACP,GAAGC,CACL,EAAIC,EAAahB,EAAOiB,CAAc,EAEhC,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,EAAc,iBAAAC,CAAiB,EAAIC,EAAO,CAC7D,WAAAf,EACA,OAAQ,UACV,CAAC,EAEKgB,EAAyB,CAACd,GAAY,CAACD,EAEvCgB,EAAiB,CACrB,GAAAN,EACA,QAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,MAAAjB,EACA,aAAAC,EACA,WAAAC,EACA,eAAgBiB,EAAiBpB,EAAiB,OAClD,iBAAkBoB,EAAiBrB,EAAmB,OACtD,SAAAQ,CACF,EAEMe,EAAuBC,EAC3Bd,EACEN,EAAac,EAAe,OAC9BG,GAAkBpB,IAAmB,OAAYkB,EAAmB,MACtE,EAEA,OACE1B,EAACgC,EAAA,CACC,UAAWC,EAAG/B,EAAoBI,CAAS,EAC3C,yBAAwBC,GAAsC,OAC9D,gBAAeM,EAAW,GAAK,OAC9B,GAAGgB,EAEJ,SAAA7B,EAACkC,EAAA,CAAK,UAAU,SAAS,UAAW,GAAGhC,CAAkB,OACvD,SAAAF,EAAC,YACC,GAAIuB,EACJ,KAAMJ,EACN,SAAUJ,EACV,SAAUF,EACV,SAAUC,EACV,YAAcD,EAAyB,OAAdG,EACzB,kBAAiBQ,EACjB,mBAAkBM,EAClB,eAAcvB,IAAqB,UAAY,GAAO,OACtD,oBAAmBA,IAAqB,UAAYmB,EAAmB,OACvE,cAAaR,EACZ,GAAGE,EACN,EACF,EACF,CAEJ,EAEAhB,EAAS,YAAcH","names":["jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","TextArea","props","className","validationStatus","validationText","label","labelVariant","helperText","providedId","disabled","readOnly","required","placeholder","ariaDescribedby","resize","rows","textAreaProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","FormField","cn","Flex"]}

package/dist/chunk-P7NJ7Y66.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkBZREAYTScjs = require('./chunk-BZREAYTS.cjs');var _chunkKRKVIREPcjs = require('./chunk-KRKVIREP.cjs');var _chunkCBLJ7ID7cjs = require('./chunk-CBLJ7ID7.cjs');var _chunkP6YDEBTEcjs = require('./chunk-P6YDEBTE.cjs');var _chunkFGO7V5QUcjs = require('./chunk-FGO7V5QU.cjs');var _chunkFHPC6D24cjs = require('./chunk-FHPC6D24.cjs');var _chunkSYIQVRDTcjs = require('./chunk-SYIQVRDT.cjs');var _chunkR7DFRCL2cjs = require('./chunk-R7DFRCL2.cjs');var _chunkU4EC7LSAcjs = require('./chunk-U4EC7LSA.cjs');var _chunkILJNV67Lcjs = require('./chunk-ILJNV67L.cjs');var _chunkYJZUEXUTcjs = require('./chunk-YJZUEXUT.cjs');var _chunkDEP54IIZcjs = require('./chunk-DEP54IIZ.cjs');var _chunk2WL4HPAPcjs = require('./chunk-2WL4HPAP.cjs');var _chunkRDNRX35Pcjs = require('./chunk-RDNRX35P.cjs');var _chunk266HWDC4cjs = require('./chunk-266HWDC4.cjs');var _chunk3GAO253Lcjs = require('./chunk-3GAO253L.cjs');var _chunk7FRNNBW5cjs = require('./chunk-7FRNNBW5.cjs');var _chunk3VJXZPWBcjs = require('./chunk-3VJXZPWB.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var h="Box",v=_chunkEJ5PAVELcjs.b.call(void 0, h),w= exports.a =T=>{let{className:u,asChild:y,as:I="div",children:o,...R}=_chunk3VJXZPWBcjs.a.call(void 0, T,_chunkBZREAYTScjs.a,_chunkFGO7V5QUcjs.a,_chunkP6YDEBTEcjs.a,_chunkYJZUEXUTcjs.a,_chunk266HWDC4cjs.a,_chunkRDNRX35Pcjs.a,_chunkFHPC6D24cjs.a,_chunkU4EC7LSAcjs.a,_chunkILJNV67Lcjs.a,_chunk7FRNNBW5cjs.a,_chunk3GAO253Lcjs.a,_chunk2WL4HPAPcjs.a,_chunkDEP54IIZcjs.a,_chunkSYIQVRDTcjs.a,_chunkR7DFRCL2cjs.a,_chunkKRKVIREPcjs.a,_chunkCBLJ7ID7cjs.a);return _jsxruntime.jsx.call(void 0, _radixui.Slot.Root,{className:_chunkGVVJQBRKcjs.a.call(void 0, v,u),...R,children:y?o:_jsxruntime.jsx.call(void 0, I,{children:o})})};w.displayName=h;exports.a = w;
-//# sourceMappingURL=chunk-P7NJ7Y66.cjs.map

package/dist/chunk-QTT224TQ.js

@@ -1,2 +0,0 @@
-import{a as C}from"./chunk-JDABDLK7.js";import{a as N}from"./chunk-FRRPRW67.js";import{a as b}from"./chunk-COZ4PWO4.js";import{a as e}from"./chunk-KGPZIPOA.js";import{a}from"./chunk-4KZL64RS.js";import{a as t}from"./chunk-G4IYVCCQ.js";import{a as h}from"./chunk-5B5OGUUS.js";import{a as D}from"./chunk-VG3SD2O6.js";import{a as n}from"./chunk-WP323DDO.js";import{a as x}from"./chunk-T3QNJYVM.js";import{a as g}from"./chunk-R44IQFM7.js";import{a as f}from"./chunk-J7BEXO6J.js";import{a as P}from"./chunk-IWAYZXLO.js";import{a as F}from"./chunk-EBTU7SDT.js";import{a as i}from"./chunk-4QNUU62Q.js";import{a as y}from"./chunk-WASTLQ6X.js";import{a as s}from"./chunk-W6VYE222.js";import{a as u}from"./chunk-GPU3ESR5.js";import{a as l}from"./chunk-PQBMMI4K.js";import{a as d}from"./chunk-YXPCI7XL.js";import{a as c}from"./chunk-MNEDCJTO.js";import{a as p}from"./chunk-XXFFX25X.js";import{a as r}from"./chunk-MSHCGZ4G.js";import{b as m}from"./chunk-KDSBNW6G.js";import{Slot as A}from"radix-ui";import{jsx as I}from"react/jsx-runtime";var T="Flex",E=m(T),M=R=>{let{className:S,asChild:v,as:w="div",children:o,...z}=p(R,C,u,y,a,e,s,f,l,t,F,x,g,c,d,i,P,h,D,n,N,b);return I(A.Root,{className:r(E,S),...z,children:v?o:I(w,{children:o})})};M.displayName=T;export{M as a};
-//# sourceMappingURL=chunk-QTT224TQ.js.map

package/dist/chunk-UXEWWMEZ.js

@@ -1,2 +0,0 @@
-import{a as n}from"./chunk-R7Q3IG3U.js";import{a as i}from"./chunk-CMJFPQ6E.js";import{a as s}from"./chunk-MSHCGZ4G.js";import{b as p}from"./chunk-KDSBNW6G.js";import{jsx as o}from"react/jsx-runtime";var a="ProgressStepButton",g=p(a),S=({children:t,label:l,className:m,status:r,disabled:e,onClick:P,"aria-label":c,...u})=>{let f=r==="active";return o(n,{status:r,className:s(g,m),"aria-label":c,label:l,children:f?t:o(i,{asChild:!0,"aria-disabled":e,children:o("button",{...u,onClick:e?void 0:P,children:t})})})};S.displayName=a;export{S as a};
-//# sourceMappingURL=chunk-UXEWWMEZ.js.map

package/dist/chunk-UXEWWMEZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ProgressStepper/ProgressStepButton.tsx"],"sourcesContent":["'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Link } from '../Link/Link';\nimport { cn } from '../../helpers/cn';\nimport type { ProgressStepButtonProps } from './ProgressStep.props';\nimport { ProgressStep } from './ProgressStep';\n\nconst COMPONENT_NAME = 'ProgressStepButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const ProgressStepButton = ({\n  children,\n  label,\n  className,\n  status,\n  disabled,\n  onClick,\n  'aria-label': ariaLabel,\n  ...props\n}: ProgressStepButtonProps) => {\n  const isActive = status === 'active';\n\n  return (\n    <ProgressStep\n      status={status}\n      className={cn(componentClassName, className)}\n      aria-label={ariaLabel}\n      label={label}\n    >\n      {isActive ? (\n        children\n      ) : (\n        <Link asChild aria-disabled={disabled}>\n          <button {...props} onClick={disabled ? undefined : onClick}>\n            {children}\n          </button>\n        </Link>\n      )}\n    </ProgressStep>\n  );\n};\n\nProgressStepButton.displayName = COMPONENT_NAME;\n"],"mappings":"gKAkCU,cAAAA,MAAA,oBA1BV,IAAMC,EAAiB,qBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAqB,CAAC,CACjC,SAAAC,EACA,MAAAC,EACA,UAAAC,EACA,OAAAC,EACA,SAAAC,EACA,QAAAC,EACA,aAAcC,EACd,GAAGC,CACL,IAA+B,CAC7B,IAAMC,EAAWL,IAAW,SAE5B,OACER,EAACc,EAAA,CACC,OAAQN,EACR,UAAWO,EAAGb,EAAoBK,CAAS,EAC3C,aAAYI,EACZ,MAAOL,EAEN,SAAAO,EACCR,EAEAL,EAACgB,EAAA,CAAK,QAAO,GAAC,gBAAeP,EAC3B,SAAAT,EAAC,UAAQ,GAAGY,EAAO,QAASH,EAAW,OAAYC,EAChD,SAAAL,EACH,EACF,EAEJ,CAEJ,EAEAD,EAAmB,YAAcH","names":["jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","ProgressStepButton","children","label","className","status","disabled","onClick","ariaLabel","props","isActive","ProgressStep","cn","Link"]}

package/dist/chunk-W2NMYVJS.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkM7J2YDFAcjs = require('./chunk-M7J2YDFA.cjs');var _chunkUQJDK46Hcjs = require('./chunk-UQJDK46H.cjs');var _chunkGVVJQBRKcjs = require('./chunk-GVVJQBRK.cjs');var _chunkEJ5PAVELcjs = require('./chunk-EJ5PAVEL.cjs');var _jsxruntime = require('react/jsx-runtime');var a="ProgressStepButton",g=_chunkEJ5PAVELcjs.b.call(void 0, a),S= exports.a =({children:t,label:l,className:m,status:r,disabled:e,onClick:P,"aria-label":c,...u})=>{let f=r==="active";return _jsxruntime.jsx.call(void 0, _chunkM7J2YDFAcjs.a,{status:r,className:_chunkGVVJQBRKcjs.a.call(void 0, g,m),"aria-label":c,label:l,children:f?t:_jsxruntime.jsx.call(void 0, _chunkUQJDK46Hcjs.a,{asChild:!0,"aria-disabled":e,children:_jsxruntime.jsx.call(void 0, "button",{...u,onClick:e?void 0:P,children:t})})})};S.displayName=a;exports.a = S;
-//# sourceMappingURL=chunk-W2NMYVJS.cjs.map

package/dist/chunk-W2NMYVJS.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-W2NMYVJS.cjs","../src/components/ProgressStepper/ProgressStepButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ProgressStepButton","children","label","className","status","disabled","onClick","ariaLabel","props","isActive","jsx","ProgressStep","cn","Link"],"mappings":"AAAA,iIAAwC,wDAAyC,wDAAyC,wDAAyC,+CCkCzJ,IA1BJA,CAAAA,CAAiB,oBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAqB,CAAC,CACjC,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,MAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,YAAA,CAAcC,CAAAA,CACd,GAAGC,CACL,CAAA,CAAA,EAA+B,CAC7B,IAAMC,CAAAA,CAAWL,CAAAA,GAAW,QAAA,CAE5B,OACEM,6BAAAA,mBAACC,CAAA,CACC,MAAA,CAAQP,CAAAA,CACR,SAAA,CAAWQ,iCAAAA,CAAGd,CAAoBK,CAAS,CAAA,CAC3C,YAAA,CAAYI,CAAAA,CACZ,KAAA,CAAOL,CAAAA,CAEN,QAAA,CAAAO,CAAAA,CACCR,CAAAA,CAEAS,6BAAAA,mBAACG,CAAA,CAAK,OAAA,CAAO,CAAA,CAAA,CAAC,eAAA,CAAeR,CAAAA,CAC3B,QAAA,CAAAK,6BAAAA,QAAC,CAAA,CAAQ,GAAGF,CAAAA,CAAO,OAAA,CAASH,CAAAA,CAAW,KAAA,CAAA,CAAYC,CAAAA,CAChD,QAAA,CAAAL,CAAAA,CACH,CAAA,CACF,CAAA,CAEJ,CAEJ,CAAA,CAEAD,CAAAA,CAAmB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-W2NMYVJS.cjs","sourcesContent":[null,"'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Link } from '../Link/Link';\nimport { cn } from '../../helpers/cn';\nimport type { ProgressStepButtonProps } from './ProgressStep.props';\nimport { ProgressStep } from './ProgressStep';\n\nconst COMPONENT_NAME = 'ProgressStepButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const ProgressStepButton = ({\n  children,\n  label,\n  className,\n  status,\n  disabled,\n  onClick,\n  'aria-label': ariaLabel,\n  ...props\n}: ProgressStepButtonProps) => {\n  const isActive = status === 'active';\n\n  return (\n    <ProgressStep\n      status={status}\n      className={cn(componentClassName, className)}\n      aria-label={ariaLabel}\n      label={label}\n    >\n      {isActive ? (\n        children\n      ) : (\n        <Link asChild aria-disabled={disabled}>\n          <button {...props} onClick={disabled ? undefined : onClick}>\n            {children}\n          </button>\n        </Link>\n      )}\n    </ProgressStep>\n  );\n};\n\nProgressStepButton.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-WD3AYLTM.js

@@ -1,2 +0,0 @@
-import{a as n}from"./chunk-MSHCGZ4G.js";import{b as o}from"./chunk-KDSBNW6G.js";import I from"react";import{jsx as P,jsxs as y}from"react/jsx-runtime";var r="InputBase",N=o(r),B=({className:s,children:a,disabled:t,readOnly:p,required:u,placeholder:i,ref:c,...f})=>{let l=I.useRef(null),e=c||l;return y("div",{className:n(N,s),"data-disabled":t?"":void 0,onPointerDown:m=>{if(!m.target.closest("input, button, a")&&e&&typeof e=="object"&&e.current){let d=e.current;requestAnimationFrame(()=>{d.focus()})}},children:[P("input",{ref:e,spellCheck:"false",required:u,disabled:t,readOnly:p,placeholder:t?void 0:i,...f}),a]})};B.displayName=r;export{B as a};
-//# sourceMappingURL=chunk-WD3AYLTM.js.map

package/dist/chunk-WD3AYLTM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/InputBase/InputBase.tsx"],"sourcesContent":["'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { cn } from '../../helpers/cn';\nimport React from 'react';\nimport type { InputBaseProps } from './InputBase.props';\n\nconst COMPONENT_NAME = 'InputBase';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const InputBase = ({\n  className,\n  children,\n  disabled,\n  readOnly,\n  required,\n  placeholder,\n  ref: forwardedRef,\n  ...props\n}: InputBaseProps) => {\n  const defaultRef = React.useRef<HTMLInputElement>(null);\n  const inputRef = forwardedRef || defaultRef;\n  return (\n    <div\n      className={cn(componentClassName, className)}\n      data-disabled={disabled ? '' : undefined}\n      onPointerDown={event => {\n        // avoid losing focus when users click on non-interactive slot elements, such as icons\n        const target = event.target as HTMLElement;\n        if (target.closest('input, button, a')) return;\n\n        if (inputRef && typeof inputRef === 'object' && inputRef.current) {\n          const input = inputRef.current;\n          requestAnimationFrame(() => {\n            input.focus();\n          });\n        }\n      }}\n    >\n      <input\n        ref={inputRef}\n        spellCheck=\"false\"\n        required={required}\n        disabled={disabled}\n        readOnly={readOnly}\n        placeholder={!disabled ? placeholder : undefined}\n        {...props}\n      />\n      {children}\n    </div>\n  );\n};\n\nInputBase.displayName = COMPONENT_NAME;\n"],"mappings":"gFAIA,OAAOA,MAAW,QAmBd,OAgBE,OAAAC,EAhBF,QAAAC,MAAA,oBAhBJ,IAAMC,EAAiB,YACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAY,CAAC,CACxB,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,YAAAC,EACA,IAAKC,EACL,GAAGC,CACL,IAAsB,CACpB,IAAMC,EAAaf,EAAM,OAAyB,IAAI,EAChDgB,EAAWH,GAAgBE,EACjC,OACEb,EAAC,OACC,UAAWe,EAAGb,EAAoBG,CAAS,EAC3C,gBAAeE,EAAW,GAAK,OAC/B,cAAeS,GAAS,CAGtB,GAAI,CADWA,EAAM,OACV,QAAQ,kBAAkB,GAEjCF,GAAY,OAAOA,GAAa,UAAYA,EAAS,QAAS,CAChE,IAAMG,EAAQH,EAAS,QACvB,sBAAsB,IAAM,CAC1BG,EAAM,MAAM,CACd,CAAC,CACH,CACF,EAEA,UAAAlB,EAAC,SACC,IAAKe,EACL,WAAW,QACX,SAAUL,EACV,SAAUF,EACV,SAAUC,EACV,YAAcD,EAAyB,OAAdG,EACxB,GAAGE,EACN,EACCN,GACH,CAEJ,EAEAF,EAAU,YAAcH","names":["React","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","InputBase","className","children","disabled","readOnly","required","placeholder","forwardedRef","props","defaultRef","inputRef","cn","event","input"]}