@utilitywarehouse/hearth-react 0.5.0 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (118) hide show
  1. package/dist/{chunk-CBQLP4ER.js → chunk-2GYFUPYX.js} +2 -2
  2. package/dist/chunk-2HATIMMN.cjs +2 -0
  3. package/dist/chunk-2HATIMMN.cjs.map +1 -0
  4. package/dist/{chunk-O4QC2JF5.cjs → chunk-3M5GFHDO.cjs} +1 -1
  5. package/dist/{chunk-O4QC2JF5.cjs.map → chunk-3M5GFHDO.cjs.map} +1 -1
  6. package/dist/{chunk-VI5O2CNH.cjs → chunk-5QZW2CVP.cjs} +1 -1
  7. package/dist/{chunk-VI5O2CNH.cjs.map → chunk-5QZW2CVP.cjs.map} +1 -1
  8. package/dist/{chunk-JS3RDEKZ.js → chunk-AQ322MFR.js} +2 -2
  9. package/dist/{chunk-JXGS6FKI.cjs → chunk-BNMQKKQG.cjs} +2 -2
  10. package/dist/{chunk-JXGS6FKI.cjs.map → chunk-BNMQKKQG.cjs.map} +1 -1
  11. package/dist/{chunk-JK6YGBA7.cjs → chunk-CZ4ZQOCW.cjs} +1 -1
  12. package/dist/{chunk-JK6YGBA7.cjs.map → chunk-CZ4ZQOCW.cjs.map} +1 -1
  13. package/dist/{chunk-N6GQR4EC.cjs → chunk-EIZVSH76.cjs} +2 -2
  14. package/dist/{chunk-N6GQR4EC.cjs.map → chunk-EIZVSH76.cjs.map} +1 -1
  15. package/dist/chunk-EJQOKU57.cjs +2 -0
  16. package/dist/chunk-EJQOKU57.cjs.map +1 -0
  17. package/dist/{chunk-NTHUZ7EP.cjs → chunk-FHBLIK6L.cjs} +1 -1
  18. package/dist/{chunk-NTHUZ7EP.cjs.map → chunk-FHBLIK6L.cjs.map} +1 -1
  19. package/dist/chunk-FU75MK27.cjs +2 -0
  20. package/dist/chunk-FU75MK27.cjs.map +1 -0
  21. package/dist/chunk-GCZO5HRJ.js +2 -0
  22. package/dist/chunk-GCZO5HRJ.js.map +1 -0
  23. package/dist/{chunk-B42GJ6TO.js → chunk-GOKA6XUX.js} +2 -2
  24. package/dist/chunk-GOKFUDH4.js +2 -0
  25. package/dist/chunk-GOKFUDH4.js.map +1 -0
  26. package/dist/chunk-HLGSJ7VZ.js +2 -0
  27. package/dist/chunk-HLGSJ7VZ.js.map +1 -0
  28. package/dist/{chunk-WDO5LWAP.js → chunk-IOPJMAFL.js} +2 -2
  29. package/dist/{chunk-XEEDKY3F.js → chunk-JM4RYNG3.js} +2 -2
  30. package/dist/{chunk-3I27SIVG.js → chunk-KX5PFWQG.js} +2 -2
  31. package/dist/{chunk-DCE34VT5.cjs → chunk-LMVWLJME.cjs} +1 -1
  32. package/dist/{chunk-DCE34VT5.cjs.map → chunk-LMVWLJME.cjs.map} +1 -1
  33. package/dist/chunk-LX55FQR5.js +2 -0
  34. package/dist/chunk-LX55FQR5.js.map +1 -0
  35. package/dist/{chunk-TV6ICMYH.js → chunk-MVVYXPVV.js} +2 -2
  36. package/dist/{chunk-LUPIUVH4.cjs → chunk-N6WTU5IQ.cjs} +1 -1
  37. package/dist/{chunk-LUPIUVH4.cjs.map → chunk-N6WTU5IQ.cjs.map} +1 -1
  38. package/dist/{chunk-OK7GLQBU.cjs → chunk-NMWYVOB5.cjs} +1 -1
  39. package/dist/{chunk-OK7GLQBU.cjs.map → chunk-NMWYVOB5.cjs.map} +1 -1
  40. package/dist/{chunk-WZA32VXG.cjs → chunk-OUOHGXSD.cjs} +2 -2
  41. package/dist/{chunk-WZA32VXG.cjs.map → chunk-OUOHGXSD.cjs.map} +1 -1
  42. package/dist/{chunk-44M3HSOB.js → chunk-PFQOYDXS.js} +2 -2
  43. package/dist/{chunk-7S6UOJOL.cjs → chunk-PH3THV4W.cjs} +1 -1
  44. package/dist/{chunk-7S6UOJOL.cjs.map → chunk-PH3THV4W.cjs.map} +1 -1
  45. package/dist/{chunk-UX4MUVUS.js → chunk-SEYBIGHK.js} +2 -2
  46. package/dist/{chunk-66T22MXP.cjs → chunk-SQC6TTIC.cjs} +2 -2
  47. package/dist/{chunk-66T22MXP.cjs.map → chunk-SQC6TTIC.cjs.map} +1 -1
  48. package/dist/chunk-TBOBX6LG.cjs +2 -0
  49. package/dist/chunk-TBOBX6LG.cjs.map +1 -0
  50. package/dist/{chunk-ECZ4O2DX.js → chunk-TBYXQUBP.js} +2 -2
  51. package/dist/{chunk-YZ26DXQZ.js → chunk-UA7DGD3T.js} +2 -2
  52. package/dist/{chunk-JLHY5GT7.js → chunk-X472IBQX.js} +2 -2
  53. package/dist/components/Checkbox/Checkbox.cjs +1 -1
  54. package/dist/components/Checkbox/Checkbox.js +1 -1
  55. package/dist/components/CheckboxGroup/CheckboxGroup.cjs +1 -1
  56. package/dist/components/CheckboxGroup/CheckboxGroup.js +1 -1
  57. package/dist/components/CheckboxTile/CheckboxTile.cjs +1 -1
  58. package/dist/components/CheckboxTile/CheckboxTile.js +1 -1
  59. package/dist/components/FormGroupBase/FormGroupBase.cjs +1 -1
  60. package/dist/components/FormGroupBase/FormGroupBase.js +1 -1
  61. package/dist/components/List/List.cjs +1 -1
  62. package/dist/components/List/List.cjs.map +1 -1
  63. package/dist/components/List/List.js +1 -1
  64. package/dist/components/PasswordInput/PasswordInput.cjs +1 -1
  65. package/dist/components/PasswordInput/PasswordInput.js +1 -1
  66. package/dist/components/Radio/Radio.cjs +1 -1
  67. package/dist/components/Radio/Radio.js +1 -1
  68. package/dist/components/RadioCard/RadioCard.cjs +1 -1
  69. package/dist/components/RadioCard/RadioCard.js +1 -1
  70. package/dist/components/RadioGroup/RadioGroup.cjs +1 -1
  71. package/dist/components/RadioGroup/RadioGroup.js +1 -1
  72. package/dist/components/RadioTile/RadioTile.cjs +1 -1
  73. package/dist/components/RadioTile/RadioTile.js +1 -1
  74. package/dist/components/SearchInput/SearchInput.cjs +1 -1
  75. package/dist/components/SearchInput/SearchInput.js +1 -1
  76. package/dist/components/SectionHeader/SectionHeader.cjs +2 -0
  77. package/dist/components/SectionHeader/SectionHeader.cjs.map +1 -0
  78. package/dist/components/SectionHeader/SectionHeader.d.cts +13 -0
  79. package/dist/components/SectionHeader/SectionHeader.d.ts +13 -0
  80. package/dist/components/SectionHeader/SectionHeader.js +2 -0
  81. package/dist/components/SectionHeader/SectionHeader.js.map +1 -0
  82. package/dist/components/SectionHeader/SectionHeader.props.cjs +2 -0
  83. package/dist/components/SectionHeader/SectionHeader.props.cjs.map +1 -0
  84. package/dist/components/SectionHeader/SectionHeader.props.d.cts +58 -0
  85. package/dist/components/SectionHeader/SectionHeader.props.d.ts +58 -0
  86. package/dist/components/SectionHeader/SectionHeader.props.js +2 -0
  87. package/dist/components/SectionHeader/SectionHeader.props.js.map +1 -0
  88. package/dist/components/TextArea/TextArea.cjs +1 -1
  89. package/dist/components/TextArea/TextArea.js +1 -1
  90. package/dist/components/TextInput/TextInput.cjs +1 -1
  91. package/dist/components/TextInput/TextInput.js +1 -1
  92. package/dist/hooks/use-media-query.cjs +1 -1
  93. package/dist/hooks/use-media-query.cjs.map +1 -1
  94. package/dist/hooks/use-media-query.js +1 -1
  95. package/dist/hooks/use-media-query.js.map +1 -1
  96. package/dist/index.cjs +1 -1
  97. package/dist/index.cjs.map +1 -1
  98. package/dist/index.d.cts +3 -0
  99. package/dist/index.d.ts +3 -0
  100. package/dist/index.js +1 -1
  101. package/package.json +2 -2
  102. package/styles.css +2 -2
  103. package/dist/chunk-6REDV3MD.cjs +0 -2
  104. package/dist/chunk-6REDV3MD.cjs.map +0 -1
  105. package/dist/chunk-MBWRUBBI.js +0 -2
  106. package/dist/chunk-MBWRUBBI.js.map +0 -1
  107. /package/dist/{chunk-CBQLP4ER.js.map → chunk-2GYFUPYX.js.map} +0 -0
  108. /package/dist/{chunk-JS3RDEKZ.js.map → chunk-AQ322MFR.js.map} +0 -0
  109. /package/dist/{chunk-B42GJ6TO.js.map → chunk-GOKA6XUX.js.map} +0 -0
  110. /package/dist/{chunk-WDO5LWAP.js.map → chunk-IOPJMAFL.js.map} +0 -0
  111. /package/dist/{chunk-XEEDKY3F.js.map → chunk-JM4RYNG3.js.map} +0 -0
  112. /package/dist/{chunk-3I27SIVG.js.map → chunk-KX5PFWQG.js.map} +0 -0
  113. /package/dist/{chunk-TV6ICMYH.js.map → chunk-MVVYXPVV.js.map} +0 -0
  114. /package/dist/{chunk-44M3HSOB.js.map → chunk-PFQOYDXS.js.map} +0 -0
  115. /package/dist/{chunk-UX4MUVUS.js.map → chunk-SEYBIGHK.js.map} +0 -0
  116. /package/dist/{chunk-ECZ4O2DX.js.map → chunk-TBYXQUBP.js.map} +0 -0
  117. /package/dist/{chunk-YZ26DXQZ.js.map → chunk-UA7DGD3T.js.map} +0 -0
  118. /package/dist/{chunk-JLHY5GT7.js.map → chunk-X472IBQX.js.map} +0 -0
@@ -1,2 +1,2 @@
1
- import{a as c}from"./chunk-ECZ4O2DX.js";import{a as n}from"./chunk-PUVKWSFV.js";import{a as u}from"./chunk-X3PGQ2KF.js";import{a as m}from"./chunk-AAWHD26E.js";import{b as p}from"./chunk-4PEMW3UE.js";import d from"clsx";import e from"react";import{CloseSmallIcon as y,SearchMediumIcon as b}from"@utilitywarehouse/hearth-react-icons";var f="SearchInput",T=p(f),E=e.forwardRef(({className:i,disabled:l,value:o,onClear:r,loading:s,...a},I)=>{let h=e.useRef(null),t=I||h,S=e.useCallback(x=>{typeof r!="function"||x.button!==0||(r(),t&&typeof t=="object"&&t.current&&t.current.focus())},[t,r]);return e.createElement(c,{ref:t,className:d(T,i),type:"search",role:"search",enterKeyHint:"search",disabled:l,hideLabel:!0,value:o,...a},e.createElement(n,{placement:"prefix"},e.createElement(b,null)),s?e.createElement(n,{placement:"suffix"},e.createElement(m,{size:"xs",color:"grey1000"})):null,o!==void 0&&String(o).length>0?e.createElement(n,{placement:"suffix"},e.createElement(u,{type:"button",label:"clear search",onClick:S,disabled:l},e.createElement(y,null))):null)});E.displayName=f;export{E as a};
2
- //# sourceMappingURL=chunk-CBQLP4ER.js.map
1
+ import{a as n}from"./chunk-PUVKWSFV.js";import{a as c}from"./chunk-TBYXQUBP.js";import{a as u}from"./chunk-X3PGQ2KF.js";import{a as m}from"./chunk-AAWHD26E.js";import{b as p}from"./chunk-4PEMW3UE.js";import d from"clsx";import e from"react";import{CloseSmallIcon as y,SearchMediumIcon as b}from"@utilitywarehouse/hearth-react-icons";var f="SearchInput",T=p(f),E=e.forwardRef(({className:i,disabled:l,value:o,onClear:r,loading:s,...a},I)=>{let h=e.useRef(null),t=I||h,S=e.useCallback(x=>{typeof r!="function"||x.button!==0||(r(),t&&typeof t=="object"&&t.current&&t.current.focus())},[t,r]);return e.createElement(c,{ref:t,className:d(T,i),type:"search",role:"search",enterKeyHint:"search",disabled:l,hideLabel:!0,value:o,...a},e.createElement(n,{placement:"prefix"},e.createElement(b,null)),s?e.createElement(n,{placement:"suffix"},e.createElement(m,{size:"xs",color:"grey1000"})):null,o!==void 0&&String(o).length>0?e.createElement(n,{placement:"suffix"},e.createElement(u,{type:"button",label:"clear search",onClick:S,disabled:l},e.createElement(y,null))):null)});E.displayName=f;export{E as a};
2
+ //# sourceMappingURL=chunk-2GYFUPYX.js.map
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});var o=["sm","md","lg","xl"],e= exports.a ={size:{className:"size",tokens:o,responsive:!1,default:"md"}};exports.a = e;
2
+ //# sourceMappingURL=chunk-2HATIMMN.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/SectionHeader/SectionHeader.props.ts"],"names":["sizes","sectionHeaderPropDefs"],"mappings":"AASA,6EAAMA,CAAAA,CAAQ,CAAC,IAAA,CAAM,IAAA,CAAM,IAAA,CAAM,IAAI,CAAA,CAExBC,CAAAA,aAAwB,CACnC,IAAA,CAAM,CAAE,SAAA,CAAW,MAAA,CAAQ,MAAA,CAAQD,CAAAA,CAAO,UAAA,CAAY,CAAA,CAAA,CAAO,OAAA,CAAS,IAAK,CAC7E,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-2HATIMMN.cjs","sourcesContent":["import { ComponentType } from 'react';\nimport { MarginProps } from '../../props/margin.props';\nimport { PropDef } from '../../props/prop-def';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { TextWrapProps } from '../../props/text-wrap.props';\nimport type { ComponentPropsWithout, RemovedProps } from '../../types/component-props';\nimport { LinkProps } from '../Link/Link.props';\n\nconst sizes = ['sm', 'md', 'lg', 'xl'] as const;\n\nexport const sectionHeaderPropDefs = {\n size: { className: 'size', tokens: sizes, responsive: false, default: 'md' },\n} satisfies {\n size: PropDef<(typeof sizes)[number]>;\n};\n\nexport interface SectionHeaderProps\n extends ComponentPropsWithout<'h2', RemovedProps>,\n TextAlignProps,\n TextTransformProps,\n TextWrapProps,\n MarginProps {\n /**\n * Actual string to display as section header\n */\n heading?: string;\n /**\n * @default h2\n */\n as?: 'h1' | 'h2' | 'h3' | 'h4' | 'div';\n /**\n * Set the text size styles.\n * @default md\n */\n size?: (typeof sizes)[number];\n /**\n * Optional helper text to provide additional context or instructions.\n */\n helperText?: string;\n /**\n * Optional configuration of link at the side.\n * Both linkText and linkHref need to be present for the link to appear.\n */\n linkText?: string;\n linkHref?: LinkProps['href'];\n /**\n * @default Chevron\n */\n linkIcon?: ComponentType;\n linkIconPosition?: 'left' | 'right';\n /**\n * @default true\n */\n linkShowIcon?: boolean;\n /**\n * @default _self\n */\n linkTarget?: React.HTMLAttributeAnchorTarget | undefined;\n}\n"]}
@@ -1,2 +1,2 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkTIOWEGWWcjs = require('./chunk-TIOWEGWW.cjs');var _chunkGFWH3VRNcjs = require('./chunk-GFWH3VRN.cjs');var _chunkK5BEIZDAcjs = require('./chunk-K5BEIZDA.cjs');var _chunkLVPYDLKGcjs = require('./chunk-LVPYDLKG.cjs');var _chunk7TQMVZ2Rcjs = require('./chunk-7TQMVZ2R.cjs');var _chunkLAVQWQP2cjs = require('./chunk-LAVQWQP2.cjs');var _chunkTMWB3U4Xcjs = require('./chunk-TMWB3U4X.cjs');var _chunk5DRU6TDWcjs = require('./chunk-5DRU6TDW.cjs');var _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _chunkDSW76HKTcjs = require('./chunk-DSW76HKT.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var g="TextArea",U=_chunk4H5JT5ORcjs.b.call(void 0, g),q= exports.a =e.forwardRef((I,N)=>{let{className:P,validationStatus:a,validationText:d,label:R,helperText:i,id:w,disabled:r,readOnly:l,required:n,placeholder:F,resize:E,rows:S=3,...V}=_chunk5DRU6TDWcjs.a.call(void 0, I,_chunkLAVQWQP2cjs.a),{id:s,labelId:m,helperTextId:p,validationTextId:o}=_chunkTMWB3U4Xcjs.a.call(void 0, {providedId:w,prefix:"textarea"}),f=!l&&!r&&a!==void 0&&d!==void 0,B=_chunkDSW76HKTcjs.a.call(void 0, i?p:void 0,f?o:void 0);return e.createElement(_chunkLVPYDLKGcjs.a,{direction:"column",gap:"75",className:_clsx2.default.call(void 0, U,P),"data-validation-status":a||void 0,"data-disabled":r?"":void 0},e.createElement(_chunkLVPYDLKGcjs.a,{direction:"column"},e.createElement(_chunkGFWH3VRNcjs.a,{htmlFor:s,id:m,disableUserSelect:!0,fontWeight:"semibold"},R,n?null:e.createElement(_chunk7TQMVZ2Rcjs.a,{as:"span",marginLeft:"50"},"(optional)")),i?e.createElement(_chunkK5BEIZDAcjs.a,{id:p,disableUserSelect:!0},i):null),e.createElement(_chunkLVPYDLKGcjs.a,{direction:"column",className:"hearth-TextAreaRoot"},e.createElement("textarea",{ref:N,id:s,rows:S,required:n,disabled:r,readOnly:l,placeholder:r?void 0:F,"aria-labelledby":m,"aria-describedby":B,"aria-invalid":a==="invalid"?!0:void 0,"aria-errormessage":a==="invalid"?o:void 0,"data-resize":E,...V})),f?e.createElement(_chunkTIOWEGWWcjs.a,{status:a,disableUserSelect:!0,id:o},d):null)});q.displayName=g;exports.a = q;
2
- //# sourceMappingURL=chunk-O4QC2JF5.cjs.map
2
+ //# sourceMappingURL=chunk-3M5GFHDO.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-O4QC2JF5.cjs","../src/components/TextArea/TextArea.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","TextArea","props","ref","className","validationStatus","validationText","label","helperText","providedId","disabled","readOnly","required","placeholder","resize","rows","textAreaProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidationText","ariaDescribedbyValue","mergeIds","Flex","clsx","Label","BodyText","HelperText","ValidationText"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-O4QC2JF5.cjs","sourcesContent":[null,"import * as React from 'react';\nimport type { ElementRef } from 'react';\n\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { useIds } from '../../hooks/use-ids';\nimport { TextAreaProps } from './TextArea.props';\nimport { Label } from '../Label/Label';\nimport { HelperText } from '../HelperText/HelperText';\nimport { ValidationText } from '../ValidationText/ValidationText';\nimport { Flex } from '../Flex/Flex';\nimport { BodyText } from '../BodyText/BodyText';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst componentName = 'TextArea';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype TextAreaElement = ElementRef<'textarea'>;\n\nexport const TextArea = React.forwardRef<TextAreaElement, TextAreaProps>((props, ref) => {\n const {\n className,\n validationStatus,\n validationText,\n label,\n helperText,\n id: providedId,\n disabled,\n readOnly,\n required,\n placeholder,\n resize,\n rows = 3,\n ...textAreaProps\n } = extractProps(props, marginPropDefs);\n const { id, labelId, helperTextId, validationTextId } = useIds({\n providedId,\n prefix: 'textarea',\n });\n\n const showValidationText = Boolean(\n !readOnly && !disabled && validationStatus !== undefined && validationText !== undefined\n );\n\n const ariaDescribedbyValue = mergeIds(\n !!helperText ? helperTextId : undefined,\n showValidationText ? validationTextId : undefined\n );\n\n return (\n <Flex\n direction=\"column\"\n gap=\"75\"\n className={clsx(componentClassName, className)}\n data-validation-status={validationStatus ? validationStatus : undefined}\n data-disabled={disabled ? '' : undefined}\n >\n <Flex direction=\"column\">\n <Label htmlFor={id} id={labelId} disableUserSelect fontWeight=\"semibold\">\n {label}\n {required ? null : (\n <BodyText as=\"span\" marginLeft=\"50\">\n (optional)\n </BodyText>\n )}\n </Label>\n {helperText ? (\n <HelperText id={helperTextId} disableUserSelect>\n {helperText}\n </HelperText>\n ) : null}\n </Flex>\n <Flex direction=\"column\" className=\"hearth-TextAreaRoot\">\n <textarea\n ref={ref}\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 {showValidationText ? (\n <ValidationText status={validationStatus} disableUserSelect id={validationTextId}>\n {validationText}\n </ValidationText>\n ) : null}\n </Flex>\n );\n});\n\nTextArea.displayName = componentName;\n"]}
1
+ {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-3M5GFHDO.cjs","../src/components/TextArea/TextArea.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","TextArea","props","ref","className","validationStatus","validationText","label","helperText","providedId","disabled","readOnly","required","placeholder","resize","rows","textAreaProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidationText","ariaDescribedbyValue","mergeIds","Flex","clsx","Label","BodyText","HelperText","ValidationText"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECAlY,wEAGN,IAaXA,CAAAA,CAAgB,UAAA,CAChBC,CAAAA,CAAqBC,iCAAAA,CAA8B,CAAA,CAI5CC,CAAAA,aAAiB,CAAA,CAAA,UAAA,CAA2C,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACvF,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,MAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CAAO,CAAA,CACP,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaf,CAAOgB,mBAAc,CAAA,CAChC,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,UACV,CAAC,CAAA,CAEKe,CAAAA,CACJ,CAACb,CAAAA,EAAY,CAACD,CAAAA,EAAYL,CAAAA,GAAqB,KAAA,CAAA,EAAaC,CAAAA,GAAmB,KAAA,CAAA,CAG3EmB,CAAAA,CAAuBC,iCAAAA,CACzBlB,CAAaa,CAAAA,CAAe,KAAA,CAAA,CAC9BG,CAAAA,CAAqBF,CAAAA,CAAmB,KAAA,CAC1C,CAAA,CAEA,OACE,CAAA,CAAA,aAAA,CAACK,mBAAAA,CAAA,CACC,SAAA,CAAU,QAAA,CACV,GAAA,CAAI,IAAA,CACJ,SAAA,CAAWC,4BAAAA,CAAK7B,CAAoBK,CAAS,CAAA,CAC7C,wBAAA,CAAwBC,CAAAA,EAAsC,KAAA,CAAA,CAC9D,eAAA,CAAeK,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAAA,CAE/B,CAAA,CAAA,aAAA,CAACiB,mBAAAA,CAAA,CAAK,SAAA,CAAU,QAAA,CAAA,CACd,CAAA,CAAA,aAAA,CAACE,mBAAAA,CAAA,CAAM,OAAA,CAASV,CAAAA,CAAI,EAAA,CAAIC,CAAAA,CAAS,iBAAA,CAAiB,CAAA,CAAA,CAAC,UAAA,CAAW,UAAA,CAAA,CAC3Db,CAAAA,CACAK,CAAAA,CAAW,IAAA,CACV,CAAA,CAAA,aAAA,CAACkB,mBAAAA,CAAA,CAAS,EAAA,CAAG,MAAA,CAAO,UAAA,CAAW,IAAA,CAAA,CAAK,YAEpC,CAEJ,CAAA,CACCtB,CAAAA,CACC,CAAA,CAAA,aAAA,CAACuB,mBAAAA,CAAA,CAAW,EAAA,CAAIV,CAAAA,CAAc,iBAAA,CAAiB,CAAA,CAAA,CAAA,CAC5Cb,CACH,CAAA,CACE,IACN,CAAA,CACA,CAAA,CAAA,aAAA,CAACmB,mBAAAA,CAAA,CAAK,SAAA,CAAU,QAAA,CAAS,SAAA,CAAU,qBAAA,CAAA,CACjC,CAAA,CAAA,aAAA,CAAC,UAAA,CAAA,CACC,GAAA,CAAKxB,CAAAA,CACL,EAAA,CAAIgB,CAAAA,CACJ,IAAA,CAAMJ,CAAAA,CACN,QAAA,CAAUH,CAAAA,CACV,QAAA,CAAUF,CAAAA,CACV,QAAA,CAAUC,CAAAA,CACV,WAAA,CAAcD,CAAAA,CAAyB,KAAA,CAAA,CAAdG,CAAAA,CACzB,iBAAA,CAAiBO,CAAAA,CACjB,kBAAA,CAAkBK,CAAAA,CAClB,cAAA,CAAcpB,CAAAA,GAAqB,SAAA,CAAY,CAAA,CAAA,CAAO,KAAA,CAAA,CACtD,mBAAA,CAAmBA,CAAAA,GAAqB,SAAA,CAAYiB,CAAAA,CAAmB,KAAA,CAAA,CACvE,aAAA,CAAaR,CAAAA,CACZ,GAAGE,CAAAA,CACN,CACF,CAAA,CACCQ,CAAAA,CACC,CAAA,CAAA,aAAA,CAACQ,mBAAAA,CAAA,CAAe,MAAA,CAAQ3B,CAAAA,CAAkB,iBAAA,CAAiB,CAAA,CAAA,CAAC,EAAA,CAAIiB,CAAAA,CAAAA,CAC7DhB,CACH,CAAA,CACE,IACN,CAEJ,CAAC,CAAA,CAEDL,CAAAA,CAAS,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-3M5GFHDO.cjs","sourcesContent":[null,"import * as React from 'react';\nimport type { ElementRef } from 'react';\n\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { useIds } from '../../hooks/use-ids';\nimport { TextAreaProps } from './TextArea.props';\nimport { Label } from '../Label/Label';\nimport { HelperText } from '../HelperText/HelperText';\nimport { ValidationText } from '../ValidationText/ValidationText';\nimport { Flex } from '../Flex/Flex';\nimport { BodyText } from '../BodyText/BodyText';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst componentName = 'TextArea';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype TextAreaElement = ElementRef<'textarea'>;\n\nexport const TextArea = React.forwardRef<TextAreaElement, TextAreaProps>((props, ref) => {\n const {\n className,\n validationStatus,\n validationText,\n label,\n helperText,\n id: providedId,\n disabled,\n readOnly,\n required,\n placeholder,\n resize,\n rows = 3,\n ...textAreaProps\n } = extractProps(props, marginPropDefs);\n const { id, labelId, helperTextId, validationTextId } = useIds({\n providedId,\n prefix: 'textarea',\n });\n\n const showValidationText = Boolean(\n !readOnly && !disabled && validationStatus !== undefined && validationText !== undefined\n );\n\n const ariaDescribedbyValue = mergeIds(\n !!helperText ? helperTextId : undefined,\n showValidationText ? validationTextId : undefined\n );\n\n return (\n <Flex\n direction=\"column\"\n gap=\"75\"\n className={clsx(componentClassName, className)}\n data-validation-status={validationStatus ? validationStatus : undefined}\n data-disabled={disabled ? '' : undefined}\n >\n <Flex direction=\"column\">\n <Label htmlFor={id} id={labelId} disableUserSelect fontWeight=\"semibold\">\n {label}\n {required ? null : (\n <BodyText as=\"span\" marginLeft=\"50\">\n (optional)\n </BodyText>\n )}\n </Label>\n {helperText ? (\n <HelperText id={helperTextId} disableUserSelect>\n {helperText}\n </HelperText>\n ) : null}\n </Flex>\n <Flex direction=\"column\" className=\"hearth-TextAreaRoot\">\n <textarea\n ref={ref}\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 {showValidationText ? (\n <ValidationText status={validationStatus} disableUserSelect id={validationTextId}>\n {validationText}\n </ValidationText>\n ) : null}\n </Flex>\n );\n});\n\nTextArea.displayName = componentName;\n"]}
@@ -1,2 +1,2 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkGFWH3VRNcjs = require('./chunk-GFWH3VRN.cjs');var _chunkK5BEIZDAcjs = require('./chunk-K5BEIZDA.cjs');var _chunkHSPOCJ5Acjs = require('./chunk-HSPOCJ5A.cjs');var _chunkUDOWEUCMcjs = require('./chunk-UDOWEUCM.cjs');var _chunkLVPYDLKGcjs = require('./chunk-LVPYDLKG.cjs');var _chunkTMWB3U4Xcjs = require('./chunk-TMWB3U4X.cjs');var _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _radixui = require('radix-ui');var R="CheckboxTile",U=_chunk4H5JT5ORcjs.b.call(void 0, R),B= exports.a =e.forwardRef(({className:I,id:y,disabled:a,value:o="on",onCheckedChange:i,label:c,helperText:l,"aria-labelledby":N,...G},H)=>{let{id:m,labelId:s,helperTextId:n}=_chunkTMWB3U4Xcjs.a.call(void 0, {providedId:y,prefix:"radio"}),r=_chunkHSPOCJ5Acjs.c.call(void 0, ),t=_chunkUDOWEUCMcjs.c.call(void 0, ),w=_optionalChain([t, 'optionalAccess', _ => _.value, 'optionalAccess', _2 => _2.includes, 'call', _3 => _3(o)]),E=_optionalChain([r, 'optionalAccess', _4 => _4.hasGroupHelperText]),F=r?r["aria-describedby"]:"",d=!E&&!!l,L=!!c;return e.createElement("label",{className:_clsx2.default.call(void 0, U,I),"data-disabled":a?"":void 0},e.createElement(_radixui.Checkbox.Root,{ref:H,className:"hearth-CheckboxRoot",name:_optionalChain([t, 'optionalAccess', _5 => _5.name]),checked:w,value:o,...G,id:m,disabled:a,"aria-describedby":d?n:F,"aria-labelledby":N||L?s:void 0,onCheckedChange:b=>{r&&(b?_optionalChain([t, 'optionalAccess', _6 => _6.onItemCheck, 'call', _7 => _7(o)]):_optionalChain([t, 'optionalAccess', _8 => _8.onItemUncheck, 'call', _9 => _9(o)])),i&&i(b)}},e.createElement(_radixui.Checkbox.Indicator,{asChild:!0,className:"hearth-CheckboxIndicator"},e.createElement(_hearthreacticons.TickSmallIcon,null))),e.createElement(_chunkLVPYDLKGcjs.a,{direction:"column"},e.createElement(_chunkGFWH3VRNcjs.a,{id:s,htmlFor:m,disableUserSelect:!0},c),d?e.createElement(_chunkK5BEIZDAcjs.a,{id:n,disableUserSelect:!0},l):null))});B.displayName=R;exports.a = B;
2
- //# sourceMappingURL=chunk-VI5O2CNH.cjs.map
2
+ //# sourceMappingURL=chunk-5QZW2CVP.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-VI5O2CNH.cjs","../src/components/CheckboxTile/CheckboxTile.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","CheckboxTile","className","providedId","disabled","value","onCheckedChange","label","helperText","ariaLabelledby","props","ref","id","labelId","helperTextId","useIds","context","useFormGroupBase","checkboxContext","useCheckboxGroup","checked","hasGroupHelperText","ariaDescribedby","showHelperText","showLabel","clsx","RadixCheckbox","TickSmallIcon","Flex","Label","HelperText"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-VI5O2CNH.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\n\nimport { CheckboxTileProps } from './CheckboxTile.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\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 RadixCheckbox } from 'radix-ui';\nimport { useCheckboxGroup } from '../CheckboxGroup/CheckboxGroup.context';\nimport { useFormGroupBase } from '../FormGroupBase/FormGroupBase.context';\n\nconst componentName = 'CheckboxTile';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype CheckboxTileElement = ElementRef<'button'>;\n\nexport const CheckboxTile = React.forwardRef<CheckboxTileElement, CheckboxTileProps>(\n (\n {\n className,\n id: providedId,\n disabled,\n value = 'on',\n onCheckedChange,\n label,\n helperText,\n 'aria-labelledby': ariaLabelledby,\n ...props\n },\n ref\n ) => {\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 return (\n <label\n className={clsx(componentClassName, className)}\n data-disabled={disabled ? '' : undefined}\n >\n <RadixCheckbox.Root\n ref={ref}\n className=\"hearth-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 <RadixCheckbox.Indicator asChild className=\"hearth-CheckboxIndicator\">\n <TickSmallIcon />\n </RadixCheckbox.Indicator>\n </RadixCheckbox.Root>\n <Flex direction=\"column\">\n <Label id={labelId} htmlFor={id} disableUserSelect>\n {label}\n </Label>\n {showHelperText ? (\n <HelperText id={helperTextId} disableUserSelect>\n {helperText}\n </HelperText>\n ) : null}\n </Flex>\n </label>\n );\n }\n);\n\nCheckboxTile.displayName = componentName;\n"]}
1
+ {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-5QZW2CVP.cjs","../src/components/CheckboxTile/CheckboxTile.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","CheckboxTile","className","providedId","disabled","value","onCheckedChange","label","helperText","ariaLabelledby","props","ref","id","labelId","helperTextId","useIds","context","useFormGroupBase","checkboxContext","useCheckboxGroup","checked","hasGroupHelperText","ariaDescribedby","showHelperText","showLabel","clsx","RadixCheckbox","TickSmallIcon","Flex","Label","HelperText"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-5QZW2CVP.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\n\nimport { CheckboxTileProps } from './CheckboxTile.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\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 RadixCheckbox } from 'radix-ui';\nimport { useCheckboxGroup } from '../CheckboxGroup/CheckboxGroup.context';\nimport { useFormGroupBase } from '../FormGroupBase/FormGroupBase.context';\n\nconst componentName = 'CheckboxTile';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype CheckboxTileElement = ElementRef<'button'>;\n\nexport const CheckboxTile = React.forwardRef<CheckboxTileElement, CheckboxTileProps>(\n (\n {\n className,\n id: providedId,\n disabled,\n value = 'on',\n onCheckedChange,\n label,\n helperText,\n 'aria-labelledby': ariaLabelledby,\n ...props\n },\n ref\n ) => {\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 return (\n <label\n className={clsx(componentClassName, className)}\n data-disabled={disabled ? '' : undefined}\n >\n <RadixCheckbox.Root\n ref={ref}\n className=\"hearth-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 <RadixCheckbox.Indicator asChild className=\"hearth-CheckboxIndicator\">\n <TickSmallIcon />\n </RadixCheckbox.Indicator>\n </RadixCheckbox.Root>\n <Flex direction=\"column\">\n <Label id={labelId} htmlFor={id} disableUserSelect>\n {label}\n </Label>\n {showHelperText ? (\n <HelperText id={helperTextId} disableUserSelect>\n {helperText}\n </HelperText>\n ) : null}\n </Flex>\n </label>\n );\n }\n);\n\nCheckboxTile.displayName = componentName;\n"]}
@@ -1,2 +1,2 @@
1
- import{a as C}from"./chunk-C2M7FEJX.js";import{a as u}from"./chunk-JPYVWTDN.js";import{c as y}from"./chunk-5OLLJKEO.js";import{c as I}from"./chunk-T64W7Q7K.js";import{a}from"./chunk-432A6CLH.js";import{a as k}from"./chunk-XQ5A24NX.js";import{a as R}from"./chunk-QC4ZMGCU.js";import{a as f}from"./chunk-RTGGS5XX.js";import{b as h}from"./chunk-4PEMW3UE.js";import*as e from"react";import S from"clsx";import{TickSmallIcon as U}from"@utilitywarehouse/hearth-react-icons";import{Checkbox as T}from"radix-ui";var N="Checkbox",D=h(N),B=e.forwardRef((P,g)=>{let{id:F,label:c,helperText:l,className:G,disabled:i,onCheckedChange:s,value:o="on","aria-labelledby":H,...v}=f(P,k),{id:m,labelId:n,helperTextId:d}=R({providedId:F,prefix:"checkbox"}),r=y(),t=I(),w=t?.value?.includes(o),E=r?.hasGroupHelperText,L=r?r["aria-describedby"]:"",p=!E&&!!l,b=!!c;return e.createElement(a,{gap:"100",className:S(D,G),"data-disabled":i?"":void 0},e.createElement(T.Root,{ref:g,className:"hearth-CheckboxRoot",name:t?.name,checked:w,value:o,...v,id:m,disabled:i,"aria-describedby":p?d:L,"aria-labelledby":H||b?n:void 0,onCheckedChange:x=>{r&&(x?t?.onItemCheck(o):t?.onItemUncheck(o)),s&&s(x)}},e.createElement(T.Indicator,{asChild:!0,className:"hearth-CheckboxIndicator"},e.createElement(U,null))),b?e.createElement(a,{direction:"column",gap:"50"},e.createElement(C,{id:n,htmlFor:m,disableUserSelect:!0},c),p?e.createElement(u,{id:d,disableUserSelect:!0},l):null):null)});B.displayName=N;export{B as a};
2
- //# sourceMappingURL=chunk-JS3RDEKZ.js.map
1
+ import{a as R}from"./chunk-C2M7FEJX.js";import{a as u}from"./chunk-JPYVWTDN.js";import{c as y}from"./chunk-5OLLJKEO.js";import{c as I}from"./chunk-T64W7Q7K.js";import{a}from"./chunk-432A6CLH.js";import{a as k}from"./chunk-XQ5A24NX.js";import{a as C}from"./chunk-QC4ZMGCU.js";import{a as f}from"./chunk-RTGGS5XX.js";import{b as h}from"./chunk-4PEMW3UE.js";import*as e from"react";import S from"clsx";import{TickSmallIcon as U}from"@utilitywarehouse/hearth-react-icons";import{Checkbox as T}from"radix-ui";var N="Checkbox",D=h(N),B=e.forwardRef((P,g)=>{let{id:F,label:c,helperText:l,className:G,disabled:i,onCheckedChange:s,value:o="on","aria-labelledby":H,...v}=f(P,k),{id:m,labelId:n,helperTextId:d}=C({providedId:F,prefix:"checkbox"}),r=y(),t=I(),w=t?.value?.includes(o),E=r?.hasGroupHelperText,L=r?r["aria-describedby"]:"",p=!E&&!!l,b=!!c;return e.createElement(a,{gap:"100",className:S(D,G),"data-disabled":i?"":void 0},e.createElement(T.Root,{ref:g,className:"hearth-CheckboxRoot",name:t?.name,checked:w,value:o,...v,id:m,disabled:i,"aria-describedby":p?d:L,"aria-labelledby":H||b?n:void 0,onCheckedChange:x=>{r&&(x?t?.onItemCheck(o):t?.onItemUncheck(o)),s&&s(x)}},e.createElement(T.Indicator,{asChild:!0,className:"hearth-CheckboxIndicator"},e.createElement(U,null))),b?e.createElement(a,{direction:"column",gap:"50"},e.createElement(R,{id:n,htmlFor:m,disableUserSelect:!0},c),p?e.createElement(u,{id:d,disableUserSelect:!0},l):null):null)});B.displayName=N;export{B as a};
2
+ //# sourceMappingURL=chunk-AQ322MFR.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkNTHUZ7EPcjs = require('./chunk-NTHUZ7EP.cjs');var _chunk24SSG67Rcjs = require('./chunk-24SSG67R.cjs');var _chunkPZSLW42Xcjs = require('./chunk-PZSLW42X.cjs');var _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var f="PasswordInput",P=_chunk4H5JT5ORcjs.b.call(void 0, f),h= exports.a =_react2.default.forwardRef(({className:d,disabled:r,...c},b)=>{let y=_react2.default.useRef(null),s=b||y,[o,w]=_react2.default.useState(!1),[n,l]=_react2.default.useState(!1),I=_react2.default.useCallback(()=>{let e=!o,i=!n;w(e),l(i)},[o,n]);_react2.default.useEffect(()=>{let e=null;s&&typeof s=="object"&&s.current&&(e=s.current);let i=()=>{_optionalChain([e, 'optionalAccess', _ => _.type])&&(e.type="password")};return e&&e.form!==null&&e.form.addEventListener("submit",i),()=>{_optionalChain([e, 'optionalAccess', _2 => _2.form])&&e.form.removeEventListener("submit",i)}},[s]);let E=`Your password is ${o?"shown":"hidden"}!`;return _react2.default.useEffect(()=>{setTimeout(()=>{l(!1)},1500)},[n]),_react2.default.createElement(_react2.default.Fragment,null,_react2.default.createElement(_chunkNTHUZ7EPcjs.a,{ref:s,className:_clsx2.default.call(void 0, P,d),type:o?"text":"password",disabled:r,...c},_react2.default.createElement(_chunk24SSG67Rcjs.a,{placement:"suffix"},_react2.default.createElement(_chunkPZSLW42Xcjs.a,{type:"button",label:"toggle password visibility",onClick:I,disabled:r,"aria-pressed":o},o?_react2.default.createElement(_hearthreacticons.EyeSmallIcon,null):_react2.default.createElement(_hearthreacticons.EyeOffSmallIcon,null)))),_react2.default.createElement("div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status"},n?E:""))});h.displayName=f;exports.a = h;
2
- //# sourceMappingURL=chunk-JXGS6FKI.cjs.map
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunk24SSG67Rcjs = require('./chunk-24SSG67R.cjs');var _chunkFHBLIK6Lcjs = require('./chunk-FHBLIK6L.cjs');var _chunkPZSLW42Xcjs = require('./chunk-PZSLW42X.cjs');var _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var f="PasswordInput",P=_chunk4H5JT5ORcjs.b.call(void 0, f),h= exports.a =_react2.default.forwardRef(({className:d,disabled:r,...c},b)=>{let y=_react2.default.useRef(null),s=b||y,[o,w]=_react2.default.useState(!1),[n,l]=_react2.default.useState(!1),I=_react2.default.useCallback(()=>{let e=!o,i=!n;w(e),l(i)},[o,n]);_react2.default.useEffect(()=>{let e=null;s&&typeof s=="object"&&s.current&&(e=s.current);let i=()=>{_optionalChain([e, 'optionalAccess', _ => _.type])&&(e.type="password")};return e&&e.form!==null&&e.form.addEventListener("submit",i),()=>{_optionalChain([e, 'optionalAccess', _2 => _2.form])&&e.form.removeEventListener("submit",i)}},[s]);let E=`Your password is ${o?"shown":"hidden"}!`;return _react2.default.useEffect(()=>{setTimeout(()=>{l(!1)},1500)},[n]),_react2.default.createElement(_react2.default.Fragment,null,_react2.default.createElement(_chunkFHBLIK6Lcjs.a,{ref:s,className:_clsx2.default.call(void 0, P,d),type:o?"text":"password",disabled:r,...c},_react2.default.createElement(_chunk24SSG67Rcjs.a,{placement:"suffix"},_react2.default.createElement(_chunkPZSLW42Xcjs.a,{type:"button",label:"toggle password visibility",onClick:I,disabled:r,"aria-pressed":o},o?_react2.default.createElement(_hearthreacticons.EyeSmallIcon,null):_react2.default.createElement(_hearthreacticons.EyeOffSmallIcon,null)))),_react2.default.createElement("div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status"},n?E:""))});h.displayName=f;exports.a = h;
2
+ //# sourceMappingURL=chunk-BNMQKKQG.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-JXGS6FKI.cjs","../src/components/PasswordInput/PasswordInput.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","PasswordInput","React","className","disabled","props","forwardedRef","defaultRef","inputRef","visible","setVisible","showVisibilityMessage","setShowVisibilityMessage","handleVisibility","newVisibilityState","newVisibilityMessageState","currentElement","handleSubmit","visibilityMessage","TextInput","clsx","TextInputSlot","UnstyledIconButton","EyeSmallIcon","EyeOffSmallIcon"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-JXGS6FKI.cjs","sourcesContent":[null,"import type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { PasswordInputProps } from './PasswordInput.props';\nimport { TextInput } from '../TextInput/TextInput';\nimport { TextInputSlot } from '../TextInputSlot/TextInputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { EyeOffSmallIcon, EyeSmallIcon } from '@utilitywarehouse/hearth-react-icons';\n\nconst componentName = 'PasswordInput';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype PasswordInputElement = ElementRef<'input'>;\n\nexport const PasswordInput = React.forwardRef<PasswordInputElement, PasswordInputProps>(\n ({ className, disabled, ...props }, forwardedRef) => {\n const defaultRef = React.useRef<HTMLInputElement | null>(null);\n const inputRef = forwardedRef || defaultRef;\n const [visible, setVisible] = React.useState(false);\n const [showVisibilityMessage, setShowVisibilityMessage] = React.useState(false);\n\n const handleVisibility = React.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 React.useEffect(() => {\n // Get the ref value and ensure proper typing\n let currentElement: HTMLInputElement | null = null;\n if (inputRef && typeof inputRef === 'object' && inputRef.current) {\n // Type assertion to ensure TypeScript understands this is a valid ref object\n const refObject = inputRef as React.RefObject<HTMLInputElement>;\n currentElement = refObject.current;\n }\n\n const handleSubmit = () => {\n if (currentElement?.type) {\n currentElement.type = 'password';\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 }, [inputRef]);\n\n const visibilityMessage = `Your password is ${visible ? 'shown' : 'hidden'}!`;\n\n React.useEffect(() => {\n setTimeout(() => {\n setShowVisibilityMessage(false);\n }, 1500);\n }, [showVisibilityMessage]);\n\n return (\n <>\n <TextInput\n ref={inputRef}\n className={clsx(componentClassName, className)}\n type={visible ? 'text' : 'password'}\n disabled={disabled}\n {...props}\n >\n <TextInputSlot 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 </TextInputSlot>\n </TextInput>\n <div data-visually-hidden aria-live=\"assertive\" role=\"status\">\n {showVisibilityMessage ? visibilityMessage : ''}\n </div>\n </>\n );\n }\n);\n\nPasswordInput.displayName = componentName;\n"]}
1
+ {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-BNMQKKQG.cjs","../src/components/PasswordInput/PasswordInput.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","PasswordInput","React","className","disabled","props","forwardedRef","defaultRef","inputRef","visible","setVisible","showVisibilityMessage","setShowVisibilityMessage","handleVisibility","newVisibilityState","newVisibilityMessageState","currentElement","handleSubmit","visibilityMessage","TextInput","clsx","TextInputSlot","UnstyledIconButton","EyeSmallIcon","EyeOffSmallIcon"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-BNMQKKQG.cjs","sourcesContent":[null,"import type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { PasswordInputProps } from './PasswordInput.props';\nimport { TextInput } from '../TextInput/TextInput';\nimport { TextInputSlot } from '../TextInputSlot/TextInputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { EyeOffSmallIcon, EyeSmallIcon } from '@utilitywarehouse/hearth-react-icons';\n\nconst componentName = 'PasswordInput';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype PasswordInputElement = ElementRef<'input'>;\n\nexport const PasswordInput = React.forwardRef<PasswordInputElement, PasswordInputProps>(\n ({ className, disabled, ...props }, forwardedRef) => {\n const defaultRef = React.useRef<HTMLInputElement | null>(null);\n const inputRef = forwardedRef || defaultRef;\n const [visible, setVisible] = React.useState(false);\n const [showVisibilityMessage, setShowVisibilityMessage] = React.useState(false);\n\n const handleVisibility = React.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 React.useEffect(() => {\n // Get the ref value and ensure proper typing\n let currentElement: HTMLInputElement | null = null;\n if (inputRef && typeof inputRef === 'object' && inputRef.current) {\n // Type assertion to ensure TypeScript understands this is a valid ref object\n const refObject = inputRef as React.RefObject<HTMLInputElement>;\n currentElement = refObject.current;\n }\n\n const handleSubmit = () => {\n if (currentElement?.type) {\n currentElement.type = 'password';\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 }, [inputRef]);\n\n const visibilityMessage = `Your password is ${visible ? 'shown' : 'hidden'}!`;\n\n React.useEffect(() => {\n setTimeout(() => {\n setShowVisibilityMessage(false);\n }, 1500);\n }, [showVisibilityMessage]);\n\n return (\n <>\n <TextInput\n ref={inputRef}\n className={clsx(componentClassName, className)}\n type={visible ? 'text' : 'password'}\n disabled={disabled}\n {...props}\n >\n <TextInputSlot 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 </TextInputSlot>\n </TextInput>\n <div data-visually-hidden aria-live=\"assertive\" role=\"status\">\n {showVisibilityMessage ? visibilityMessage : ''}\n </div>\n </>\n );\n }\n);\n\nPasswordInput.displayName = componentName;\n"]}
@@ -1,2 +1,2 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkGFWH3VRNcjs = require('./chunk-GFWH3VRN.cjs');var _chunkK5BEIZDAcjs = require('./chunk-K5BEIZDA.cjs');var _chunkHSPOCJ5Acjs = require('./chunk-HSPOCJ5A.cjs');var _chunkUDOWEUCMcjs = require('./chunk-UDOWEUCM.cjs');var _chunkLVPYDLKGcjs = require('./chunk-LVPYDLKG.cjs');var _chunkLAVQWQP2cjs = require('./chunk-LAVQWQP2.cjs');var _chunkTMWB3U4Xcjs = require('./chunk-TMWB3U4X.cjs');var _chunk5DRU6TDWcjs = require('./chunk-5DRU6TDW.cjs');var _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _radixui = require('radix-ui');var N="Checkbox",D=_chunk4H5JT5ORcjs.b.call(void 0, N),B= exports.a =e.forwardRef((P,g)=>{let{id:F,label:c,helperText:l,className:G,disabled:i,onCheckedChange:s,value:o="on","aria-labelledby":H,...v}=_chunk5DRU6TDWcjs.a.call(void 0, P,_chunkLAVQWQP2cjs.a),{id:m,labelId:n,helperTextId:d}=_chunkTMWB3U4Xcjs.a.call(void 0, {providedId:F,prefix:"checkbox"}),r=_chunkHSPOCJ5Acjs.c.call(void 0, ),t=_chunkUDOWEUCMcjs.c.call(void 0, ),w=_optionalChain([t, 'optionalAccess', _ => _.value, 'optionalAccess', _2 => _2.includes, 'call', _3 => _3(o)]),E=_optionalChain([r, 'optionalAccess', _4 => _4.hasGroupHelperText]),L=r?r["aria-describedby"]:"",p=!E&&!!l,b=!!c;return e.createElement(_chunkLVPYDLKGcjs.a,{gap:"100",className:_clsx2.default.call(void 0, D,G),"data-disabled":i?"":void 0},e.createElement(_radixui.Checkbox.Root,{ref:g,className:"hearth-CheckboxRoot",name:_optionalChain([t, 'optionalAccess', _5 => _5.name]),checked:w,value:o,...v,id:m,disabled:i,"aria-describedby":p?d:L,"aria-labelledby":H||b?n:void 0,onCheckedChange:x=>{r&&(x?_optionalChain([t, 'optionalAccess', _6 => _6.onItemCheck, 'call', _7 => _7(o)]):_optionalChain([t, 'optionalAccess', _8 => _8.onItemUncheck, 'call', _9 => _9(o)])),s&&s(x)}},e.createElement(_radixui.Checkbox.Indicator,{asChild:!0,className:"hearth-CheckboxIndicator"},e.createElement(_hearthreacticons.TickSmallIcon,null))),b?e.createElement(_chunkLVPYDLKGcjs.a,{direction:"column",gap:"50"},e.createElement(_chunkGFWH3VRNcjs.a,{id:n,htmlFor:m,disableUserSelect:!0},c),p?e.createElement(_chunkK5BEIZDAcjs.a,{id:d,disableUserSelect:!0},l):null):null)});B.displayName=N;exports.a = B;
2
- //# sourceMappingURL=chunk-JK6YGBA7.cjs.map
2
+ //# sourceMappingURL=chunk-CZ4ZQOCW.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-JK6YGBA7.cjs","../src/components/Checkbox/Checkbox.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","Checkbox","props","ref","providedId","label","helperText","className","disabled","onCheckedChange","value","ariaLabelledby","checkboxProps","extractProps","marginPropDefs","id","labelId","helperTextId","useIds","context","useFormGroupBase","checkboxContext","useCheckboxGroup","checked","hasGroupHelperText","ariaDescribedby","showHelperText","showLabel","Flex","clsx","RadixCheckbox","TickSmallIcon","Label","HelperText"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-JK6YGBA7.cjs","sourcesContent":[null,"import * as React from 'react';\nimport clsx from 'clsx';\nimport type { CheckboxProps } from './Checkbox.props';\nimport { Flex } from '../Flex/Flex';\nimport { Label } from '../Label/Label';\nimport { HelperText } from '../HelperText/HelperText';\nimport type { ElementRef } from 'react';\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 RadixCheckbox } from 'radix-ui';\nimport { useCheckboxGroup } from '../CheckboxGroup/CheckboxGroup.context';\nimport { useFormGroupBase } from '../FormGroupBase/FormGroupBase.context';\n\nconst componentName = 'Checkbox';\nconst componentClassName = withGlobalPrefix(componentName);\n\nexport type CheckboxElement = ElementRef<'button'>;\n\nexport const Checkbox = React.forwardRef<CheckboxElement, CheckboxProps>((props, ref) => {\n const {\n id: providedId,\n label,\n helperText,\n className,\n disabled,\n onCheckedChange,\n value = 'on',\n 'aria-labelledby': ariaLabelledby,\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\n gap=\"100\"\n className={clsx(componentClassName, className)}\n data-disabled={disabled ? '' : undefined}\n >\n <RadixCheckbox.Root\n ref={ref}\n className=\"hearth-CheckboxRoot\"\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 <RadixCheckbox.Indicator asChild className=\"hearth-CheckboxIndicator\">\n <TickSmallIcon />\n </RadixCheckbox.Indicator>\n </RadixCheckbox.Root>\n {showLabel ? (\n <Flex direction=\"column\" gap=\"50\">\n <Label id={labelId} htmlFor={id} disableUserSelect>\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 = componentName;\n"]}
1
+ {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-CZ4ZQOCW.cjs","../src/components/Checkbox/Checkbox.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","Checkbox","props","ref","providedId","label","helperText","className","disabled","onCheckedChange","value","ariaLabelledby","checkboxProps","extractProps","marginPropDefs","id","labelId","helperTextId","useIds","context","useFormGroupBase","checkboxContext","useCheckboxGroup","checked","hasGroupHelperText","ariaDescribedby","showHelperText","showLabel","Flex","clsx","RadixCheckbox","TickSmallIcon","Label","HelperText"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-CZ4ZQOCW.cjs","sourcesContent":[null,"import * as React from 'react';\nimport clsx from 'clsx';\nimport type { CheckboxProps } from './Checkbox.props';\nimport { Flex } from '../Flex/Flex';\nimport { Label } from '../Label/Label';\nimport { HelperText } from '../HelperText/HelperText';\nimport type { ElementRef } from 'react';\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 RadixCheckbox } from 'radix-ui';\nimport { useCheckboxGroup } from '../CheckboxGroup/CheckboxGroup.context';\nimport { useFormGroupBase } from '../FormGroupBase/FormGroupBase.context';\n\nconst componentName = 'Checkbox';\nconst componentClassName = withGlobalPrefix(componentName);\n\nexport type CheckboxElement = ElementRef<'button'>;\n\nexport const Checkbox = React.forwardRef<CheckboxElement, CheckboxProps>((props, ref) => {\n const {\n id: providedId,\n label,\n helperText,\n className,\n disabled,\n onCheckedChange,\n value = 'on',\n 'aria-labelledby': ariaLabelledby,\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\n gap=\"100\"\n className={clsx(componentClassName, className)}\n data-disabled={disabled ? '' : undefined}\n >\n <RadixCheckbox.Root\n ref={ref}\n className=\"hearth-CheckboxRoot\"\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 <RadixCheckbox.Indicator asChild className=\"hearth-CheckboxIndicator\">\n <TickSmallIcon />\n </RadixCheckbox.Indicator>\n </RadixCheckbox.Root>\n {showLabel ? (\n <Flex direction=\"column\" gap=\"50\">\n <Label id={labelId} htmlFor={id} disableUserSelect>\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 = componentName;\n"]}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkNTHUZ7EPcjs = require('./chunk-NTHUZ7EP.cjs');var _chunk24SSG67Rcjs = require('./chunk-24SSG67R.cjs');var _chunkPZSLW42Xcjs = require('./chunk-PZSLW42X.cjs');var _chunkM6LIAICLcjs = require('./chunk-M6LIAICL.cjs');var _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var f="SearchInput",T=_chunk4H5JT5ORcjs.b.call(void 0, f),E= exports.a =_react2.default.forwardRef(({className:i,disabled:l,value:o,onClear:r,loading:s,...a},I)=>{let h=_react2.default.useRef(null),t=I||h,S=_react2.default.useCallback(x=>{typeof r!="function"||x.button!==0||(r(),t&&typeof t=="object"&&t.current&&t.current.focus())},[t,r]);return _react2.default.createElement(_chunkNTHUZ7EPcjs.a,{ref:t,className:_clsx2.default.call(void 0, T,i),type:"search",role:"search",enterKeyHint:"search",disabled:l,hideLabel:!0,value:o,...a},_react2.default.createElement(_chunk24SSG67Rcjs.a,{placement:"prefix"},_react2.default.createElement(_hearthreacticons.SearchMediumIcon,null)),s?_react2.default.createElement(_chunk24SSG67Rcjs.a,{placement:"suffix"},_react2.default.createElement(_chunkM6LIAICLcjs.a,{size:"xs",color:"grey1000"})):null,o!==void 0&&String(o).length>0?_react2.default.createElement(_chunk24SSG67Rcjs.a,{placement:"suffix"},_react2.default.createElement(_chunkPZSLW42Xcjs.a,{type:"button",label:"clear search",onClick:S,disabled:l},_react2.default.createElement(_hearthreacticons.CloseSmallIcon,null))):null)});E.displayName=f;exports.a = E;
2
- //# sourceMappingURL=chunk-N6GQR4EC.cjs.map
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunk24SSG67Rcjs = require('./chunk-24SSG67R.cjs');var _chunkFHBLIK6Lcjs = require('./chunk-FHBLIK6L.cjs');var _chunkPZSLW42Xcjs = require('./chunk-PZSLW42X.cjs');var _chunkM6LIAICLcjs = require('./chunk-M6LIAICL.cjs');var _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var f="SearchInput",T=_chunk4H5JT5ORcjs.b.call(void 0, f),E= exports.a =_react2.default.forwardRef(({className:i,disabled:l,value:o,onClear:r,loading:s,...a},I)=>{let h=_react2.default.useRef(null),t=I||h,S=_react2.default.useCallback(x=>{typeof r!="function"||x.button!==0||(r(),t&&typeof t=="object"&&t.current&&t.current.focus())},[t,r]);return _react2.default.createElement(_chunkFHBLIK6Lcjs.a,{ref:t,className:_clsx2.default.call(void 0, T,i),type:"search",role:"search",enterKeyHint:"search",disabled:l,hideLabel:!0,value:o,...a},_react2.default.createElement(_chunk24SSG67Rcjs.a,{placement:"prefix"},_react2.default.createElement(_hearthreacticons.SearchMediumIcon,null)),s?_react2.default.createElement(_chunk24SSG67Rcjs.a,{placement:"suffix"},_react2.default.createElement(_chunkM6LIAICLcjs.a,{size:"xs",color:"grey1000"})):null,o!==void 0&&String(o).length>0?_react2.default.createElement(_chunk24SSG67Rcjs.a,{placement:"suffix"},_react2.default.createElement(_chunkPZSLW42Xcjs.a,{type:"button",label:"clear search",onClick:S,disabled:l},_react2.default.createElement(_hearthreacticons.CloseSmallIcon,null))):null)});E.displayName=f;exports.a = E;
2
+ //# sourceMappingURL=chunk-EIZVSH76.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-N6GQR4EC.cjs","../src/components/SearchInput/SearchInput.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","SearchInput","React","className","disabled","value","onClear","loading","props","forwardedRef","defaultRef","inputRef","handleClear","event","TextInput","clsx","TextInputSlot","SearchMediumIcon","Spinner","UnstyledIconButton","CloseSmallIcon"],"mappings":"AAAA,iOAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wECE3L,4EACC,wEAM+B,IAE3CA,CAAAA,CAAgB,aAAA,CAChBC,CAAAA,CAAqBC,iCAAAA,CAA8B,CAAA,CAI5CC,CAAAA,aAAcC,eAAAA,CAAM,UAAA,CAC/B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,KAAA,CAAAC,CAAAA,CAAO,OAAA,CAAAC,CAAAA,CAAS,OAAA,CAAAC,CAAAA,CAAS,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAAiB,CAC5E,IAAMC,CAAAA,CAAaR,eAAAA,CAAM,MAAA,CAAgC,IAAI,CAAA,CACvDS,CAAAA,CAAWF,CAAAA,EAAgBC,CAAAA,CAE3BE,CAAAA,CAAcV,eAAAA,CAAM,WAAA,CACvBW,CAAAA,EAA+C,CAC1C,OAAOP,CAAAA,EAAY,UAAA,EAAcO,CAAAA,CAAM,MAAA,GAAW,CAAA,EAAA,CAGtDP,CAAAA,CAAQ,CAAA,CAEJK,CAAAA,EAAY,OAAOA,CAAAA,EAAa,QAAA,EAAYA,CAAAA,CAAS,OAAA,EACvDA,CAAAA,CAAS,OAAA,CAAQ,KAAA,CAAM,CAAA,CAE3B,CAAA,CACA,CAACA,CAAAA,CAAUL,CAAO,CACpB,CAAA,CAEA,OACEJ,eAAAA,CAAA,aAAA,CAACY,mBAAAA,CAAA,CACC,GAAA,CAAKH,CAAAA,CACL,SAAA,CAAWI,4BAAAA,CAAKhB,CAAoBI,CAAS,CAAA,CAC7C,IAAA,CAAK,QAAA,CACL,IAAA,CAAK,QAAA,CACL,YAAA,CAAa,QAAA,CACb,QAAA,CAAUC,CAAAA,CACV,SAAA,CAAS,CAAA,CAAA,CACT,KAAA,CAAOC,CAAAA,CACN,GAAGG,CAAAA,CAAAA,CAEJN,eAAAA,CAAA,aAAA,CAACc,mBAAAA,CAAA,CAAc,SAAA,CAAU,QAAA,CAAA,CACvBd,eAAAA,CAAA,aAAA,CAACe,kCAAAA,CAAA,IAAiB,CACpB,CAAA,CACCV,CAAAA,CACCL,eAAAA,CAAA,aAAA,CAACc,mBAAAA,CAAA,CAAc,SAAA,CAAU,QAAA,CAAA,CACvBd,eAAAA,CAAA,aAAA,CAACgB,mBAAAA,CAAA,CAAQ,IAAA,CAAK,IAAA,CAAK,KAAA,CAAM,UAAA,CAAW,CACtC,CAAA,CACE,IAAA,CACHb,CAAAA,GAAU,KAAA,CAAA,EAAa,MAAA,CAAOA,CAAK,CAAA,CAAE,MAAA,CAAS,CAAA,CAC7CH,eAAAA,CAAA,aAAA,CAACc,mBAAAA,CAAA,CAAc,SAAA,CAAU,QAAA,CAAA,CACvBd,eAAAA,CAAA,aAAA,CAACiB,mBAAAA,CAAA,CACC,IAAA,CAAK,QAAA,CACL,KAAA,CAAM,cAAA,CACN,OAAA,CAASP,CAAAA,CACT,QAAA,CAAUR,CAAAA,CAAAA,CAEVF,eAAAA,CAAA,aAAA,CAACkB,gCAAAA,CAAA,IAAe,CAClB,CACF,CAAA,CACE,IACN,CAEJ,CACF,CAAA,CAEAnB,CAAAA,CAAY,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-N6GQR4EC.cjs","sourcesContent":[null,"import type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { TextInput } from '../TextInput/TextInput';\nimport { TextInputSlot } from '../TextInputSlot/TextInputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { SearchInputProps } from './SearchInput.props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { CloseSmallIcon, SearchMediumIcon } from '@utilitywarehouse/hearth-react-icons';\n\nconst componentName = 'SearchInput';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype SearchInputElement = ElementRef<'input'>;\n\nexport const SearchInput = React.forwardRef<SearchInputElement, SearchInputProps>(\n ({ className, disabled, value, onClear, loading, ...props }, forwardedRef) => {\n const defaultRef = React.useRef<HTMLInputElement | null>(null);\n const inputRef = forwardedRef || defaultRef;\n\n const handleClear = React.useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n if (typeof onClear !== 'function' || event.button !== 0) {\n return;\n }\n onClear();\n\n if (inputRef && typeof inputRef === 'object' && inputRef.current) {\n inputRef.current.focus();\n }\n },\n [inputRef, onClear]\n );\n\n return (\n <TextInput\n ref={inputRef}\n className={clsx(componentClassName, className)}\n type=\"search\"\n role=\"search\"\n enterKeyHint=\"search\"\n disabled={disabled}\n hideLabel\n value={value}\n {...props}\n >\n <TextInputSlot placement=\"prefix\">\n <SearchMediumIcon />\n </TextInputSlot>\n {loading ? (\n <TextInputSlot placement=\"suffix\">\n <Spinner size=\"xs\" color=\"grey1000\" />\n </TextInputSlot>\n ) : null}\n {value !== undefined && String(value).length > 0 ? (\n <TextInputSlot placement=\"suffix\">\n <UnstyledIconButton\n type=\"button\"\n label=\"clear search\"\n onClick={handleClear}\n disabled={disabled}\n >\n <CloseSmallIcon />\n </UnstyledIconButton>\n </TextInputSlot>\n ) : null}\n </TextInput>\n );\n }\n);\n\nSearchInput.displayName = componentName;\n"]}
1
+ {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-EIZVSH76.cjs","../src/components/SearchInput/SearchInput.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","SearchInput","React","className","disabled","value","onClear","loading","props","forwardedRef","defaultRef","inputRef","handleClear","event","TextInput","clsx","TextInputSlot","SearchMediumIcon","Spinner","UnstyledIconButton","CloseSmallIcon"],"mappings":"AAAA,iOAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wECE3L,4EACC,wEAM+B,IAE3CA,CAAAA,CAAgB,aAAA,CAChBC,CAAAA,CAAqBC,iCAAAA,CAA8B,CAAA,CAI5CC,CAAAA,aAAcC,eAAAA,CAAM,UAAA,CAC/B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,KAAA,CAAAC,CAAAA,CAAO,OAAA,CAAAC,CAAAA,CAAS,OAAA,CAAAC,CAAAA,CAAS,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAAiB,CAC5E,IAAMC,CAAAA,CAAaR,eAAAA,CAAM,MAAA,CAAgC,IAAI,CAAA,CACvDS,CAAAA,CAAWF,CAAAA,EAAgBC,CAAAA,CAE3BE,CAAAA,CAAcV,eAAAA,CAAM,WAAA,CACvBW,CAAAA,EAA+C,CAC1C,OAAOP,CAAAA,EAAY,UAAA,EAAcO,CAAAA,CAAM,MAAA,GAAW,CAAA,EAAA,CAGtDP,CAAAA,CAAQ,CAAA,CAEJK,CAAAA,EAAY,OAAOA,CAAAA,EAAa,QAAA,EAAYA,CAAAA,CAAS,OAAA,EACvDA,CAAAA,CAAS,OAAA,CAAQ,KAAA,CAAM,CAAA,CAE3B,CAAA,CACA,CAACA,CAAAA,CAAUL,CAAO,CACpB,CAAA,CAEA,OACEJ,eAAAA,CAAA,aAAA,CAACY,mBAAAA,CAAA,CACC,GAAA,CAAKH,CAAAA,CACL,SAAA,CAAWI,4BAAAA,CAAKhB,CAAoBI,CAAS,CAAA,CAC7C,IAAA,CAAK,QAAA,CACL,IAAA,CAAK,QAAA,CACL,YAAA,CAAa,QAAA,CACb,QAAA,CAAUC,CAAAA,CACV,SAAA,CAAS,CAAA,CAAA,CACT,KAAA,CAAOC,CAAAA,CACN,GAAGG,CAAAA,CAAAA,CAEJN,eAAAA,CAAA,aAAA,CAACc,mBAAAA,CAAA,CAAc,SAAA,CAAU,QAAA,CAAA,CACvBd,eAAAA,CAAA,aAAA,CAACe,kCAAAA,CAAA,IAAiB,CACpB,CAAA,CACCV,CAAAA,CACCL,eAAAA,CAAA,aAAA,CAACc,mBAAAA,CAAA,CAAc,SAAA,CAAU,QAAA,CAAA,CACvBd,eAAAA,CAAA,aAAA,CAACgB,mBAAAA,CAAA,CAAQ,IAAA,CAAK,IAAA,CAAK,KAAA,CAAM,UAAA,CAAW,CACtC,CAAA,CACE,IAAA,CACHb,CAAAA,GAAU,KAAA,CAAA,EAAa,MAAA,CAAOA,CAAK,CAAA,CAAE,MAAA,CAAS,CAAA,CAC7CH,eAAAA,CAAA,aAAA,CAACc,mBAAAA,CAAA,CAAc,SAAA,CAAU,QAAA,CAAA,CACvBd,eAAAA,CAAA,aAAA,CAACiB,mBAAAA,CAAA,CACC,IAAA,CAAK,QAAA,CACL,KAAA,CAAM,cAAA,CACN,OAAA,CAASP,CAAAA,CACT,QAAA,CAAUR,CAAAA,CAAAA,CAEVF,eAAAA,CAAA,aAAA,CAACkB,gCAAAA,CAAA,IAAe,CAClB,CACF,CAAA,CACE,IACN,CAEJ,CACF,CAAA,CAEAnB,CAAAA,CAAY,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-EIZVSH76.cjs","sourcesContent":[null,"import type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { TextInput } from '../TextInput/TextInput';\nimport { TextInputSlot } from '../TextInputSlot/TextInputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { SearchInputProps } from './SearchInput.props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { CloseSmallIcon, SearchMediumIcon } from '@utilitywarehouse/hearth-react-icons';\n\nconst componentName = 'SearchInput';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype SearchInputElement = ElementRef<'input'>;\n\nexport const SearchInput = React.forwardRef<SearchInputElement, SearchInputProps>(\n ({ className, disabled, value, onClear, loading, ...props }, forwardedRef) => {\n const defaultRef = React.useRef<HTMLInputElement | null>(null);\n const inputRef = forwardedRef || defaultRef;\n\n const handleClear = React.useCallback(\n (event: React.MouseEvent<HTMLButtonElement>) => {\n if (typeof onClear !== 'function' || event.button !== 0) {\n return;\n }\n onClear();\n\n if (inputRef && typeof inputRef === 'object' && inputRef.current) {\n inputRef.current.focus();\n }\n },\n [inputRef, onClear]\n );\n\n return (\n <TextInput\n ref={inputRef}\n className={clsx(componentClassName, className)}\n type=\"search\"\n role=\"search\"\n enterKeyHint=\"search\"\n disabled={disabled}\n hideLabel\n value={value}\n {...props}\n >\n <TextInputSlot placement=\"prefix\">\n <SearchMediumIcon />\n </TextInputSlot>\n {loading ? (\n <TextInputSlot placement=\"suffix\">\n <Spinner size=\"xs\" color=\"grey1000\" />\n </TextInputSlot>\n ) : null}\n {value !== undefined && String(value).length > 0 ? (\n <TextInputSlot placement=\"suffix\">\n <UnstyledIconButton\n type=\"button\"\n label=\"clear search\"\n onClick={handleClear}\n disabled={disabled}\n >\n <CloseSmallIcon />\n </UnstyledIconButton>\n </TextInputSlot>\n ) : null}\n </TextInput>\n );\n }\n);\n\nSearchInput.displayName = componentName;\n"]}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _react = require('react'); var e = _interopRequireWildcard(_react);function m(t,r={}){let{defaultValue:i=!1,initializeWithDefaultValue:o=!1}=r;t=t.replace(/^@media( ?)/m,"");let a=e.useCallback(()=>i,[i]),u=e.useMemo(()=>o?a:()=>window.matchMedia(t).matches,[a,t,o]),[l,d]=e.useMemo(()=>{if(window.matchMedia===null)return[a,()=>()=>{}];let n=window.matchMedia(t);return[()=>n.matches,c=>(n.addEventListener("change",c),()=>{n.removeEventListener("change",c)})]},[a,t]),s=e.useSyncExternalStore(d,l,u);return process.env.NODE_ENV!=="production"&&e.useDebugValue({query:t,match:s}),s}exports.a = m;
2
+ //# sourceMappingURL=chunk-EJQOKU57.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/hooks/use-media-query.ts"],"names":["useMediaQuery","query","options","defaultValue","initializeWithDefaultValue","getDefaultSnapshot","getServerSnapshot","getSnapshot","subscribe","mediaQueryList","notify","match"],"mappings":"AAAA,kaAAuB,SAmCPA,CAAAA,CAAcC,CAAAA,CAAeC,CAAAA,CAAgC,CAAC,CAAA,CAAY,CACxF,GAAM,CAAE,YAAA,CAAAC,CAAAA,CAAe,CAAA,CAAA,CAAO,0BAAA,CAAAC,CAAAA,CAA6B,CAAA,CAAM,CAAA,CAAIF,CAAAA,CAErED,CAAAA,CAAQA,CAAAA,CAAM,OAAA,CAAQ,cAAA,CAAgB,EAAE,CAAA,CAExC,IAAMI,CAAAA,CAA2B,CAAA,CAAA,WAAA,CAAY,CAAA,CAAA,EAAMF,CAAAA,CAAc,CAACA,CAAY,CAAC,CAAA,CACzEG,CAAAA,CAA0B,CAAA,CAAA,OAAA,CAAQ,CAAA,CAAA,EAClCF,CAAAA,CACKC,CAAAA,CAEF,CAAA,CAAA,EAAM,MAAA,CAAO,UAAA,CAAWJ,CAAK,CAAA,CAAE,OAAA,CACrC,CAACI,CAAAA,CAAoBJ,CAAAA,CAAOG,CAA0B,CAAC,CAAA,CAEpD,CAACG,CAAAA,CAAaC,CAAS,CAAA,CAAU,CAAA,CAAA,OAAA,CAAQ,CAAA,CAAA,EAAM,CACnD,EAAA,CAAI,MAAA,CAAO,UAAA,GAAe,IAAA,CACxB,MAAO,CAACH,CAAAA,CAAoB,CAAA,CAAA,EAAM,CAAA,CAAA,EAAM,CAAC,CAAC,CAAA,CAG5C,IAAMI,CAAAA,CAAiB,MAAA,CAAO,UAAA,CAAWR,CAAK,CAAA,CAE9C,MAAO,CACL,CAAA,CAAA,EAAMQ,CAAAA,CAAe,OAAA,CACpBC,CAAAA,EAAAA,CACCD,CAAAA,CAAe,gBAAA,CAAiB,QAAA,CAAUC,CAAM,CAAA,CACzC,CAAA,CAAA,EAAM,CACXD,CAAAA,CAAe,mBAAA,CAAoB,QAAA,CAAUC,CAAM,CACrD,CAAA,CAEJ,CACF,CAAA,CAAG,CAACL,CAAAA,CAAoBJ,CAAK,CAAC,CAAA,CAExBU,CAAAA,CAAc,CAAA,CAAA,oBAAA,CAAqBH,CAAAA,CAAWD,CAAAA,CAAaD,CAAiB,CAAA,CAElF,OAAI,OAAA,CAAQ,GAAA,CAAI,QAAA,GAAa,YAAA,EAErB,CAAA,CAAA,aAAA,CAAc,CAAE,KAAA,CAAAL,CAAAA,CAAO,KAAA,CAAAU,CAAM,CAAC,CAAA,CAG/BA,CACT,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-EJQOKU57.cjs","sourcesContent":["import * as React from 'react';\n\n// gratefully copied from MUI -> https://github.com/mui/material-ui/blob/master/packages/mui-system/src/useMediaQuery/useMediaQuery.ts\n\nexport interface UseMediaQueryOptions {\n /**\n * As `window.matchMedia()` is unavailable on the server,\n * this is the default value to return.\n * @default false\n */\n defaultValue?: boolean;\n /**\n * To perform the server-side hydration, the hook needs to render twice.\n * A first time with `defaultValue`, the value of the server, and a second time with the resolved value.\n * This double pass rendering cycle comes with a drawback: it's slower.\n * In SSR, you should set it to `true`, returning `options.defaultValue` or `false` initially.\n * @default false\n */\n initializeWithDefaultValue?: boolean;\n}\n\n/**\n * Custom hook that tracks the state of a media query using the [`Match Media API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia).\n * @param {string} query - The media query to track.\n * @param {?UseMediaQueryOptions} [options] - The options for customizing the behavior of the hook (optional).\n * @returns {boolean} The current state of the media query (true if the query matches, false otherwise).\n * @see [Documentation](https://uw-web-ui.vercel.app/?path=/docs/web-ui-helpers-media-queries--documentation##usemediaqueries-hook)\n * @example\n * ```tsx\n * import { useMediaQuery, media } from '@utilitywarehouse/hearth-react';\n *\n * const isMobileOrTablet = useMediaQuery(media.below('desktop'));\n * // Use `isMobileOrTablet ` to conditionally apply styles or logic based on the screen size.\n * ```\n */\nexport function useMediaQuery(query: string, options: UseMediaQueryOptions = {}): boolean {\n const { defaultValue = false, initializeWithDefaultValue = false } = options;\n\n query = query.replace(/^@media( ?)/m, '');\n\n const getDefaultSnapshot = React.useCallback(() => defaultValue, [defaultValue]);\n const getServerSnapshot = React.useMemo(() => {\n if (initializeWithDefaultValue) {\n return getDefaultSnapshot;\n }\n return () => window.matchMedia(query).matches;\n }, [getDefaultSnapshot, query, initializeWithDefaultValue]);\n\n const [getSnapshot, subscribe] = React.useMemo(() => {\n if (window.matchMedia === null) {\n return [getDefaultSnapshot, () => () => {}];\n }\n\n const mediaQueryList = window.matchMedia(query);\n\n return [\n () => mediaQueryList.matches,\n (notify: () => void) => {\n mediaQueryList.addEventListener('change', notify);\n return () => {\n mediaQueryList.removeEventListener('change', notify);\n };\n },\n ];\n }, [getDefaultSnapshot, query]);\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-call\n const match = React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useDebugValue({ query, match });\n }\n\n return match;\n}\n"]}
@@ -1,2 +1,2 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkTIOWEGWWcjs = require('./chunk-TIOWEGWW.cjs');var _chunkGFWH3VRNcjs = require('./chunk-GFWH3VRN.cjs');var _chunkK5BEIZDAcjs = require('./chunk-K5BEIZDA.cjs');var _chunkLVPYDLKGcjs = require('./chunk-LVPYDLKG.cjs');var _chunk7TQMVZ2Rcjs = require('./chunk-7TQMVZ2R.cjs');var _chunkLAVQWQP2cjs = require('./chunk-LAVQWQP2.cjs');var _chunkTMWB3U4Xcjs = require('./chunk-TMWB3U4X.cjs');var _chunk5DRU6TDWcjs = require('./chunk-5DRU6TDW.cjs');var _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _chunkDSW76HKTcjs = require('./chunk-DSW76HKT.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _react = require('react'); var _react2 = _interopRequireDefault(_react);var P="TextInput",j=_chunk4H5JT5ORcjs.b.call(void 0, P),k= exports.a =_react2.default.forwardRef((E,L)=>{let{className:N,validationStatus:t,validationText:d,label:F,helperText:r,children:w,id:D,disabled:n,readOnly:l,hideLabel:H,required:s,placeholder:S,"aria-describedby":V,...q}=_chunk5DRU6TDWcjs.a.call(void 0, E,_chunkLAVQWQP2cjs.a),{id:p,labelId:m,helperTextId:u,validationTextId:o}=_chunkTMWB3U4Xcjs.a.call(void 0, {providedId:D,prefix:"input"}),f=!l&&!n&&t!==void 0&&d!==void 0,B=_chunkDSW76HKTcjs.a.call(void 0, V,r?u:void 0,f?o:void 0),U=_react2.default.useRef(null),i=L||U;return _react2.default.createElement(_chunkLVPYDLKGcjs.a,{className:_clsx2.default.call(void 0, j,N),direction:"column",gap:"75","data-validation-status":t||void 0,"data-disabled":n?"":void 0,onPointerDown:C=>{if(!C.target.closest("input, button, a")&&i&&typeof i=="object"&&i.current){let M=i.current;requestAnimationFrame(()=>{M.focus()})}}},_react2.default.createElement(_chunkLVPYDLKGcjs.a,{direction:"column","data-visually-hidden":H?"":void 0},_react2.default.createElement(_chunkGFWH3VRNcjs.a,{htmlFor:p,id:m,disableUserSelect:!0,fontWeight:"semibold"},F,s?null:_react2.default.createElement(_chunk7TQMVZ2Rcjs.a,{as:"span",marginLeft:"50"},"(optional)")),r?_react2.default.createElement(_chunkK5BEIZDAcjs.a,{id:u,disableUserSelect:!0},r):null),_react2.default.createElement("div",{className:"hearth-TextInputRoot"},_react2.default.createElement("input",{ref:i,spellCheck:"false",id:p,required:s,disabled:n,readOnly:l,placeholder:n?void 0:S,"aria-labelledby":m,"aria-describedby":B,"aria-invalid":t==="invalid"?!0:void 0,"aria-errormessage":t==="invalid"?o:void 0,...q}),w),f?_react2.default.createElement(_chunkTIOWEGWWcjs.a,{status:t,disableUserSelect:!0,id:o},d):null)});k.displayName=P;exports.a = k;
2
- //# sourceMappingURL=chunk-NTHUZ7EP.cjs.map
2
+ //# sourceMappingURL=chunk-FHBLIK6L.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-NTHUZ7EP.cjs","../src/components/TextInput/TextInput.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","TextInput","React","props","forwardedRef","className","validationStatus","validationText","label","helperText","children","providedId","disabled","readOnly","hideLabel","required","placeholder","ariaDescribedby","textInputProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidationText","ariaDescribedbyValue","mergeIds","defaultRef","inputRef","Flex","clsx","event","input","Label","BodyText","HelperText","ValidationText"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-NTHUZ7EP.cjs","sourcesContent":[null,"import type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { TextInputProps } from './TextInput.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { Label } from '../Label/Label';\nimport { HelperText } from '../HelperText/HelperText';\nimport { Flex } from '../Flex/Flex';\nimport { useIds } from '../../hooks/use-ids';\nimport { ValidationText } from '../ValidationText/ValidationText';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { BodyText } from '../BodyText/BodyText';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst componentName = 'TextInput';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype TextInputElement = ElementRef<'input'>;\n\nexport const TextInput = React.forwardRef<TextInputElement, TextInputProps>(\n (props, forwardedRef) => {\n const {\n className,\n validationStatus,\n validationText,\n label,\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 const { id, labelId, helperTextId, validationTextId } = useIds({\n providedId,\n prefix: 'input',\n });\n\n const showValidationText = Boolean(\n !readOnly && !disabled && validationStatus !== undefined && validationText !== undefined\n );\n const ariaDescribedbyValue = mergeIds(\n ariaDescribedby,\n !!helperText ? helperTextId : undefined,\n showValidationText ? validationTextId : undefined\n );\n\n const defaultRef = React.useRef<HTMLInputElement>(null);\n const inputRef = forwardedRef || defaultRef;\n return (\n <Flex\n className={clsx(componentClassName, className)}\n direction=\"column\"\n gap=\"75\"\n data-validation-status={validationStatus ? validationStatus : undefined}\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 <Flex direction=\"column\" data-visually-hidden={hideLabel ? '' : undefined}>\n <Label htmlFor={id} id={labelId} disableUserSelect fontWeight=\"semibold\">\n {label}\n {required ? null : (\n <BodyText as=\"span\" marginLeft=\"50\">\n (optional)\n </BodyText>\n )}\n </Label>\n {helperText ? (\n <HelperText id={helperTextId} disableUserSelect>\n {helperText}\n </HelperText>\n ) : null}\n </Flex>\n <div className=\"hearth-TextInputRoot\">\n <input\n ref={inputRef}\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 </div>\n {showValidationText ? (\n <ValidationText status={validationStatus} disableUserSelect id={validationTextId}>\n {validationText}\n </ValidationText>\n ) : null}\n </Flex>\n );\n }\n);\n\nTextInput.displayName = componentName;\n"]}
1
+ {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-FHBLIK6L.cjs","../src/components/TextInput/TextInput.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","TextInput","React","props","forwardedRef","className","validationStatus","validationText","label","helperText","children","providedId","disabled","readOnly","hideLabel","required","placeholder","ariaDescribedby","textInputProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidationText","ariaDescribedbyValue","mergeIds","defaultRef","inputRef","Flex","clsx","event","input","Label","BodyText","HelperText","ValidationText"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-FHBLIK6L.cjs","sourcesContent":[null,"import type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { TextInputProps } from './TextInput.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { Label } from '../Label/Label';\nimport { HelperText } from '../HelperText/HelperText';\nimport { Flex } from '../Flex/Flex';\nimport { useIds } from '../../hooks/use-ids';\nimport { ValidationText } from '../ValidationText/ValidationText';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { BodyText } from '../BodyText/BodyText';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst componentName = 'TextInput';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype TextInputElement = ElementRef<'input'>;\n\nexport const TextInput = React.forwardRef<TextInputElement, TextInputProps>(\n (props, forwardedRef) => {\n const {\n className,\n validationStatus,\n validationText,\n label,\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 const { id, labelId, helperTextId, validationTextId } = useIds({\n providedId,\n prefix: 'input',\n });\n\n const showValidationText = Boolean(\n !readOnly && !disabled && validationStatus !== undefined && validationText !== undefined\n );\n const ariaDescribedbyValue = mergeIds(\n ariaDescribedby,\n !!helperText ? helperTextId : undefined,\n showValidationText ? validationTextId : undefined\n );\n\n const defaultRef = React.useRef<HTMLInputElement>(null);\n const inputRef = forwardedRef || defaultRef;\n return (\n <Flex\n className={clsx(componentClassName, className)}\n direction=\"column\"\n gap=\"75\"\n data-validation-status={validationStatus ? validationStatus : undefined}\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 <Flex direction=\"column\" data-visually-hidden={hideLabel ? '' : undefined}>\n <Label htmlFor={id} id={labelId} disableUserSelect fontWeight=\"semibold\">\n {label}\n {required ? null : (\n <BodyText as=\"span\" marginLeft=\"50\">\n (optional)\n </BodyText>\n )}\n </Label>\n {helperText ? (\n <HelperText id={helperTextId} disableUserSelect>\n {helperText}\n </HelperText>\n ) : null}\n </Flex>\n <div className=\"hearth-TextInputRoot\">\n <input\n ref={inputRef}\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 </div>\n {showValidationText ? (\n <ValidationText status={validationStatus} disableUserSelect id={validationTextId}>\n {validationText}\n </ValidationText>\n ) : null}\n </Flex>\n );\n }\n);\n\nTextInput.displayName = componentName;\n"]}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }var _chunkTBOBX6LGcjs = require('./chunk-TBOBX6LG.cjs');var _chunkPWOQMLDPcjs = require('./chunk-PWOQMLDP.cjs');var _chunkVPZS4ZLEcjs = require('./chunk-VPZS4ZLE.cjs');var _chunkLAVQWQP2cjs = require('./chunk-LAVQWQP2.cjs');var _chunkTMWB3U4Xcjs = require('./chunk-TMWB3U4X.cjs');var _chunk5DRU6TDWcjs = require('./chunk-5DRU6TDW.cjs');var _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var y="List",B=_chunk4H5JT5ORcjs.b.call(void 0, y),I= exports.a =e.forwardRef((g,r)=>{let{as:i="ul",className:L,colorScheme:a=void 0,heading:t,headingElement:u="div",helperText:o,linkText:N,linkHref:T,children:n,variant:l,id:P,"aria-labelledby":v,"aria-describedby":C,...s}=_chunk5DRU6TDWcjs.a.call(void 0, g,_chunkLAVQWQP2cjs.a),{id:E,labelId:H,helperTextId:R}=_chunkTMWB3U4Xcjs.a.call(void 0, {providedId:P,prefix:"list"}),d={id:E,role:"list","aria-labelledby":_nullishCoalesce(v, () => ((t?H:void 0))),"aria-describedby":_nullishCoalesce(C, () => ((o?R:void 0)))};return e.createElement("div",{className:_clsx2.default.call(void 0, B,L)},e.createElement(_chunkTBOBX6LGcjs.a,{id:"listHeader",helperText:o,heading:t,linkHref:T,linkText:N,as:u}),l===void 0||a===void 0?e.createElement(_chunkVPZS4ZLEcjs.a,{asChild:!0,className:"hearth-ListContainer"},e.createElement(i,{ref:r,...s,...d},n)):e.createElement(_chunkPWOQMLDPcjs.a,{className:"hearth-ListContainer",paddingNone:!0,variant:l,colorScheme:a},e.createElement(i,{ref:r,...s,...d},n)))});I.displayName=y;exports.a = I;
2
+ //# sourceMappingURL=chunk-FU75MK27.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-FU75MK27.cjs","../src/components/List/List.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","List","props","ref","Tag","className","colorScheme","heading","HeadingEl","helperText","linkText","linkHref","children","variant","providedId","ariaLabelledby","ariaDescribedby","listProps","extractProps","marginPropDefs","id","labelId","helperTextId","useIds","listAriaProps","clsx","SectionHeader","Box","Card"],"mappings":"AAAA,ulBAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECAvQ,wEACN,IAWXA,CAAAA,CAAgB,MAAA,CAChBC,CAAAA,CAAqBC,iCAAAA,CAA8B,CAAA,CAI5CC,CAAAA,aAAa,CAAA,CAAA,UAAA,CAAmC,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CAC3E,GAAM,CACJ,EAAA,CAAIC,CAAAA,CAAM,IAAA,CACV,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,KAAA,CAAA,CACd,OAAA,CAAAC,CAAAA,CACA,cAAA,CAAgBC,CAAAA,CAAY,KAAA,CAC5B,UAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,iBAAA,CAAmBC,CAAAA,CACnB,kBAAA,CAAoBC,CAAAA,CACpB,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAahB,CAAOiB,mBAAc,CAAA,CAChC,CAAE,EAAA,CAAAC,CAAAA,CAAI,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAAC,CAAa,CAAA,CAAIC,iCAAAA,CACpC,UAAA,CAAAT,CAAAA,CACA,MAAA,CAAQ,MACV,CAAC,CAAA,CACKU,CAAAA,CAAgB,CACpB,EAAA,CAAAJ,CAAAA,CACA,IAAA,CAAM,MAAA,CACL,iBAAA,kBAAoBL,CAAAA,SAAAA,CAA2BR,CAAAA,CAAWc,CAAAA,CAAU,KAAA,CAAA,GAAA,CACpE,kBAAA,kBAAqBL,CAAAA,SAAAA,CAA4BP,CAAAA,CAAca,CAAAA,CAAe,KAAA,CAAA,GACjF,CAAA,CAEA,OACE,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAWG,4BAAAA,CAAK1B,CAAoBM,CAAS,CAAA,CAAA,CAChD,CAAA,CAAA,aAAA,CAACqB,mBAAAA,CAAA,CACC,EAAA,CAAG,YAAA,CACH,UAAA,CAAYjB,CAAAA,CACZ,OAAA,CAASF,CAAAA,CACT,QAAA,CAAUI,CAAAA,CACV,QAAA,CAAUD,CAAAA,CACV,EAAA,CAAIF,CAAAA,CACN,CAAA,CACCK,CAAAA,GAAY,KAAA,CAAA,EAAaP,CAAAA,GAAgB,KAAA,CAAA,CACxC,CAAA,CAAA,aAAA,CAACqB,mBAAAA,CAAA,CAAI,OAAA,CAAO,CAAA,CAAA,CAAC,SAAA,CAAU,sBAAA,CAAA,CACrB,CAAA,CAAA,aAAA,CAACvB,CAAAA,CAAA,CAAI,GAAA,CAAKD,CAAAA,CAAM,GAAGc,CAAAA,CAAY,GAAGO,CAAAA,CAAAA,CAC/BZ,CACH,CACF,CAAA,CAEA,CAAA,CAAA,aAAA,CAACgB,mBAAAA,CAAA,CACC,SAAA,CAAU,sBAAA,CACV,WAAA,CAAW,CAAA,CAAA,CACX,OAAA,CAASf,CAAAA,CACT,WAAA,CAAaP,CAAAA,CAAAA,CAEb,CAAA,CAAA,aAAA,CAACF,CAAAA,CAAA,CAAI,GAAA,CAAKD,CAAAA,CAAM,GAAGc,CAAAA,CAAY,GAAGO,CAAAA,CAAAA,CAC/BZ,CACH,CACF,CAEJ,CAEJ,CAAC,CAAA,CAEDX,CAAAA,CAAK,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-FU75MK27.cjs","sourcesContent":[null,"import * as React from 'react';\nimport clsx from 'clsx';\nimport { type ListProps } from './List.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { Card } from '../Card/Card';\nimport { Box } from '../Box/Box';\nimport { useIds } from '../../hooks/use-ids';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { SectionHeader } from '../SectionHeader/SectionHeader';\n\nconst componentName = 'List';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype ListElement = ElementRef<'ol'>;\n\nexport const List = React.forwardRef<ListElement, ListProps>((props, ref) => {\n const {\n as: Tag = 'ul',\n className,\n colorScheme = undefined,\n heading,\n headingElement: HeadingEl = 'div',\n helperText,\n linkText,\n linkHref,\n children,\n variant,\n id: providedId,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n ...listProps\n } = extractProps(props, marginPropDefs);\n const { id, labelId, helperTextId } = useIds({\n providedId,\n prefix: 'list',\n });\n const listAriaProps = {\n id,\n role: 'list',\n ['aria-labelledby']: ariaLabelledby ?? (Boolean(heading) ? labelId : undefined),\n ['aria-describedby']: ariaDescribedby ?? (Boolean(helperText) ? helperTextId : undefined),\n };\n\n return (\n <div className={clsx(componentClassName, className)}>\n <SectionHeader\n id=\"listHeader\"\n helperText={helperText}\n heading={heading}\n linkHref={linkHref}\n linkText={linkText}\n as={HeadingEl}\n />\n {variant === undefined || colorScheme === undefined ? (\n <Box asChild className=\"hearth-ListContainer\">\n <Tag ref={ref} {...listProps} {...listAriaProps}>\n {children}\n </Tag>\n </Box>\n ) : (\n <Card\n className=\"hearth-ListContainer\"\n paddingNone\n variant={variant}\n colorScheme={colorScheme}\n >\n <Tag ref={ref} {...listProps} {...listAriaProps}>\n {children}\n </Tag>\n </Card>\n )}\n </div>\n );\n});\n\nList.displayName = componentName;\n"]}
@@ -0,0 +1,2 @@
1
+ import*as e from"react";function m(t,r={}){let{defaultValue:i=!1,initializeWithDefaultValue:o=!1}=r;t=t.replace(/^@media( ?)/m,"");let a=e.useCallback(()=>i,[i]),u=e.useMemo(()=>o?a:()=>window.matchMedia(t).matches,[a,t,o]),[l,d]=e.useMemo(()=>{if(window.matchMedia===null)return[a,()=>()=>{}];let n=window.matchMedia(t);return[()=>n.matches,c=>(n.addEventListener("change",c),()=>{n.removeEventListener("change",c)})]},[a,t]),s=e.useSyncExternalStore(d,l,u);return process.env.NODE_ENV!=="production"&&e.useDebugValue({query:t,match:s}),s}export{m as a};
2
+ //# sourceMappingURL=chunk-GCZO5HRJ.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/hooks/use-media-query.ts"],"sourcesContent":["import * as React from 'react';\n\n// gratefully copied from MUI -> https://github.com/mui/material-ui/blob/master/packages/mui-system/src/useMediaQuery/useMediaQuery.ts\n\nexport interface UseMediaQueryOptions {\n /**\n * As `window.matchMedia()` is unavailable on the server,\n * this is the default value to return.\n * @default false\n */\n defaultValue?: boolean;\n /**\n * To perform the server-side hydration, the hook needs to render twice.\n * A first time with `defaultValue`, the value of the server, and a second time with the resolved value.\n * This double pass rendering cycle comes with a drawback: it's slower.\n * In SSR, you should set it to `true`, returning `options.defaultValue` or `false` initially.\n * @default false\n */\n initializeWithDefaultValue?: boolean;\n}\n\n/**\n * Custom hook that tracks the state of a media query using the [`Match Media API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia).\n * @param {string} query - The media query to track.\n * @param {?UseMediaQueryOptions} [options] - The options for customizing the behavior of the hook (optional).\n * @returns {boolean} The current state of the media query (true if the query matches, false otherwise).\n * @see [Documentation](https://uw-web-ui.vercel.app/?path=/docs/web-ui-helpers-media-queries--documentation##usemediaqueries-hook)\n * @example\n * ```tsx\n * import { useMediaQuery, media } from '@utilitywarehouse/hearth-react';\n *\n * const isMobileOrTablet = useMediaQuery(media.below('desktop'));\n * // Use `isMobileOrTablet ` to conditionally apply styles or logic based on the screen size.\n * ```\n */\nexport function useMediaQuery(query: string, options: UseMediaQueryOptions = {}): boolean {\n const { defaultValue = false, initializeWithDefaultValue = false } = options;\n\n query = query.replace(/^@media( ?)/m, '');\n\n const getDefaultSnapshot = React.useCallback(() => defaultValue, [defaultValue]);\n const getServerSnapshot = React.useMemo(() => {\n if (initializeWithDefaultValue) {\n return getDefaultSnapshot;\n }\n return () => window.matchMedia(query).matches;\n }, [getDefaultSnapshot, query, initializeWithDefaultValue]);\n\n const [getSnapshot, subscribe] = React.useMemo(() => {\n if (window.matchMedia === null) {\n return [getDefaultSnapshot, () => () => {}];\n }\n\n const mediaQueryList = window.matchMedia(query);\n\n return [\n () => mediaQueryList.matches,\n (notify: () => void) => {\n mediaQueryList.addEventListener('change', notify);\n return () => {\n mediaQueryList.removeEventListener('change', notify);\n };\n },\n ];\n }, [getDefaultSnapshot, query]);\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-call\n const match = React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n\n if (process.env.NODE_ENV !== 'production') {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useDebugValue({ query, match });\n }\n\n return match;\n}\n"],"mappings":"AAAA,UAAYA,MAAW,QAmChB,SAASC,EAAcC,EAAeC,EAAgC,CAAC,EAAY,CACxF,GAAM,CAAE,aAAAC,EAAe,GAAO,2BAAAC,EAA6B,EAAM,EAAIF,EAErED,EAAQA,EAAM,QAAQ,eAAgB,EAAE,EAExC,IAAMI,EAA2B,cAAY,IAAMF,EAAc,CAACA,CAAY,CAAC,EACzEG,EAA0B,UAAQ,IAClCF,EACKC,EAEF,IAAM,OAAO,WAAWJ,CAAK,EAAE,QACrC,CAACI,EAAoBJ,EAAOG,CAA0B,CAAC,EAEpD,CAACG,EAAaC,CAAS,EAAU,UAAQ,IAAM,CACnD,GAAI,OAAO,aAAe,KACxB,MAAO,CAACH,EAAoB,IAAM,IAAM,CAAC,CAAC,EAG5C,IAAMI,EAAiB,OAAO,WAAWR,CAAK,EAE9C,MAAO,CACL,IAAMQ,EAAe,QACpBC,IACCD,EAAe,iBAAiB,SAAUC,CAAM,EACzC,IAAM,CACXD,EAAe,oBAAoB,SAAUC,CAAM,CACrD,EAEJ,CACF,EAAG,CAACL,EAAoBJ,CAAK,CAAC,EAExBU,EAAc,uBAAqBH,EAAWD,EAAaD,CAAiB,EAElF,OAAI,QAAQ,IAAI,WAAa,cAErB,gBAAc,CAAE,MAAAL,EAAO,MAAAU,CAAM,CAAC,EAG/BA,CACT","names":["React","useMediaQuery","query","options","defaultValue","initializeWithDefaultValue","getDefaultSnapshot","getServerSnapshot","getSnapshot","subscribe","mediaQueryList","notify","match"]}
@@ -1,2 +1,2 @@
1
- import{a as l}from"./chunk-C2M7FEJX.js";import{a as m}from"./chunk-XQ5A24NX.js";import{a as s}from"./chunk-QC4ZMGCU.js";import{a as t}from"./chunk-RTGGS5XX.js";import{b as d}from"./chunk-4PEMW3UE.js";import*as a from"react";import I from"clsx";import{RadioGroup as p}from"radix-ui";var n="RadioCard",N=d(n),u=a.forwardRef((c,f)=>{let{className:R,children:b,id:h,label:o,"aria-labelledby":r,...C}=t(c,m),{id:e,labelId:i}=s({providedId:h,prefix:"radio"});return a.createElement(p.Item,{ref:f,className:I(N,R),...C,id:e,"aria-labelledby":r||(o?i:void 0)},a.createElement("div",{className:"hearth-RadioContainer"},a.createElement("div",{className:"hearth-RadioItem"},a.createElement(p.Indicator,{className:"hearth-RadioIndicator"})),a.createElement(l,{id:i,htmlFor:e,disableUserSelect:!0,fontWeight:"semibold"},o)),b)});u.displayName=n;export{u as a};
2
- //# sourceMappingURL=chunk-B42GJ6TO.js.map
1
+ import{a as s}from"./chunk-C2M7FEJX.js";import{a as m}from"./chunk-XQ5A24NX.js";import{a as l}from"./chunk-QC4ZMGCU.js";import{a as t}from"./chunk-RTGGS5XX.js";import{b as d}from"./chunk-4PEMW3UE.js";import*as a from"react";import I from"clsx";import{RadioGroup as p}from"radix-ui";var n="RadioCard",N=d(n),u=a.forwardRef((c,f)=>{let{className:R,children:b,id:h,label:o,"aria-labelledby":r,...C}=t(c,m),{id:e,labelId:i}=l({providedId:h,prefix:"radio"});return a.createElement(p.Item,{ref:f,className:I(N,R),...C,id:e,"aria-labelledby":r||(o?i:void 0)},a.createElement("div",{className:"hearth-RadioContainer"},a.createElement("div",{className:"hearth-RadioItem"},a.createElement(p.Indicator,{className:"hearth-RadioIndicator"})),a.createElement(s,{id:i,htmlFor:e,disableUserSelect:!0,fontWeight:"semibold"},o)),b)});u.displayName=n;export{u as a};
2
+ //# sourceMappingURL=chunk-GOKA6XUX.js.map
@@ -0,0 +1,2 @@
1
+ import{a as b}from"./chunk-LX55FQR5.js";import{a as x}from"./chunk-TKOS3BOP.js";import{a as f}from"./chunk-4H4MW2WO.js";import{a as c}from"./chunk-XQ5A24NX.js";import{a as h}from"./chunk-QC4ZMGCU.js";import{a as p}from"./chunk-RTGGS5XX.js";import{b as m}from"./chunk-4PEMW3UE.js";import*as e from"react";import k from"clsx";var y="List",B=m(y),I=e.forwardRef((g,r)=>{let{as:i="ul",className:L,colorScheme:a=void 0,heading:t,headingElement:u="div",helperText:o,linkText:N,linkHref:T,children:n,variant:l,id:P,"aria-labelledby":v,"aria-describedby":C,...s}=p(g,c),{id:E,labelId:H,helperTextId:R}=h({providedId:P,prefix:"list"}),d={id:E,role:"list","aria-labelledby":v??(t?H:void 0),"aria-describedby":C??(o?R:void 0)};return e.createElement("div",{className:k(B,L)},e.createElement(b,{id:"listHeader",helperText:o,heading:t,linkHref:T,linkText:N,as:u}),l===void 0||a===void 0?e.createElement(f,{asChild:!0,className:"hearth-ListContainer"},e.createElement(i,{ref:r,...s,...d},n)):e.createElement(x,{className:"hearth-ListContainer",paddingNone:!0,variant:l,colorScheme:a},e.createElement(i,{ref:r,...s,...d},n)))});I.displayName=y;export{I as a};
2
+ //# sourceMappingURL=chunk-GOKFUDH4.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/List/List.tsx"],"sourcesContent":["import * as React from 'react';\nimport clsx from 'clsx';\nimport { type ListProps } from './List.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { Card } from '../Card/Card';\nimport { Box } from '../Box/Box';\nimport { useIds } from '../../hooks/use-ids';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { SectionHeader } from '../SectionHeader/SectionHeader';\n\nconst componentName = 'List';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype ListElement = ElementRef<'ol'>;\n\nexport const List = React.forwardRef<ListElement, ListProps>((props, ref) => {\n const {\n as: Tag = 'ul',\n className,\n colorScheme = undefined,\n heading,\n headingElement: HeadingEl = 'div',\n helperText,\n linkText,\n linkHref,\n children,\n variant,\n id: providedId,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n ...listProps\n } = extractProps(props, marginPropDefs);\n const { id, labelId, helperTextId } = useIds({\n providedId,\n prefix: 'list',\n });\n const listAriaProps = {\n id,\n role: 'list',\n ['aria-labelledby']: ariaLabelledby ?? (Boolean(heading) ? labelId : undefined),\n ['aria-describedby']: ariaDescribedby ?? (Boolean(helperText) ? helperTextId : undefined),\n };\n\n return (\n <div className={clsx(componentClassName, className)}>\n <SectionHeader\n id=\"listHeader\"\n helperText={helperText}\n heading={heading}\n linkHref={linkHref}\n linkText={linkText}\n as={HeadingEl}\n />\n {variant === undefined || colorScheme === undefined ? (\n <Box asChild className=\"hearth-ListContainer\">\n <Tag ref={ref} {...listProps} {...listAriaProps}>\n {children}\n </Tag>\n </Box>\n ) : (\n <Card\n className=\"hearth-ListContainer\"\n paddingNone\n variant={variant}\n colorScheme={colorScheme}\n >\n <Tag ref={ref} {...listProps} {...listAriaProps}>\n {children}\n </Tag>\n </Card>\n )}\n </div>\n );\n});\n\nList.displayName = componentName;\n"],"mappings":"wRAAA,UAAYA,MAAW,QACvB,OAAOC,MAAU,OAWjB,IAAMC,EAAgB,OAChBC,EAAqBC,EAAiBF,CAAa,EAI5CG,EAAa,aAAmC,CAACC,EAAOC,IAAQ,CAC3E,GAAM,CACJ,GAAIC,EAAM,KACV,UAAAC,EACA,YAAAC,EAAc,OACd,QAAAC,EACA,eAAgBC,EAAY,MAC5B,WAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAIC,EACJ,kBAAmBC,EACnB,mBAAoBC,EACpB,GAAGC,CACL,EAAIC,EAAahB,EAAOiB,CAAc,EAChC,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,CAAa,EAAIC,EAAO,CAC3C,WAAAT,EACA,OAAQ,MACV,CAAC,EACKU,EAAgB,CACpB,GAAAJ,EACA,KAAM,OACL,kBAAoBL,IAA2BR,EAAWc,EAAU,QACpE,mBAAqBL,IAA4BP,EAAca,EAAe,OACjF,EAEA,OACE,gBAAC,OAAI,UAAWG,EAAK1B,EAAoBM,CAAS,GAChD,gBAACqB,EAAA,CACC,GAAG,aACH,WAAYjB,EACZ,QAASF,EACT,SAAUI,EACV,SAAUD,EACV,GAAIF,EACN,EACCK,IAAY,QAAaP,IAAgB,OACxC,gBAACqB,EAAA,CAAI,QAAO,GAAC,UAAU,wBACrB,gBAACvB,EAAA,CAAI,IAAKD,EAAM,GAAGc,EAAY,GAAGO,GAC/BZ,CACH,CACF,EAEA,gBAACgB,EAAA,CACC,UAAU,uBACV,YAAW,GACX,QAASf,EACT,YAAaP,GAEb,gBAACF,EAAA,CAAI,IAAKD,EAAM,GAAGc,EAAY,GAAGO,GAC/BZ,CACH,CACF,CAEJ,CAEJ,CAAC,EAEDX,EAAK,YAAcH","names":["React","clsx","componentName","componentClassName","withGlobalPrefix","List","props","ref","Tag","className","colorScheme","heading","HeadingEl","helperText","linkText","linkHref","children","variant","providedId","ariaLabelledby","ariaDescribedby","listProps","extractProps","marginPropDefs","id","labelId","helperTextId","useIds","listAriaProps","clsx","SectionHeader","Box","Card"]}
@@ -0,0 +1,2 @@
1
+ var o=["sm","md","lg","xl"],e={size:{className:"size",tokens:o,responsive:!1,default:"md"}};export{e as a};
2
+ //# sourceMappingURL=chunk-HLGSJ7VZ.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/SectionHeader/SectionHeader.props.ts"],"sourcesContent":["import { ComponentType } from 'react';\nimport { MarginProps } from '../../props/margin.props';\nimport { PropDef } from '../../props/prop-def';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { TextWrapProps } from '../../props/text-wrap.props';\nimport type { ComponentPropsWithout, RemovedProps } from '../../types/component-props';\nimport { LinkProps } from '../Link/Link.props';\n\nconst sizes = ['sm', 'md', 'lg', 'xl'] as const;\n\nexport const sectionHeaderPropDefs = {\n size: { className: 'size', tokens: sizes, responsive: false, default: 'md' },\n} satisfies {\n size: PropDef<(typeof sizes)[number]>;\n};\n\nexport interface SectionHeaderProps\n extends ComponentPropsWithout<'h2', RemovedProps>,\n TextAlignProps,\n TextTransformProps,\n TextWrapProps,\n MarginProps {\n /**\n * Actual string to display as section header\n */\n heading?: string;\n /**\n * @default h2\n */\n as?: 'h1' | 'h2' | 'h3' | 'h4' | 'div';\n /**\n * Set the text size styles.\n * @default md\n */\n size?: (typeof sizes)[number];\n /**\n * Optional helper text to provide additional context or instructions.\n */\n helperText?: string;\n /**\n * Optional configuration of link at the side.\n * Both linkText and linkHref need to be present for the link to appear.\n */\n linkText?: string;\n linkHref?: LinkProps['href'];\n /**\n * @default Chevron\n */\n linkIcon?: ComponentType;\n linkIconPosition?: 'left' | 'right';\n /**\n * @default true\n */\n linkShowIcon?: boolean;\n /**\n * @default _self\n */\n linkTarget?: React.HTMLAttributeAnchorTarget | undefined;\n}\n"],"mappings":"AASA,IAAMA,EAAQ,CAAC,KAAM,KAAM,KAAM,IAAI,EAExBC,EAAwB,CACnC,KAAM,CAAE,UAAW,OAAQ,OAAQD,EAAO,WAAY,GAAO,QAAS,IAAK,CAC7E","names":["sizes","sectionHeaderPropDefs"]}
@@ -1,2 +1,2 @@
1
- import{a as y}from"./chunk-PJXMEG7B.js";import{a as T}from"./chunk-C2M7FEJX.js";import{a as h}from"./chunk-JPYVWTDN.js";import{a as t}from"./chunk-432A6CLH.js";import{a as b}from"./chunk-VBMXLPU5.js";import{a as u}from"./chunk-XQ5A24NX.js";import{a as v}from"./chunk-QC4ZMGCU.js";import{a as c}from"./chunk-RTGGS5XX.js";import{b as x}from"./chunk-4PEMW3UE.js";import{a as A}from"./chunk-DVGYWBKQ.js";import*as e from"react";import L from"clsx";var g="TextArea",U=x(g),q=e.forwardRef((I,N)=>{let{className:P,validationStatus:a,validationText:d,label:R,helperText:i,id:w,disabled:r,readOnly:l,required:n,placeholder:F,resize:E,rows:S=3,...V}=c(I,u),{id:s,labelId:m,helperTextId:p,validationTextId:o}=v({providedId:w,prefix:"textarea"}),f=!l&&!r&&a!==void 0&&d!==void 0,B=A(i?p:void 0,f?o:void 0);return e.createElement(t,{direction:"column",gap:"75",className:L(U,P),"data-validation-status":a||void 0,"data-disabled":r?"":void 0},e.createElement(t,{direction:"column"},e.createElement(T,{htmlFor:s,id:m,disableUserSelect:!0,fontWeight:"semibold"},R,n?null:e.createElement(b,{as:"span",marginLeft:"50"},"(optional)")),i?e.createElement(h,{id:p,disableUserSelect:!0},i):null),e.createElement(t,{direction:"column",className:"hearth-TextAreaRoot"},e.createElement("textarea",{ref:N,id:s,rows:S,required:n,disabled:r,readOnly:l,placeholder:r?void 0:F,"aria-labelledby":m,"aria-describedby":B,"aria-invalid":a==="invalid"?!0:void 0,"aria-errormessage":a==="invalid"?o:void 0,"data-resize":E,...V})),f?e.createElement(y,{status:a,disableUserSelect:!0,id:o},d):null)});q.displayName=g;export{q as a};
2
- //# sourceMappingURL=chunk-WDO5LWAP.js.map
1
+ import{a as v}from"./chunk-PJXMEG7B.js";import{a as y}from"./chunk-C2M7FEJX.js";import{a as h}from"./chunk-JPYVWTDN.js";import{a as t}from"./chunk-432A6CLH.js";import{a as b}from"./chunk-VBMXLPU5.js";import{a as u}from"./chunk-XQ5A24NX.js";import{a as T}from"./chunk-QC4ZMGCU.js";import{a as c}from"./chunk-RTGGS5XX.js";import{b as x}from"./chunk-4PEMW3UE.js";import{a as A}from"./chunk-DVGYWBKQ.js";import*as e from"react";import L from"clsx";var g="TextArea",U=x(g),q=e.forwardRef((I,N)=>{let{className:P,validationStatus:a,validationText:d,label:R,helperText:i,id:w,disabled:r,readOnly:l,required:n,placeholder:F,resize:E,rows:S=3,...V}=c(I,u),{id:s,labelId:m,helperTextId:p,validationTextId:o}=T({providedId:w,prefix:"textarea"}),f=!l&&!r&&a!==void 0&&d!==void 0,B=A(i?p:void 0,f?o:void 0);return e.createElement(t,{direction:"column",gap:"75",className:L(U,P),"data-validation-status":a||void 0,"data-disabled":r?"":void 0},e.createElement(t,{direction:"column"},e.createElement(y,{htmlFor:s,id:m,disableUserSelect:!0,fontWeight:"semibold"},R,n?null:e.createElement(b,{as:"span",marginLeft:"50"},"(optional)")),i?e.createElement(h,{id:p,disableUserSelect:!0},i):null),e.createElement(t,{direction:"column",className:"hearth-TextAreaRoot"},e.createElement("textarea",{ref:N,id:s,rows:S,required:n,disabled:r,readOnly:l,placeholder:r?void 0:F,"aria-labelledby":m,"aria-describedby":B,"aria-invalid":a==="invalid"?!0:void 0,"aria-errormessage":a==="invalid"?o:void 0,"data-resize":E,...V})),f?e.createElement(v,{status:a,disableUserSelect:!0,id:o},d):null)});q.displayName=g;export{q as a};
2
+ //# sourceMappingURL=chunk-IOPJMAFL.js.map
@@ -1,2 +1,2 @@
1
- import{a as p}from"./chunk-C2M7FEJX.js";import{a as n}from"./chunk-JPYVWTDN.js";import{c as f}from"./chunk-5OLLJKEO.js";import{a as s}from"./chunk-432A6CLH.js";import{a as c}from"./chunk-QC4ZMGCU.js";import{b as m}from"./chunk-4PEMW3UE.js";import*as e from"react";import N from"clsx";import{RadioGroup as R}from"radix-ui";var b="RadioTile",G=m(b),v=e.forwardRef(({className:u,id:x,label:o,helperText:i,"aria-labelledby":r,...T},h)=>{let{id:a,labelId:t,helperTextId:d}=c({providedId:x,prefix:"radio"}),{hasGroupHelperText:y,"aria-describedby":I}=f(),l=!y&&i!==void 0;return e.createElement(R.Item,{ref:h,className:N(G,u),...T,id:a,"aria-describedby":l?d:I,"aria-labelledby":r||(o?t:void 0)},e.createElement("div",{className:"hearth-RadioContainer"},e.createElement("div",{className:"hearth-RadioItem"},e.createElement(R.Indicator,{className:"hearth-RadioIndicator"})),e.createElement(s,{direction:"column"},e.createElement(p,{id:t,htmlFor:a,disableUserSelect:!0},o),l?e.createElement(n,{id:d,disableUserSelect:!0},i):null)))});v.displayName=b;export{v as a};
2
- //# sourceMappingURL=chunk-XEEDKY3F.js.map
1
+ import{a as c}from"./chunk-C2M7FEJX.js";import{a as n}from"./chunk-JPYVWTDN.js";import{c as f}from"./chunk-5OLLJKEO.js";import{a as s}from"./chunk-432A6CLH.js";import{a as p}from"./chunk-QC4ZMGCU.js";import{b as m}from"./chunk-4PEMW3UE.js";import*as e from"react";import N from"clsx";import{RadioGroup as R}from"radix-ui";var b="RadioTile",G=m(b),v=e.forwardRef(({className:u,id:x,label:o,helperText:i,"aria-labelledby":r,...T},h)=>{let{id:a,labelId:t,helperTextId:d}=p({providedId:x,prefix:"radio"}),{hasGroupHelperText:y,"aria-describedby":I}=f(),l=!y&&i!==void 0;return e.createElement(R.Item,{ref:h,className:N(G,u),...T,id:a,"aria-describedby":l?d:I,"aria-labelledby":r||(o?t:void 0)},e.createElement("div",{className:"hearth-RadioContainer"},e.createElement("div",{className:"hearth-RadioItem"},e.createElement(R.Indicator,{className:"hearth-RadioIndicator"})),e.createElement(s,{direction:"column"},e.createElement(c,{id:t,htmlFor:a,disableUserSelect:!0},o),l?e.createElement(n,{id:d,disableUserSelect:!0},i):null)))});v.displayName=b;export{v as a};
2
+ //# sourceMappingURL=chunk-JM4RYNG3.js.map
@@ -1,2 +1,2 @@
1
- import{a as p}from"./chunk-C2M7FEJX.js";import{a as n}from"./chunk-JPYVWTDN.js";import{c as f}from"./chunk-5OLLJKEO.js";import{a as l}from"./chunk-432A6CLH.js";import{a as c}from"./chunk-QC4ZMGCU.js";import{b as s}from"./chunk-4PEMW3UE.js";import*as e from"react";import w from"clsx";import{RadioGroup as R}from"radix-ui";var b="Radio",E=s(b),F=e.forwardRef(({id:h,label:o,helperText:a,className:u,labelFontWeight:x,"aria-labelledby":r,...y},I)=>{let{id:i,labelId:t,helperTextId:d}=c({providedId:h,prefix:"radio"}),{hasGroupHelperText:N,"aria-describedby":G}=f(),m=!N&&a!==void 0,v=!!o;return e.createElement("div",{className:w(E,u)},e.createElement("div",{className:"hearth-RadioContainer"},e.createElement(R.Item,{ref:I,...y,id:i,"aria-describedby":m?d:G,"aria-labelledby":r||(o?t:void 0),className:"hearth-RadioItem"},e.createElement(R.Indicator,{className:"hearth-RadioIndicator"}))),v?e.createElement(l,{direction:"column",gap:"50"},e.createElement(p,{id:t,htmlFor:i,disableUserSelect:!0,fontWeight:x,className:"hearth-RadioLabel"},o),m?e.createElement(n,{id:d,disableUserSelect:!0},a):null):null)});F.displayName=b;export{F as a};
2
- //# sourceMappingURL=chunk-3I27SIVG.js.map
1
+ import{a as c}from"./chunk-C2M7FEJX.js";import{a as n}from"./chunk-JPYVWTDN.js";import{c as f}from"./chunk-5OLLJKEO.js";import{a as l}from"./chunk-432A6CLH.js";import{a as p}from"./chunk-QC4ZMGCU.js";import{b as s}from"./chunk-4PEMW3UE.js";import*as e from"react";import w from"clsx";import{RadioGroup as R}from"radix-ui";var b="Radio",E=s(b),F=e.forwardRef(({id:h,label:o,helperText:a,className:u,labelFontWeight:x,"aria-labelledby":r,...y},I)=>{let{id:i,labelId:t,helperTextId:d}=p({providedId:h,prefix:"radio"}),{hasGroupHelperText:N,"aria-describedby":G}=f(),m=!N&&a!==void 0,v=!!o;return e.createElement("div",{className:w(E,u)},e.createElement("div",{className:"hearth-RadioContainer"},e.createElement(R.Item,{ref:I,...y,id:i,"aria-describedby":m?d:G,"aria-labelledby":r||(o?t:void 0),className:"hearth-RadioItem"},e.createElement(R.Indicator,{className:"hearth-RadioIndicator"}))),v?e.createElement(l,{direction:"column",gap:"50"},e.createElement(c,{id:t,htmlFor:i,disableUserSelect:!0,fontWeight:x,className:"hearth-RadioLabel"},o),m?e.createElement(n,{id:d,disableUserSelect:!0},a):null):null)});F.displayName=b;export{F as a};
2
+ //# sourceMappingURL=chunk-KX5PFWQG.js.map
@@ -1,2 +1,2 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkGFWH3VRNcjs = require('./chunk-GFWH3VRN.cjs');var _chunkK5BEIZDAcjs = require('./chunk-K5BEIZDA.cjs');var _chunkHSPOCJ5Acjs = require('./chunk-HSPOCJ5A.cjs');var _chunkLVPYDLKGcjs = require('./chunk-LVPYDLKG.cjs');var _chunkTMWB3U4Xcjs = require('./chunk-TMWB3U4X.cjs');var _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var b="RadioTile",G=_chunk4H5JT5ORcjs.b.call(void 0, b),v= exports.a =e.forwardRef(({className:u,id:x,label:o,helperText:i,"aria-labelledby":r,...T},h)=>{let{id:a,labelId:t,helperTextId:d}=_chunkTMWB3U4Xcjs.a.call(void 0, {providedId:x,prefix:"radio"}),{hasGroupHelperText:y,"aria-describedby":I}=_chunkHSPOCJ5Acjs.c.call(void 0, ),l=!y&&i!==void 0;return e.createElement(_radixui.RadioGroup.Item,{ref:h,className:_clsx2.default.call(void 0, G,u),...T,id:a,"aria-describedby":l?d:I,"aria-labelledby":r||(o?t:void 0)},e.createElement("div",{className:"hearth-RadioContainer"},e.createElement("div",{className:"hearth-RadioItem"},e.createElement(_radixui.RadioGroup.Indicator,{className:"hearth-RadioIndicator"})),e.createElement(_chunkLVPYDLKGcjs.a,{direction:"column"},e.createElement(_chunkGFWH3VRNcjs.a,{id:t,htmlFor:a,disableUserSelect:!0},o),l?e.createElement(_chunkK5BEIZDAcjs.a,{id:d,disableUserSelect:!0},i):null)))});v.displayName=b;exports.a = v;
2
- //# sourceMappingURL=chunk-DCE34VT5.cjs.map
2
+ //# sourceMappingURL=chunk-LMVWLJME.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-DCE34VT5.cjs","../src/components/RadioTile/RadioTile.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","RadioTile","className","providedId","label","helperText","ariaLabelledby","props","ref","id","labelId","helperTextId","useIds","hasGroupHelperText","ariaDescribedby","useFormGroupBase","showHelperText","RadixRadioGroup","clsx","Flex","Label","HelperText"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECA9N,wEACN,mCAI6B,IAOxCA,CAAAA,CAAgB,WAAA,CAChBC,CAAAA,CAAqBC,iCAAAA,CAA8B,CAAA,CAI5CC,CAAAA,aAAkB,CAAA,CAAA,UAAA,CAC7B,CACE,CAAE,SAAA,CAAAC,CAAAA,CAAW,EAAA,CAAIC,CAAAA,CAAY,KAAA,CAAAC,CAAAA,CAAO,UAAA,CAAAC,CAAAA,CAAY,iBAAA,CAAmBC,CAAAA,CAAgB,GAAGC,CAAM,CAAA,CAC5FC,CAAAA,CAAAA,EACG,CACH,GAAM,CAAE,EAAA,CAAAC,CAAAA,CAAI,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAAC,CAAa,CAAA,CAAIC,iCAAAA,CAAS,UAAA,CAAAT,CAAAA,CAAY,MAAA,CAAQ,OAAQ,CAAC,CAAA,CACtE,CAAE,kBAAA,CAAAU,CAAAA,CAAoB,kBAAA,CAAoBC,CAAgB,CAAA,CAAIC,iCAAAA,CAAiB,CAC/EC,CAAAA,CAAyB,CAACH,CAAAA,EAAsBR,CAAAA,GAAe,KAAA,CAAA,CACrE,OACE,CAAA,CAAA,aAAA,CAACY,mBAAAA,CAAgB,IAAA,CAAhB,CACC,GAAA,CAAKT,CAAAA,CACL,SAAA,CAAWU,4BAAAA,CAAKnB,CAAoBG,CAAS,CAAA,CAC5C,GAAGK,CAAAA,CACJ,EAAA,CAAIE,CAAAA,CACJ,kBAAA,CAAkBO,CAAAA,CAAiBL,CAAAA,CAAeG,CAAAA,CAClD,iBAAA,CAAiBR,CAAAA,EAAAA,CAAkCF,CAAAA,CAAQM,CAAAA,CAAU,KAAA,CAAA,CAAA,CAAA,CAErE,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,uBAAA,CAAA,CACb,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,kBAAA,CAAA,CACb,CAAA,CAAA,aAAA,CAACO,mBAAAA,CAAgB,SAAA,CAAhB,CAA0B,SAAA,CAAU,uBAAA,CAAwB,CAC/D,CAAA,CACA,CAAA,CAAA,aAAA,CAACE,mBAAAA,CAAA,CAAK,SAAA,CAAU,QAAA,CAAA,CACd,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CAAM,EAAA,CAAIV,CAAAA,CAAS,OAAA,CAASD,CAAAA,CAAI,iBAAA,CAAiB,CAAA,CAAA,CAAA,CAC/CL,CACH,CAAA,CACCY,CAAAA,CACC,CAAA,CAAA,aAAA,CAACK,mBAAAA,CAAA,CAAW,EAAA,CAAIV,CAAAA,CAAc,iBAAA,CAAiB,CAAA,CAAA,CAAA,CAC5CN,CACH,CAAA,CACE,IACN,CACF,CACF,CAEJ,CACF,CAAA,CAEAJ,CAAAA,CAAU,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-DCE34VT5.cjs","sourcesContent":[null,"import * as React from 'react';\nimport clsx from 'clsx';\nimport type { ElementRef } from 'react';\nimport type { RadioTileProps } from './RadioTile.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { RadioGroup as RadixRadioGroup } 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 componentName = 'RadioTile';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype RadioTileElement = ElementRef<'button'>;\n\nexport const RadioTile = React.forwardRef<RadioTileElement, RadioTileProps>(\n (\n { className, id: providedId, label, helperText, 'aria-labelledby': ariaLabelledby, ...props },\n ref\n ) => {\n const { id, labelId, helperTextId } = useIds({ providedId, prefix: 'radio' });\n const { hasGroupHelperText, 'aria-describedby': ariaDescribedby } = useFormGroupBase();\n const showHelperText = Boolean(!hasGroupHelperText && helperText !== undefined);\n return (\n <RadixRadioGroup.Item\n ref={ref}\n className={clsx(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=\"hearth-RadioContainer\">\n <div className=\"hearth-RadioItem\">\n <RadixRadioGroup.Indicator className=\"hearth-RadioIndicator\" />\n </div>\n <Flex direction=\"column\">\n <Label id={labelId} htmlFor={id} disableUserSelect>\n {label}\n </Label>\n {showHelperText ? (\n <HelperText id={helperTextId} disableUserSelect>\n {helperText}\n </HelperText>\n ) : null}\n </Flex>\n </div>\n </RadixRadioGroup.Item>\n );\n }\n);\n\nRadioTile.displayName = componentName;\n"]}
1
+ {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-LMVWLJME.cjs","../src/components/RadioTile/RadioTile.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","RadioTile","className","providedId","label","helperText","ariaLabelledby","props","ref","id","labelId","helperTextId","useIds","hasGroupHelperText","ariaDescribedby","useFormGroupBase","showHelperText","RadixRadioGroup","clsx","Flex","Label","HelperText"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECA9N,wEACN,mCAI6B,IAOxCA,CAAAA,CAAgB,WAAA,CAChBC,CAAAA,CAAqBC,iCAAAA,CAA8B,CAAA,CAI5CC,CAAAA,aAAkB,CAAA,CAAA,UAAA,CAC7B,CACE,CAAE,SAAA,CAAAC,CAAAA,CAAW,EAAA,CAAIC,CAAAA,CAAY,KAAA,CAAAC,CAAAA,CAAO,UAAA,CAAAC,CAAAA,CAAY,iBAAA,CAAmBC,CAAAA,CAAgB,GAAGC,CAAM,CAAA,CAC5FC,CAAAA,CAAAA,EACG,CACH,GAAM,CAAE,EAAA,CAAAC,CAAAA,CAAI,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAAC,CAAa,CAAA,CAAIC,iCAAAA,CAAS,UAAA,CAAAT,CAAAA,CAAY,MAAA,CAAQ,OAAQ,CAAC,CAAA,CACtE,CAAE,kBAAA,CAAAU,CAAAA,CAAoB,kBAAA,CAAoBC,CAAgB,CAAA,CAAIC,iCAAAA,CAAiB,CAC/EC,CAAAA,CAAyB,CAACH,CAAAA,EAAsBR,CAAAA,GAAe,KAAA,CAAA,CACrE,OACE,CAAA,CAAA,aAAA,CAACY,mBAAAA,CAAgB,IAAA,CAAhB,CACC,GAAA,CAAKT,CAAAA,CACL,SAAA,CAAWU,4BAAAA,CAAKnB,CAAoBG,CAAS,CAAA,CAC5C,GAAGK,CAAAA,CACJ,EAAA,CAAIE,CAAAA,CACJ,kBAAA,CAAkBO,CAAAA,CAAiBL,CAAAA,CAAeG,CAAAA,CAClD,iBAAA,CAAiBR,CAAAA,EAAAA,CAAkCF,CAAAA,CAAQM,CAAAA,CAAU,KAAA,CAAA,CAAA,CAAA,CAErE,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,uBAAA,CAAA,CACb,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,kBAAA,CAAA,CACb,CAAA,CAAA,aAAA,CAACO,mBAAAA,CAAgB,SAAA,CAAhB,CAA0B,SAAA,CAAU,uBAAA,CAAwB,CAC/D,CAAA,CACA,CAAA,CAAA,aAAA,CAACE,mBAAAA,CAAA,CAAK,SAAA,CAAU,QAAA,CAAA,CACd,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CAAM,EAAA,CAAIV,CAAAA,CAAS,OAAA,CAASD,CAAAA,CAAI,iBAAA,CAAiB,CAAA,CAAA,CAAA,CAC/CL,CACH,CAAA,CACCY,CAAAA,CACC,CAAA,CAAA,aAAA,CAACK,mBAAAA,CAAA,CAAW,EAAA,CAAIV,CAAAA,CAAc,iBAAA,CAAiB,CAAA,CAAA,CAAA,CAC5CN,CACH,CAAA,CACE,IACN,CACF,CACF,CAEJ,CACF,CAAA,CAEAJ,CAAAA,CAAU,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-LMVWLJME.cjs","sourcesContent":[null,"import * as React from 'react';\nimport clsx from 'clsx';\nimport type { ElementRef } from 'react';\nimport type { RadioTileProps } from './RadioTile.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { RadioGroup as RadixRadioGroup } 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 componentName = 'RadioTile';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype RadioTileElement = ElementRef<'button'>;\n\nexport const RadioTile = React.forwardRef<RadioTileElement, RadioTileProps>(\n (\n { className, id: providedId, label, helperText, 'aria-labelledby': ariaLabelledby, ...props },\n ref\n ) => {\n const { id, labelId, helperTextId } = useIds({ providedId, prefix: 'radio' });\n const { hasGroupHelperText, 'aria-describedby': ariaDescribedby } = useFormGroupBase();\n const showHelperText = Boolean(!hasGroupHelperText && helperText !== undefined);\n return (\n <RadixRadioGroup.Item\n ref={ref}\n className={clsx(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=\"hearth-RadioContainer\">\n <div className=\"hearth-RadioItem\">\n <RadixRadioGroup.Indicator className=\"hearth-RadioIndicator\" />\n </div>\n <Flex direction=\"column\">\n <Label id={labelId} htmlFor={id} disableUserSelect>\n {label}\n </Label>\n {showHelperText ? (\n <HelperText id={helperTextId} disableUserSelect>\n {helperText}\n </HelperText>\n ) : null}\n </Flex>\n </div>\n </RadixRadioGroup.Item>\n );\n }\n);\n\nRadioTile.displayName = componentName;\n"]}
@@ -0,0 +1,2 @@
1
+ import{a as g}from"./chunk-HLGSJ7VZ.js";import{a as x}from"./chunk-3YTV62G7.js";import{a as h}from"./chunk-JPYVWTDN.js";import{a as d}from"./chunk-432A6CLH.js";import{a as S}from"./chunk-FGPP4NKK.js";import{a as p}from"./chunk-LFUFY26R.js";import{a as c}from"./chunk-AFZ3OJUA.js";import{a as f}from"./chunk-VV7AHCQF.js";import{a as s}from"./chunk-XQ5A24NX.js";import{a as H}from"./chunk-QC4ZMGCU.js";import{a as l}from"./chunk-RTGGS5XX.js";import{b as a}from"./chunk-4PEMW3UE.js";import*as e from"react";import k from"clsx";import{ChevronRightSmallIcon as L}from"@utilitywarehouse/hearth-react-icons";var P="SectionHeader",b=a(P),y=e.forwardRef(({size:I,...T})=>{let{className:u,heading:v,as:E="div",helperText:r,linkText:o,linkHref:t,linkIconPosition:i="right",linkShowIcon:n=!0,linkTarget:N="_self",linkIcon:m=L,id:R}=l({size:I,...T},g,p,c,f,s),{labelId:w,helperTextId:D}=H({providedId:R,prefix:"sectionHeader"}),C=t&&o;return e.createElement("div",{className:k(b,u)},e.createElement(d,{direction:"column",flexGrow:"1",className:k("hearth-SectionHeaderTextContent")},e.createElement(x,{asChild:!0,size:"md",id:w},e.createElement(E,null,v)),r?e.createElement(h,{id:D,disableUserSelect:!0},r):null),C?e.createElement(S,{href:t,target:N},n&&i==="left"&&e.createElement(m,null),o,n&&i==="right"&&e.createElement(m,null)):null)});y.displayName=P;export{y as a};
2
+ //# sourceMappingURL=chunk-LX55FQR5.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/SectionHeader/SectionHeader.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport clsx from 'clsx';\n\nimport { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport type { ElementRef } from 'react';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { useIds } from '../../hooks/use-ids';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { textAlignPropDefs } from '../../props/text-align.props';\nimport { textTransformPropDefs } from '../../props/text-transform.props';\nimport { textWrapPropDefs } from '../../props/text-wrap.props';\nimport { Flex } from '../Flex/Flex';\nimport { Heading } from '../Heading/Heading';\nimport { HelperText } from '../HelperText/HelperText';\nimport { Link } from '../Link/Link';\nimport { sectionHeaderPropDefs, SectionHeaderProps } from './SectionHeader.props';\n\nconst componentName = 'SectionHeader';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype SectionHeaderElement = ElementRef<'div'>;\n\nexport const SectionHeader = React.forwardRef<SectionHeaderElement, SectionHeaderProps>(\n ({ size, ...props }) => {\n const {\n className,\n heading,\n as: SectionHeaderEl = 'div',\n helperText,\n linkText,\n linkHref,\n linkIconPosition = 'right',\n linkShowIcon = true,\n linkTarget = '_self',\n linkIcon: SectionHeaderLinkIcon = ChevronRightSmallIcon,\n id: providedId,\n } = extractProps(\n { size, ...props },\n sectionHeaderPropDefs,\n textAlignPropDefs,\n textTransformPropDefs,\n textWrapPropDefs,\n marginPropDefs\n );\n const { labelId, helperTextId } = useIds({\n providedId,\n prefix: 'sectionHeader',\n });\n const showLink = linkHref && linkText;\n return (\n <div className={clsx(componentClassName, className)}>\n <Flex direction=\"column\" flexGrow=\"1\" className={clsx('hearth-SectionHeaderTextContent')}>\n <Heading asChild size=\"md\" id={labelId}>\n <SectionHeaderEl>{heading}</SectionHeaderEl>\n </Heading>\n {helperText ? (\n <HelperText id={helperTextId} disableUserSelect>\n {helperText}\n </HelperText>\n ) : null}\n </Flex>\n {showLink ? (\n <Link href={linkHref} target={linkTarget}>\n {linkShowIcon && linkIconPosition === 'left' && <SectionHeaderLinkIcon />}\n {linkText}\n {linkShowIcon && linkIconPosition === 'right' && <SectionHeaderLinkIcon />}\n </Link>\n ) : null}\n </div>\n );\n }\n);\n\nSectionHeader.displayName = componentName;\n"],"mappings":"geAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAU,OAEjB,OAAS,yBAAAC,MAA6B,uCAetC,IAAMC,EAAgB,gBAChBC,EAAqBC,EAAiBF,CAAa,EAI5CG,EAAsB,aACjC,CAAC,CAAE,KAAAC,EAAM,GAAGC,CAAM,IAAM,CACtB,GAAM,CACJ,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAkB,MACtB,WAAAC,EACA,SAAAC,EACA,SAAAC,EACA,iBAAAC,EAAmB,QACnB,aAAAC,EAAe,GACf,WAAAC,EAAa,QACb,SAAUC,EAAwBC,EAClC,GAAIC,CACN,EAAIC,EACF,CAAE,KAAAd,EAAM,GAAGC,CAAM,EACjBc,EACAC,EACAC,EACAC,EACAC,CACF,EACM,CAAE,QAAAC,EAAS,aAAAC,CAAa,EAAIC,EAAO,CACvC,WAAAT,EACA,OAAQ,eACV,CAAC,EACKU,EAAWhB,GAAYD,EAC7B,OACE,gBAAC,OAAI,UAAWkB,EAAK3B,EAAoBK,CAAS,GAChD,gBAACuB,EAAA,CAAK,UAAU,SAAS,SAAS,IAAI,UAAWD,EAAK,iCAAiC,GACrF,gBAACE,EAAA,CAAQ,QAAO,GAAC,KAAK,KAAK,GAAIN,GAC7B,gBAAChB,EAAA,KAAiBD,CAAQ,CAC5B,EACCE,EACC,gBAACsB,EAAA,CAAW,GAAIN,EAAc,kBAAiB,IAC5ChB,CACH,EACE,IACN,EACCkB,EACC,gBAACK,EAAA,CAAK,KAAMrB,EAAU,OAAQG,GAC3BD,GAAgBD,IAAqB,QAAU,gBAACG,EAAA,IAAsB,EACtEL,EACAG,GAAgBD,IAAqB,SAAW,gBAACG,EAAA,IAAsB,CAC1E,EACE,IACN,CAEJ,CACF,EAEAZ,EAAc,YAAcH","names":["React","clsx","ChevronRightSmallIcon","componentName","componentClassName","withGlobalPrefix","SectionHeader","size","props","className","heading","SectionHeaderEl","helperText","linkText","linkHref","linkIconPosition","linkShowIcon","linkTarget","SectionHeaderLinkIcon","ChevronRightSmallIcon","providedId","extractProps","sectionHeaderPropDefs","textAlignPropDefs","textTransformPropDefs","textWrapPropDefs","marginPropDefs","labelId","helperTextId","useIds","showLink","clsx","Flex","Heading","HelperText","Link"]}
@@ -1,2 +1,2 @@
1
- import{a as h}from"./chunk-C2M7FEJX.js";import{a as f}from"./chunk-JPYVWTDN.js";import{c as C}from"./chunk-5OLLJKEO.js";import{c as u}from"./chunk-T64W7Q7K.js";import{a as x}from"./chunk-432A6CLH.js";import{a as k}from"./chunk-QC4ZMGCU.js";import{b as p}from"./chunk-4PEMW3UE.js";import*as e from"react";import P from"clsx";import{TickSmallIcon as S}from"@utilitywarehouse/hearth-react-icons";import{Checkbox as T}from"radix-ui";var R="CheckboxTile",U=p(R),B=e.forwardRef(({className:I,id:y,disabled:a,value:o="on",onCheckedChange:i,label:c,helperText:l,"aria-labelledby":N,...G},H)=>{let{id:m,labelId:s,helperTextId:n}=k({providedId:y,prefix:"radio"}),r=C(),t=u(),w=t?.value?.includes(o),E=r?.hasGroupHelperText,F=r?r["aria-describedby"]:"",d=!E&&!!l,L=!!c;return e.createElement("label",{className:P(U,I),"data-disabled":a?"":void 0},e.createElement(T.Root,{ref:H,className:"hearth-CheckboxRoot",name:t?.name,checked:w,value:o,...G,id:m,disabled:a,"aria-describedby":d?n:F,"aria-labelledby":N||L?s:void 0,onCheckedChange:b=>{r&&(b?t?.onItemCheck(o):t?.onItemUncheck(o)),i&&i(b)}},e.createElement(T.Indicator,{asChild:!0,className:"hearth-CheckboxIndicator"},e.createElement(S,null))),e.createElement(x,{direction:"column"},e.createElement(h,{id:s,htmlFor:m,disableUserSelect:!0},c),d?e.createElement(f,{id:n,disableUserSelect:!0},l):null))});B.displayName=R;export{B as a};
2
- //# sourceMappingURL=chunk-TV6ICMYH.js.map
1
+ import{a as k}from"./chunk-C2M7FEJX.js";import{a as f}from"./chunk-JPYVWTDN.js";import{c as C}from"./chunk-5OLLJKEO.js";import{c as u}from"./chunk-T64W7Q7K.js";import{a as x}from"./chunk-432A6CLH.js";import{a as h}from"./chunk-QC4ZMGCU.js";import{b as p}from"./chunk-4PEMW3UE.js";import*as e from"react";import P from"clsx";import{TickSmallIcon as S}from"@utilitywarehouse/hearth-react-icons";import{Checkbox as T}from"radix-ui";var R="CheckboxTile",U=p(R),B=e.forwardRef(({className:I,id:y,disabled:a,value:o="on",onCheckedChange:i,label:c,helperText:l,"aria-labelledby":N,...G},H)=>{let{id:m,labelId:s,helperTextId:n}=h({providedId:y,prefix:"radio"}),r=C(),t=u(),w=t?.value?.includes(o),E=r?.hasGroupHelperText,F=r?r["aria-describedby"]:"",d=!E&&!!l,L=!!c;return e.createElement("label",{className:P(U,I),"data-disabled":a?"":void 0},e.createElement(T.Root,{ref:H,className:"hearth-CheckboxRoot",name:t?.name,checked:w,value:o,...G,id:m,disabled:a,"aria-describedby":d?n:F,"aria-labelledby":N||L?s:void 0,onCheckedChange:b=>{r&&(b?t?.onItemCheck(o):t?.onItemUncheck(o)),i&&i(b)}},e.createElement(T.Indicator,{asChild:!0,className:"hearth-CheckboxIndicator"},e.createElement(S,null))),e.createElement(x,{direction:"column"},e.createElement(k,{id:s,htmlFor:m,disableUserSelect:!0},c),d?e.createElement(f,{id:n,disableUserSelect:!0},l):null))});B.displayName=R;export{B as a};
2
+ //# sourceMappingURL=chunk-MVVYXPVV.js.map