@utilitywarehouse/hearth-react 0.2.3 → 0.3.0

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 (94) hide show
  1. package/dist/{chunk-BDOHOQ2T.js → chunk-44M3HSOB.js} +2 -2
  2. package/dist/chunk-46IBM4YS.cjs +2 -0
  3. package/dist/chunk-46IBM4YS.cjs.map +1 -0
  4. package/dist/{chunk-TY2T2ZUH.cjs → chunk-66T22MXP.cjs} +2 -2
  5. package/dist/{chunk-TY2T2ZUH.cjs.map → chunk-66T22MXP.cjs.map} +1 -1
  6. package/dist/{chunk-5L3GP5UG.cjs → chunk-7FV42Q23.cjs} +1 -1
  7. package/dist/{chunk-5L3GP5UG.cjs.map → chunk-7FV42Q23.cjs.map} +1 -1
  8. package/dist/chunk-A3P5UD2Y.cjs +2 -0
  9. package/dist/chunk-A3P5UD2Y.cjs.map +1 -0
  10. package/dist/chunk-CL4HHTY3.cjs +2 -0
  11. package/dist/chunk-CL4HHTY3.cjs.map +1 -0
  12. package/dist/chunk-CNAKY5WA.js +2 -0
  13. package/dist/chunk-CNAKY5WA.js.map +1 -0
  14. package/dist/chunk-DLI45HBC.js +2 -0
  15. package/dist/chunk-DLI45HBC.js.map +1 -0
  16. package/dist/chunk-DM6HZBRG.cjs +2 -0
  17. package/dist/chunk-DM6HZBRG.cjs.map +1 -0
  18. package/dist/chunk-IOLVSZAT.cjs +2 -0
  19. package/dist/chunk-IOLVSZAT.cjs.map +1 -0
  20. package/dist/chunk-JLHY5GT7.js +2 -0
  21. package/dist/chunk-JLHY5GT7.js.map +1 -0
  22. package/dist/chunk-MCZMPJUY.js +2 -0
  23. package/dist/chunk-MCZMPJUY.js.map +1 -0
  24. package/dist/chunk-OK7GLQBU.cjs +2 -0
  25. package/dist/chunk-OK7GLQBU.cjs.map +1 -0
  26. package/dist/chunk-PSYDOFWE.js +2 -0
  27. package/dist/chunk-PSYDOFWE.js.map +1 -0
  28. package/dist/chunk-RLMIF22W.js +2 -0
  29. package/dist/chunk-RLMIF22W.js.map +1 -0
  30. package/dist/{chunk-FQVHCNT7.js → chunk-VS6HRII3.js} +1 -1
  31. package/dist/chunk-VS6HRII3.js.map +1 -0
  32. package/dist/{chunk-LR72HOOA.cjs → chunk-WZA32VXG.cjs} +2 -2
  33. package/dist/{chunk-LR72HOOA.cjs.map → chunk-WZA32VXG.cjs.map} +1 -1
  34. package/dist/{chunk-ZHB55C5Z.js → chunk-YZ26DXQZ.js} +2 -2
  35. package/dist/components/CheckboxGroup/CheckboxGroup.cjs +1 -1
  36. package/dist/components/CheckboxGroup/CheckboxGroup.js +1 -1
  37. package/dist/components/Dialog/Dialog.cjs +2 -0
  38. package/dist/components/Dialog/Dialog.cjs.map +1 -0
  39. package/dist/components/Dialog/Dialog.d.cts +12 -0
  40. package/dist/components/Dialog/Dialog.d.ts +12 -0
  41. package/dist/components/Dialog/Dialog.js +2 -0
  42. package/dist/components/Dialog/Dialog.js.map +1 -0
  43. package/dist/components/Dialog/Dialog.props.cjs +1 -0
  44. package/dist/components/Dialog/Dialog.props.cjs.map +1 -0
  45. package/dist/components/Dialog/Dialog.props.d.cts +19 -0
  46. package/dist/components/Dialog/Dialog.props.d.ts +19 -0
  47. package/dist/components/Dialog/Dialog.props.js +1 -0
  48. package/dist/components/Dialog/Dialog.props.js.map +1 -0
  49. package/dist/components/Dialog/DialogClose.cjs +2 -0
  50. package/dist/components/Dialog/DialogClose.cjs.map +1 -0
  51. package/dist/components/Dialog/DialogClose.d.cts +7 -0
  52. package/dist/components/Dialog/DialogClose.d.ts +7 -0
  53. package/dist/components/Dialog/DialogClose.js +2 -0
  54. package/dist/components/Dialog/DialogClose.js.map +1 -0
  55. package/dist/components/Dialog/DialogFooter.cjs +2 -0
  56. package/dist/components/Dialog/DialogFooter.cjs.map +1 -0
  57. package/dist/components/Dialog/DialogFooter.d.cts +8 -0
  58. package/dist/components/Dialog/DialogFooter.d.ts +8 -0
  59. package/dist/components/Dialog/DialogFooter.js +2 -0
  60. package/dist/components/Dialog/DialogFooter.js.map +1 -0
  61. package/dist/components/Dialog/DialogRoot.cjs +2 -0
  62. package/dist/components/Dialog/DialogRoot.cjs.map +1 -0
  63. package/dist/components/Dialog/DialogRoot.d.cts +6 -0
  64. package/dist/components/Dialog/DialogRoot.d.ts +6 -0
  65. package/dist/components/Dialog/DialogRoot.js +2 -0
  66. package/dist/components/Dialog/DialogRoot.js.map +1 -0
  67. package/dist/components/Dialog/DialogTrigger.cjs +2 -0
  68. package/dist/components/Dialog/DialogTrigger.cjs.map +1 -0
  69. package/dist/components/Dialog/DialogTrigger.d.cts +6 -0
  70. package/dist/components/Dialog/DialogTrigger.d.ts +6 -0
  71. package/dist/components/Dialog/DialogTrigger.js +2 -0
  72. package/dist/components/Dialog/DialogTrigger.js.map +1 -0
  73. package/dist/components/Divider/Divider.cjs +1 -1
  74. package/dist/components/Divider/Divider.d.cts +0 -5
  75. package/dist/components/Divider/Divider.d.ts +0 -5
  76. package/dist/components/Divider/Divider.js +1 -1
  77. package/dist/components/FormGroupBase/FormGroupBase.cjs +1 -1
  78. package/dist/components/FormGroupBase/FormGroupBase.js +1 -1
  79. package/dist/components/RadioGroup/RadioGroup.cjs +1 -1
  80. package/dist/components/RadioGroup/RadioGroup.js +1 -1
  81. package/dist/index.cjs +1 -1
  82. package/dist/index.cjs.map +1 -1
  83. package/dist/index.d.cts +6 -0
  84. package/dist/index.d.ts +6 -0
  85. package/dist/index.js +1 -1
  86. package/package.json +6 -5
  87. package/styles.css +7 -8651
  88. package/dist/chunk-FQVHCNT7.js.map +0 -1
  89. package/dist/chunk-H7AD4KVK.cjs +0 -2
  90. package/dist/chunk-H7AD4KVK.cjs.map +0 -1
  91. package/dist/chunk-R2HEH3NC.js +0 -2
  92. package/dist/chunk-R2HEH3NC.js.map +0 -1
  93. /package/dist/{chunk-BDOHOQ2T.js.map → chunk-44M3HSOB.js.map} +0 -0
  94. /package/dist/{chunk-ZHB55C5Z.js.map → chunk-YZ26DXQZ.js.map} +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/Divider/Divider.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport clsx from 'clsx';\n\nimport type { DividerProps } from './Divider.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ORIENTATIONS, type Orientation } from '../../types/orientation';\nimport type { ElementRef } from 'react';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst componentName = 'Divider';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype DividerElement = ElementRef<'hr'>;\n\nfunction isValidOrientation(orientation?: Orientation) {\n if (orientation === undefined) return false;\n return ORIENTATIONS.includes(orientation);\n}\n\n/**\n * Used to provide a visual break and semantically divide content. Supports\n * vertical and horizontal orientations. Vertical dividers will only be visible\n * when contained inside an element with display set to `flexbox` or `grid`.\n */\nexport const Divider = React.forwardRef<DividerElement, DividerProps>((props, ref) => {\n const {\n decorative,\n orientation: providedOrientation,\n className,\n ...dividerProps\n } = extractProps(props, marginPropDefs);\n const orientation = isValidOrientation(providedOrientation) ? providedOrientation : 'horizontal';\n\n // `aria-orientation` defaults to `horizontal` so we only need it if `orientation` is vertical\n const ariaOrientation = orientation === 'vertical' ? orientation : undefined;\n const semanticProps = decorative\n ? { 'aria-hidden': true }\n : { 'aria-orientation': ariaOrientation };\n\n return (\n <hr\n ref={ref}\n className={clsx(componentClassName, className)}\n data-orientation={orientation}\n {...semanticProps}\n {...dividerProps}\n />\n );\n});\n\nDivider.displayName = componentName;\n"],"mappings":"2JAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAU,OASjB,IAAMC,EAAgB,UAChBC,EAAqBC,EAAiBF,CAAa,EAIzD,SAASG,EAAmBC,EAA2B,CACrD,OAAIA,IAAgB,OAAkB,GAC/BC,EAAa,SAASD,CAAW,CAC1C,CAOO,IAAME,EAAgB,aAAyC,CAACC,EAAOC,IAAQ,CACpF,GAAM,CACJ,WAAAC,EACA,YAAaC,EACb,UAAAC,EACA,GAAGC,CACL,EAAIC,EAAaN,EAAOO,CAAc,EAChCV,EAAcD,EAAmBO,CAAmB,EAAIA,EAAsB,aAI9EK,EAAgBN,EAClB,CAAE,cAAe,EAAK,EACtB,CAAE,mBAHkBL,IAAgB,WAAaA,EAAc,MAGzB,EAE1C,OACE,gBAAC,MACC,IAAKI,EACL,UAAWQ,EAAKf,EAAoBU,CAAS,EAC7C,mBAAkBP,EACjB,GAAGW,EACH,GAAGH,EACN,CAEJ,CAAC,EAEDN,EAAQ,YAAcN","names":["React","clsx","componentName","componentClassName","withGlobalPrefix","isValidOrientation","orientation","ORIENTATIONS","Divider","props","ref","decorative","providedOrientation","className","dividerProps","extractProps","marginPropDefs","semanticProps","clsx"]}
@@ -1,2 +0,0 @@
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 _chunkTIOWEGWWcjs = require('./chunk-TIOWEGWW.cjs');var _chunkK5BEIZDAcjs = require('./chunk-K5BEIZDA.cjs');var _chunkHSPOCJ5Acjs = require('./chunk-HSPOCJ5A.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 _chunkDSW76HKTcjs = require('./chunk-DSW76HKT.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var F="FormGroupBase",C=_chunk4H5JT5ORcjs.b.call(void 0, F),M= exports.a =e.forwardRef((g,v)=>{let{children:P,className:I,id:N,label:o,helperText:a,validationText:i,validationStatus:t,disabled:l,"aria-labelledby":E,"aria-describedby":H,"aria-errormessage":d,...R}=_chunk5DRU6TDWcjs.a.call(void 0, g,_chunkLAVQWQP2cjs.a),{id:V,labelId:n,helperTextId:m,validationTextId:s}=_chunkTMWB3U4Xcjs.a.call(void 0, {providedId:N,prefix:"fieldset"}),w=!!o,p=!!a,r=!!(t&&i),f=_chunkDSW76HKTcjs.a.call(void 0, H||a?m:void 0,d||r?s:void 0),D={hasGroupHelperText:p,hasGroupValidationText:t!==void 0&&i!==void 0,"aria-describedby":f};return e.createElement("fieldset",{className:_clsx2.default.call(void 0, C,I),ref:v,...R,disabled:l,id:V,"data-disabled":l?"":void 0,"aria-errormessage":d||r?s:void 0,"aria-labelledby":_nullishCoalesce(E, () => ((o?n:void 0))),"aria-invalid":r,"aria-describedby":f},w?e.createElement(e.Fragment,null,e.createElement("legend",{id:n,className:"hearth-Legend"},o),p||r?e.createElement(_chunkLVPYDLKGcjs.a,{direction:"column",alignItems:"start",className:"hearth-HelperTextContainer"},a?e.createElement(_chunkK5BEIZDAcjs.a,{id:m,disabled:l},a):null,r?e.createElement(_chunkTIOWEGWWcjs.a,{id:s,status:t},i):null):null):null,e.createElement(_chunkHSPOCJ5Acjs.b,{value:D},P))});M.displayName=F;exports.a = M;
2
- //# sourceMappingURL=chunk-H7AD4KVK.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-H7AD4KVK.cjs","../src/components/FormGroupBase/FormGroupBase.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","FormGroupBase","props","ref","children","className","providedId","label","helperText","validationText","validationStatus","disabled","ariaLabelledby","ariaDescribedby","ariaErrorMessage","fieldsetProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","hasLabel","hasHelperText","showValidationText","ariaDescribedbyValue","mergeIds","value","clsx","Flex","HelperText","ValidationText","FormGroupBaseProvider"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-H7AD4KVK.cjs","sourcesContent":[null,"import * as React from 'react';\nimport type { ElementRef } from 'react';\nimport { useIds } from '../../hooks/use-ids';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { Flex } from '../Flex/Flex';\nimport { HelperText } from '../HelperText/HelperText';\nimport { ValidationText } from '../ValidationText/ValidationText';\nimport clsx from 'clsx';\nimport type { FormGroupBaseProps } from './FormGroupBase.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { FormGroupBaseProvider } from './FormGroupBase.context';\n\nconst componentName = 'FormGroupBase';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype FormGroupBaseElement = ElementRef<'fieldset'>;\n\nexport const FormGroupBase = React.forwardRef<FormGroupBaseElement, FormGroupBaseProps>(\n (props, ref) => {\n const {\n children,\n className,\n id: providedId,\n label,\n helperText,\n validationText,\n validationStatus,\n disabled,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-errormessage': ariaErrorMessage,\n ...fieldsetProps\n } = extractProps(props, marginPropDefs);\n const { id, labelId, helperTextId, validationTextId } = useIds({\n providedId,\n prefix: 'fieldset',\n });\n const hasLabel = Boolean(label);\n const hasHelperText = Boolean(helperText);\n const showValidationText = Boolean(validationStatus && validationText);\n const ariaDescribedbyValue = mergeIds(\n ariaDescribedby || !!helperText ? helperTextId : undefined,\n ariaErrorMessage || showValidationText ? validationTextId : undefined\n );\n const value = {\n hasGroupHelperText: hasHelperText,\n hasGroupValidationText: Boolean(\n validationStatus !== undefined && validationText !== undefined\n ),\n 'aria-describedby': ariaDescribedbyValue,\n };\n\n return (\n <fieldset\n className={clsx(componentClassName, className)}\n ref={ref}\n {...fieldsetProps}\n disabled={disabled}\n id={id}\n data-disabled={disabled ? '' : undefined}\n aria-errormessage={ariaErrorMessage || showValidationText ? validationTextId : undefined}\n aria-labelledby={ariaLabelledby ?? (Boolean(label) ? labelId : undefined)}\n aria-invalid={showValidationText}\n aria-describedby={ariaDescribedbyValue}\n >\n {hasLabel ? (\n <>\n <legend id={labelId} className=\"hearth-Legend\">\n {label}\n </legend>\n {hasHelperText || showValidationText ? (\n <Flex direction=\"column\" alignItems=\"start\" className=\"hearth-HelperTextContainer\">\n {helperText ? (\n <HelperText id={helperTextId} disabled={disabled}>\n {helperText}\n </HelperText>\n ) : null}\n {showValidationText ? (\n <ValidationText id={validationTextId} status={validationStatus}>\n {validationText}\n </ValidationText>\n ) : null}\n </Flex>\n ) : null}\n </>\n ) : null}\n <FormGroupBaseProvider value={value}>{children}</FormGroupBaseProvider>\n </fieldset>\n );\n }\n);\n\nFormGroupBase.displayName = componentName;\n"]}
@@ -1,2 +0,0 @@
1
- import{a as h}from"./chunk-PJXMEG7B.js";import{a as B}from"./chunk-JPYVWTDN.js";import{b as G}from"./chunk-5OLLJKEO.js";import{a as x}from"./chunk-432A6CLH.js";import{a as b}from"./chunk-XQ5A24NX.js";import{a as T}from"./chunk-QC4ZMGCU.js";import{a as c}from"./chunk-RTGGS5XX.js";import{b as u}from"./chunk-4PEMW3UE.js";import{a as y}from"./chunk-DVGYWBKQ.js";import*as e from"react";import L from"clsx";var F="FormGroupBase",C=u(F),M=e.forwardRef((g,v)=>{let{children:P,className:I,id:N,label:o,helperText:a,validationText:i,validationStatus:t,disabled:l,"aria-labelledby":E,"aria-describedby":H,"aria-errormessage":d,...R}=c(g,b),{id:V,labelId:n,helperTextId:m,validationTextId:s}=T({providedId:N,prefix:"fieldset"}),w=!!o,p=!!a,r=!!(t&&i),f=y(H||a?m:void 0,d||r?s:void 0),D={hasGroupHelperText:p,hasGroupValidationText:t!==void 0&&i!==void 0,"aria-describedby":f};return e.createElement("fieldset",{className:L(C,I),ref:v,...R,disabled:l,id:V,"data-disabled":l?"":void 0,"aria-errormessage":d||r?s:void 0,"aria-labelledby":E??(o?n:void 0),"aria-invalid":r,"aria-describedby":f},w?e.createElement(e.Fragment,null,e.createElement("legend",{id:n,className:"hearth-Legend"},o),p||r?e.createElement(x,{direction:"column",alignItems:"start",className:"hearth-HelperTextContainer"},a?e.createElement(B,{id:m,disabled:l},a):null,r?e.createElement(h,{id:s,status:t},i):null):null):null,e.createElement(G,{value:D},P))});M.displayName=F;export{M as a};
2
- //# sourceMappingURL=chunk-R2HEH3NC.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/FormGroupBase/FormGroupBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ElementRef } from 'react';\nimport { useIds } from '../../hooks/use-ids';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { Flex } from '../Flex/Flex';\nimport { HelperText } from '../HelperText/HelperText';\nimport { ValidationText } from '../ValidationText/ValidationText';\nimport clsx from 'clsx';\nimport type { FormGroupBaseProps } from './FormGroupBase.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { FormGroupBaseProvider } from './FormGroupBase.context';\n\nconst componentName = 'FormGroupBase';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype FormGroupBaseElement = ElementRef<'fieldset'>;\n\nexport const FormGroupBase = React.forwardRef<FormGroupBaseElement, FormGroupBaseProps>(\n (props, ref) => {\n const {\n children,\n className,\n id: providedId,\n label,\n helperText,\n validationText,\n validationStatus,\n disabled,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-errormessage': ariaErrorMessage,\n ...fieldsetProps\n } = extractProps(props, marginPropDefs);\n const { id, labelId, helperTextId, validationTextId } = useIds({\n providedId,\n prefix: 'fieldset',\n });\n const hasLabel = Boolean(label);\n const hasHelperText = Boolean(helperText);\n const showValidationText = Boolean(validationStatus && validationText);\n const ariaDescribedbyValue = mergeIds(\n ariaDescribedby || !!helperText ? helperTextId : undefined,\n ariaErrorMessage || showValidationText ? validationTextId : undefined\n );\n const value = {\n hasGroupHelperText: hasHelperText,\n hasGroupValidationText: Boolean(\n validationStatus !== undefined && validationText !== undefined\n ),\n 'aria-describedby': ariaDescribedbyValue,\n };\n\n return (\n <fieldset\n className={clsx(componentClassName, className)}\n ref={ref}\n {...fieldsetProps}\n disabled={disabled}\n id={id}\n data-disabled={disabled ? '' : undefined}\n aria-errormessage={ariaErrorMessage || showValidationText ? validationTextId : undefined}\n aria-labelledby={ariaLabelledby ?? (Boolean(label) ? labelId : undefined)}\n aria-invalid={showValidationText}\n aria-describedby={ariaDescribedbyValue}\n >\n {hasLabel ? (\n <>\n <legend id={labelId} className=\"hearth-Legend\">\n {label}\n </legend>\n {hasHelperText || showValidationText ? (\n <Flex direction=\"column\" alignItems=\"start\" className=\"hearth-HelperTextContainer\">\n {helperText ? (\n <HelperText id={helperTextId} disabled={disabled}>\n {helperText}\n </HelperText>\n ) : null}\n {showValidationText ? (\n <ValidationText id={validationTextId} status={validationStatus}>\n {validationText}\n </ValidationText>\n ) : null}\n </Flex>\n ) : null}\n </>\n ) : null}\n <FormGroupBaseProvider value={value}>{children}</FormGroupBaseProvider>\n </fieldset>\n );\n }\n);\n\nFormGroupBase.displayName = componentName;\n"],"mappings":"wWAAA,UAAYA,MAAW,QAOvB,OAAOC,MAAU,OAOjB,IAAMC,EAAgB,gBAChBC,EAAqBC,EAAiBF,CAAa,EAI5CG,EAAsB,aACjC,CAACC,EAAOC,IAAQ,CACd,GAAM,CACJ,SAAAC,EACA,UAAAC,EACA,GAAIC,EACJ,MAAAC,EACA,WAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,kBAAmBC,EACnB,mBAAoBC,EACpB,oBAAqBC,EACrB,GAAGC,CACL,EAAIC,EAAad,EAAOe,CAAc,EAChC,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,EAAc,iBAAAC,CAAiB,EAAIC,EAAO,CAC7D,WAAAhB,EACA,OAAQ,UACV,CAAC,EACKiB,EAAW,EAAQhB,EACnBiB,EAAgB,EAAQhB,EACxBiB,EAAqB,GAAQf,GAAoBD,GACjDiB,EAAuBC,EAC3Bd,GAAqBL,EAAaY,EAAe,OACjDN,GAAoBW,EAAqBJ,EAAmB,MAC9D,EACMO,EAAQ,CACZ,mBAAoBJ,EACpB,uBACEd,IAAqB,QAAaD,IAAmB,OAEvD,mBAAoBiB,CACtB,EAEA,OACE,gBAAC,YACC,UAAWG,EAAK9B,EAAoBM,CAAS,EAC7C,IAAKF,EACJ,GAAGY,EACJ,SAAUJ,EACV,GAAIO,EACJ,gBAAeP,EAAW,GAAK,OAC/B,oBAAmBG,GAAoBW,EAAqBJ,EAAmB,OAC/E,kBAAiBT,IAA2BL,EAASY,EAAU,QAC/D,eAAcM,EACd,mBAAkBC,GAEjBH,EACC,gCACE,gBAAC,UAAO,GAAIJ,EAAS,UAAU,iBAC5BZ,CACH,EACCiB,GAAiBC,EAChB,gBAACK,EAAA,CAAK,UAAU,SAAS,WAAW,QAAQ,UAAU,8BACnDtB,EACC,gBAACuB,EAAA,CAAW,GAAIX,EAAc,SAAUT,GACrCH,CACH,EACE,KACHiB,EACC,gBAACO,EAAA,CAAe,GAAIX,EAAkB,OAAQX,GAC3CD,CACH,EACE,IACN,EACE,IACN,EACE,KACJ,gBAACwB,EAAA,CAAsB,MAAOL,GAAQxB,CAAS,CACjD,CAEJ,CACF,EAEAH,EAAc,YAAcH","names":["React","clsx","componentName","componentClassName","withGlobalPrefix","FormGroupBase","props","ref","children","className","providedId","label","helperText","validationText","validationStatus","disabled","ariaLabelledby","ariaDescribedby","ariaErrorMessage","fieldsetProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","hasLabel","hasHelperText","showValidationText","ariaDescribedbyValue","mergeIds","value","clsx","Flex","HelperText","ValidationText","FormGroupBaseProvider"]}