@utilitywarehouse/hearth-react 0.2.2 → 0.2.4

package/dist/chunk-5LFE33FH.js

@@ -1,2 +0,0 @@
-var e=["white","blue50","blue100","blue200","blue300","blue400","blue500","blue600","blue700","blue800","blue900","blue1000","broadbandGreen200","broadbandGreen300","broadbandGreen600","cashbackLilac300","cashbackLilac500","cashbackLilac600","energyBlue200","energyBlue300","energyBlue600","green50","green100","green200","green300","green400","green500","green600","green700","green800","green900","green1000","grey50","grey100","grey200","grey300","grey400","grey500","grey600","grey700","grey800","grey900","grey1000","insuranceOrange300","insuranceOrange400","insuranceOrange700","mobileRose200","mobileRose400","mobileRose600","orange50","orange100","orange200","orange300","orange400","orange500","orange600","orange700","orange800","orange900","orange1000","piggyPink200","piggyPink300","piggyPink500","purple300","purple700","purple800","purple900","purple1000","red50","red100","red200","red300","red400","red500","red600","red700","red800","red900","red1000","warmWhite50","warmWhite100","warmWhite200","warmWhite300","yellow50","yellow100","yellow200","yellow300","yellow400","yellow500","yellow600","yellow700","yellow800","yellow900","yellow1000"];export{e as a};
-//# sourceMappingURL=chunk-5LFE33FH.js.map

package/dist/chunk-5LFE33FH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tokens/color.ts"],"sourcesContent":["// Do not edit directly, this file was generated by the gen:color-tokens script.\nexport const colorTokens = [\n  'white',\n  'blue50',\n  'blue100',\n  'blue200',\n  'blue300',\n  'blue400',\n  'blue500',\n  'blue600',\n  'blue700',\n  'blue800',\n  'blue900',\n  'blue1000',\n  'broadbandGreen200',\n  'broadbandGreen300',\n  'broadbandGreen600',\n  'cashbackLilac300',\n  'cashbackLilac500',\n  'cashbackLilac600',\n  'energyBlue200',\n  'energyBlue300',\n  'energyBlue600',\n  'green50',\n  'green100',\n  'green200',\n  'green300',\n  'green400',\n  'green500',\n  'green600',\n  'green700',\n  'green800',\n  'green900',\n  'green1000',\n  'grey50',\n  'grey100',\n  'grey200',\n  'grey300',\n  'grey400',\n  'grey500',\n  'grey600',\n  'grey700',\n  'grey800',\n  'grey900',\n  'grey1000',\n  'insuranceOrange300',\n  'insuranceOrange400',\n  'insuranceOrange700',\n  'mobileRose200',\n  'mobileRose400',\n  'mobileRose600',\n  'orange50',\n  'orange100',\n  'orange200',\n  'orange300',\n  'orange400',\n  'orange500',\n  'orange600',\n  'orange700',\n  'orange800',\n  'orange900',\n  'orange1000',\n  'piggyPink200',\n  'piggyPink300',\n  'piggyPink500',\n  'purple300',\n  'purple700',\n  'purple800',\n  'purple900',\n  'purple1000',\n  'red50',\n  'red100',\n  'red200',\n  'red300',\n  'red400',\n  'red500',\n  'red600',\n  'red700',\n  'red800',\n  'red900',\n  'red1000',\n  'warmWhite50',\n  'warmWhite100',\n  'warmWhite200',\n  'warmWhite300',\n  'yellow50',\n  'yellow100',\n  'yellow200',\n  'yellow300',\n  'yellow400',\n  'yellow500',\n  'yellow600',\n  'yellow700',\n  'yellow800',\n  'yellow900',\n  'yellow1000',\n] as const;\n"],"mappings":"AACO,IAAMA,EAAc,CACzB,QACA,SACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,WACA,oBACA,oBACA,oBACA,mBACA,mBACA,mBACA,gBACA,gBACA,gBACA,UACA,WACA,WACA,WACA,WACA,WACA,WACA,WACA,WACA,WACA,YACA,SACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,WACA,qBACA,qBACA,qBACA,gBACA,gBACA,gBACA,WACA,YACA,YACA,YACA,YACA,YACA,YACA,YACA,YACA,YACA,aACA,eACA,eACA,eACA,YACA,YACA,YACA,YACA,aACA,QACA,SACA,SACA,SACA,SACA,SACA,SACA,SACA,SACA,SACA,UACA,cACA,eACA,eACA,eACA,WACA,YACA,YACA,YACA,YACA,YACA,YACA,YACA,YACA,YACA,YACF","names":["colorTokens"]}

package/dist/chunk-KW4TIBGT.js

@@ -1,2 +0,0 @@
-import{a as k}from"./chunk-SH7GIFPO.js";import{b as C}from"./chunk-T64W7Q7K.js";import{a as h}from"./chunk-35HZSCJP.js";import{b as f}from"./chunk-4PEMW3UE.js";import*as o from"react";import U from"clsx";import{useControllableState as z}from"@radix-ui/react-use-controllable-state";var x="CheckboxGroup",S=f(x),j=o.forwardRef(({disabled:r,required:a,label:G,helperText:b,validationText:d,validationStatus:v,value:m,contentWidth:p="fit-content",direction:n="column",defaultValue:s,onValueChange:l,children:u,className:P,name:i,...R},N)=>{let w={...R,disabled:r,required:a,label:G,helperText:b,validationText:d,validationStatus:v},E={width:p,direction:n,name:i,required:a,disabled:r,defaultValue:s,value:m,onValueChange:l,children:u},[F=[],e]=z({prop:m,defaultProp:s,onChange:l}),I=o.useCallback(t=>e((c=[])=>[...c,t]),[e]),y=o.useCallback(t=>e((c=[])=>c.filter(g=>g!==t)),[e]),B={name:i,value:F,onItemCheck:I,onItemUncheck:y};return o.createElement(k,{ref:N,className:U(S,P),...w},o.createElement(h,{...E,className:"hearth-CheckboxGroupContent","data-orientation":n==="column"?"vertical":"horizontal","data-disabled":r?"":void 0,width:p},o.createElement(C,{value:B},u)))});j.displayName=x;export{j as a};
-//# sourceMappingURL=chunk-KW4TIBGT.js.map

package/dist/chunk-KW4TIBGT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport clsx from 'clsx';\n\nimport { CheckboxGroupProps } from './CheckboxGroup.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { Flex } from '../Flex/Flex';\nimport { FormGroupBase } from '../FormGroupBase/FormGroupBase';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { CheckboxGroupProvider } from './CheckboxGroup.context';\n\nconst componentName = 'CheckboxGroup';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype CheckboxGroupElement = ElementRef<'fieldset'>;\n\nexport const CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(\n  (\n    {\n      disabled,\n      required,\n      label,\n      helperText,\n      validationText,\n      validationStatus,\n      value: valueProp,\n      contentWidth = 'fit-content',\n      direction = 'column',\n      defaultValue,\n      onValueChange,\n      children,\n      className,\n      name,\n      ...props\n    },\n    ref\n  ) => {\n    const formGroupBaseProps = {\n      ...props,\n      disabled,\n      required,\n      label,\n      helperText,\n      validationText,\n      validationStatus,\n    };\n    const checkboxGroupProps = {\n      width: contentWidth,\n      direction,\n      name,\n      required,\n      disabled,\n      defaultValue,\n      value: valueProp,\n      onValueChange,\n      children,\n    };\n    // useControllableState will handle whether controlled or uncontrolled\n    const [value = [], setValue] = useControllableState({\n      prop: valueProp,\n      defaultProp: defaultValue,\n      onChange: onValueChange,\n    });\n\n    const handleItemCheck = React.useCallback(\n      (itemValue: string) => setValue((prevValue = []) => [...prevValue, itemValue]),\n      [setValue]\n    );\n\n    const handleItemUncheck = React.useCallback(\n      (itemValue: string) =>\n        setValue((prevValue = []) => prevValue.filter(value => value !== itemValue)),\n      [setValue]\n    );\n\n    const providerValue = {\n      name,\n      value,\n      onItemCheck: handleItemCheck,\n      onItemUncheck: handleItemUncheck,\n    };\n    return (\n      <FormGroupBase\n        ref={ref}\n        className={clsx(componentClassName, className)}\n        {...formGroupBaseProps}\n      >\n        <Flex\n          {...checkboxGroupProps}\n          className=\"hearth-CheckboxGroupContent\"\n          data-orientation={direction === 'column' ? 'vertical' : 'horizontal'}\n          data-disabled={disabled ? '' : undefined}\n          width={contentWidth}\n        >\n          <CheckboxGroupProvider value={providerValue}>{children}</CheckboxGroupProvider>\n        </Flex>\n      </FormGroupBase>\n    );\n  }\n);\n\nCheckboxGroup.displayName = componentName;\n"],"mappings":"gKAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAU,OAOjB,OAAS,wBAAAC,MAA4B,yCAGrC,IAAMC,EAAgB,gBAChBC,EAAqBC,EAAiBF,CAAa,EAI5CG,EAAsB,aACjC,CACE,CACE,SAAAC,EACA,SAAAC,EACA,MAAAC,EACA,WAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,MAAOC,EACP,aAAAC,EAAe,cACf,UAAAC,EAAY,SACZ,aAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,EACA,KAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,IAAMC,EAAqB,CACzB,GAAGF,EACH,SAAAd,EACA,SAAAC,EACA,MAAAC,EACA,WAAAC,EACA,eAAAC,EACA,iBAAAC,CACF,EACMY,EAAqB,CACzB,MAAOV,EACP,UAAAC,EACA,KAAAK,EACA,SAAAZ,EACA,SAAAD,EACA,aAAAS,EACA,MAAOH,EACP,cAAAI,EACA,SAAAC,CACF,EAEM,CAACO,EAAQ,CAAC,EAAGC,CAAQ,EAAIC,EAAqB,CAClD,KAAMd,EACN,YAAaG,EACb,SAAUC,CACZ,CAAC,EAEKW,EAAwB,cAC3BC,GAAsBH,EAAS,CAACI,EAAY,CAAC,IAAM,CAAC,GAAGA,EAAWD,CAAS,CAAC,EAC7E,CAACH,CAAQ,CACX,EAEMK,EAA0B,cAC7BF,GACCH,EAAS,CAACI,EAAY,CAAC,IAAMA,EAAU,OAAOL,GAASA,IAAUI,CAAS,CAAC,EAC7E,CAACH,CAAQ,CACX,EAEMM,EAAgB,CACpB,KAAAZ,EACA,MAAAK,EACA,YAAaG,EACb,cAAeG,CACjB,EACA,OACE,gBAACE,EAAA,CACC,IAAKX,EACL,UAAWY,EAAK9B,EAAoBe,CAAS,EAC5C,GAAGI,GAEJ,gBAACY,EAAA,CACE,GAAGX,EACJ,UAAU,8BACV,mBAAkBT,IAAc,SAAW,WAAa,aACxD,gBAAeR,EAAW,GAAK,OAC/B,MAAOO,GAEP,gBAACsB,EAAA,CAAsB,MAAOJ,GAAgBd,CAAS,CACzD,CACF,CAEJ,CACF,EAEAZ,EAAc,YAAcH","names":["React","clsx","useControllableState","componentName","componentClassName","withGlobalPrefix","CheckboxGroup","disabled","required","label","helperText","validationText","validationStatus","valueProp","contentWidth","direction","defaultValue","onValueChange","children","className","name","props","ref","formGroupBaseProps","checkboxGroupProps","value","setValue","useControllableState","handleItemCheck","itemValue","prevValue","handleItemUncheck","providerValue","FormGroupBase","clsx","Flex","CheckboxGroupProvider"]}

package/dist/chunk-LAITMUFB.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var e=["white","blue50","blue100","blue200","blue300","blue400","blue500","blue600","blue700","blue800","blue900","blue1000","broadbandGreen200","broadbandGreen300","broadbandGreen600","cashbackLilac300","cashbackLilac500","cashbackLilac600","energyBlue200","energyBlue300","energyBlue600","green50","green100","green200","green300","green400","green500","green600","green700","green800","green900","green1000","grey50","grey100","grey200","grey300","grey400","grey500","grey600","grey700","grey800","grey900","grey1000","insuranceOrange300","insuranceOrange400","insuranceOrange700","mobileRose200","mobileRose400","mobileRose600","orange50","orange100","orange200","orange300","orange400","orange500","orange600","orange700","orange800","orange900","orange1000","piggyPink200","piggyPink300","piggyPink500","purple300","purple700","purple800","purple900","purple1000","red50","red100","red200","red300","red400","red500","red600","red700","red800","red900","red1000","warmWhite50","warmWhite100","warmWhite200","warmWhite300","yellow50","yellow100","yellow200","yellow300","yellow400","yellow500","yellow600","yellow700","yellow800","yellow900","yellow1000"];exports.a = e;
-//# sourceMappingURL=chunk-LAITMUFB.cjs.map

package/dist/chunk-LAITMUFB.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tokens/color.ts"],"names":["colorTokens"],"mappings":"AACO,6EAAMA,CAAAA,CAAc,CACzB,OAAA,CACA,QAAA,CACA,SAAA,CACA,SAAA,CACA,SAAA,CACA,SAAA,CACA,SAAA,CACA,SAAA,CACA,SAAA,CACA,SAAA,CACA,SAAA,CACA,UAAA,CACA,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,kBAAA,CACA,kBAAA,CACA,kBAAA,CACA,eAAA,CACA,eAAA,CACA,eAAA,CACA,SAAA,CACA,UAAA,CACA,UAAA,CACA,UAAA,CACA,UAAA,CACA,UAAA,CACA,UAAA,CACA,UAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,QAAA,CACA,SAAA,CACA,SAAA,CACA,SAAA,CACA,SAAA,CACA,SAAA,CACA,SAAA,CACA,SAAA,CACA,SAAA,CACA,SAAA,CACA,UAAA,CACA,oBAAA,CACA,oBAAA,CACA,oBAAA,CACA,eAAA,CACA,eAAA,CACA,eAAA,CACA,UAAA,CACA,WAAA,CACA,WAAA,CACA,WAAA,CACA,WAAA,CACA,WAAA,CACA,WAAA,CACA,WAAA,CACA,WAAA,CACA,WAAA,CACA,YAAA,CACA,cAAA,CACA,cAAA,CACA,cAAA,CACA,WAAA,CACA,WAAA,CACA,WAAA,CACA,WAAA,CACA,YAAA,CACA,OAAA,CACA,QAAA,CACA,QAAA,CACA,QAAA,CACA,QAAA,CACA,QAAA,CACA,QAAA,CACA,QAAA,CACA,QAAA,CACA,QAAA,CACA,SAAA,CACA,aAAA,CACA,cAAA,CACA,cAAA,CACA,cAAA,CACA,UAAA,CACA,WAAA,CACA,WAAA,CACA,WAAA,CACA,WAAA,CACA,WAAA,CACA,WAAA,CACA,WAAA,CACA,WAAA,CACA,WAAA,CACA,YACF,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-LAITMUFB.cjs","sourcesContent":["// Do not edit directly, this file was generated by the gen:color-tokens script.\nexport const colorTokens = [\n  'white',\n  'blue50',\n  'blue100',\n  'blue200',\n  'blue300',\n  'blue400',\n  'blue500',\n  'blue600',\n  'blue700',\n  'blue800',\n  'blue900',\n  'blue1000',\n  'broadbandGreen200',\n  'broadbandGreen300',\n  'broadbandGreen600',\n  'cashbackLilac300',\n  'cashbackLilac500',\n  'cashbackLilac600',\n  'energyBlue200',\n  'energyBlue300',\n  'energyBlue600',\n  'green50',\n  'green100',\n  'green200',\n  'green300',\n  'green400',\n  'green500',\n  'green600',\n  'green700',\n  'green800',\n  'green900',\n  'green1000',\n  'grey50',\n  'grey100',\n  'grey200',\n  'grey300',\n  'grey400',\n  'grey500',\n  'grey600',\n  'grey700',\n  'grey800',\n  'grey900',\n  'grey1000',\n  'insuranceOrange300',\n  'insuranceOrange400',\n  'insuranceOrange700',\n  'mobileRose200',\n  'mobileRose400',\n  'mobileRose600',\n  'orange50',\n  'orange100',\n  'orange200',\n  'orange300',\n  'orange400',\n  'orange500',\n  'orange600',\n  'orange700',\n  'orange800',\n  'orange900',\n  'orange1000',\n  'piggyPink200',\n  'piggyPink300',\n  'piggyPink500',\n  'purple300',\n  'purple700',\n  'purple800',\n  'purple900',\n  'purple1000',\n  'red50',\n  'red100',\n  'red200',\n  'red300',\n  'red400',\n  'red500',\n  'red600',\n  'red700',\n  'red800',\n  'red900',\n  'red1000',\n  'warmWhite50',\n  'warmWhite100',\n  'warmWhite200',\n  'warmWhite300',\n  'yellow50',\n  'yellow100',\n  'yellow200',\n  'yellow300',\n  'yellow400',\n  'yellow500',\n  'yellow600',\n  'yellow700',\n  'yellow800',\n  'yellow900',\n  'yellow1000',\n] as const;\n"]}

package/dist/chunk-PDRE4SEJ.cjs

@@ -1,2 +0,0 @@
-"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 _chunkVRX67OL2cjs = require('./chunk-VRX67OL2.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(_chunkVRX67OL2cjs.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;
-//# sourceMappingURL=chunk-PDRE4SEJ.cjs.map

package/dist/chunk-PDRE4SEJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-PDRE4SEJ.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-PDRE4SEJ.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"]}

package/dist/chunk-SH7GIFPO.js

@@ -1,2 +0,0 @@
-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-35HZSCJP.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};
-//# sourceMappingURL=chunk-SH7GIFPO.js.map

package/dist/chunk-SH7GIFPO.js.map

@@ -1 +0,0 @@
-{"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"]}

package/dist/chunk-XL3DXWPW.cjs

@@ -1,2 +0,0 @@
-"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 _chunkPDRE4SEJcjs = require('./chunk-PDRE4SEJ.cjs');var _chunkUDOWEUCMcjs = require('./chunk-UDOWEUCM.cjs');var _chunkVRX67OL2cjs = require('./chunk-VRX67OL2.cjs');var _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _reactusecontrollablestate = require('@radix-ui/react-use-controllable-state');var x="CheckboxGroup",S=_chunk4H5JT5ORcjs.b.call(void 0, x),j= exports.a =o.forwardRef(({disabled:r,required:a,label:G,helperText:b,validationText:d,validationStatus:v,value:m,contentWidth:p="fit-content",direction:n="column",defaultValue:s,onValueChange:l,children:u,className:P,name:i,...R},N)=>{let w={...R,disabled:r,required:a,label:G,helperText:b,validationText:d,validationStatus:v},E={width:p,direction:n,name:i,required:a,disabled:r,defaultValue:s,value:m,onValueChange:l,children:u},[F=[],e]=_reactusecontrollablestate.useControllableState.call(void 0, {prop:m,defaultProp:s,onChange:l}),I=o.useCallback(t=>e((c=[])=>[...c,t]),[e]),y=o.useCallback(t=>e((c=[])=>c.filter(g=>g!==t)),[e]),B={name:i,value:F,onItemCheck:I,onItemUncheck:y};return o.createElement(_chunkPDRE4SEJcjs.a,{ref:N,className:_clsx2.default.call(void 0, S,P),...w},o.createElement(_chunkVRX67OL2cjs.a,{...E,className:"hearth-CheckboxGroupContent","data-orientation":n==="column"?"vertical":"horizontal","data-disabled":r?"":void 0,width:p},o.createElement(_chunkUDOWEUCMcjs.b,{value:B},u)))});j.displayName=x;exports.a = j;
-//# sourceMappingURL=chunk-XL3DXWPW.cjs.map

package/dist/chunk-XL3DXWPW.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-XL3DXWPW.cjs","../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","CheckboxGroup","disabled","required","label","helperText","validationText","validationStatus","valueProp","contentWidth","direction","defaultValue","onValueChange","children","className","name","props","ref","formGroupBaseProps","checkboxGroupProps","value","setValue","useControllableState","handleItemCheck","itemValue","prevValue","handleItemUncheck","providerValue","FormGroupBase","clsx","Flex","CheckboxGroupProvider"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,uECA5I,wEAEN,mFAOoB,IAG/BA,CAAAA,CAAgB,eAAA,CAChBC,CAAAA,CAAqBC,iCAAAA,CAA8B,CAAA,CAI5CC,CAAAA,aAAsB,CAAA,CAAA,UAAA,CACjC,CACE,CACE,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,KAAA,CAAOC,CAAAA,CACP,YAAA,CAAAC,CAAAA,CAAe,aAAA,CACf,SAAA,CAAAC,CAAAA,CAAY,QAAA,CACZ,YAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,IAAMC,CAAAA,CAAqB,CACzB,GAAGF,CAAAA,CACH,QAAA,CAAAd,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CACF,CAAA,CACMY,CAAAA,CAAqB,CACzB,KAAA,CAAOV,CAAAA,CACP,SAAA,CAAAC,CAAAA,CACA,IAAA,CAAAK,CAAAA,CACA,QAAA,CAAAZ,CAAAA,CACA,QAAA,CAAAD,CAAAA,CACA,YAAA,CAAAS,CAAAA,CACA,KAAA,CAAOH,CAAAA,CACP,aAAA,CAAAI,CAAAA,CACA,QAAA,CAAAC,CACF,CAAA,CAEM,CAACO,CAAAA,CAAQ,CAAC,CAAA,CAAGC,CAAQ,CAAA,CAAIC,6DAAAA,CAC7B,IAAA,CAAMd,CAAAA,CACN,WAAA,CAAaG,CAAAA,CACb,QAAA,CAAUC,CACZ,CAAC,CAAA,CAEKW,CAAAA,CAAwB,CAAA,CAAA,WAAA,CAC3BC,CAAAA,EAAsBH,CAAAA,CAAS,CAACI,CAAAA,CAAY,CAAC,CAAA,CAAA,EAAM,CAAC,GAAGA,CAAAA,CAAWD,CAAS,CAAC,CAAA,CAC7E,CAACH,CAAQ,CACX,CAAA,CAEMK,CAAAA,CAA0B,CAAA,CAAA,WAAA,CAC7BF,CAAAA,EACCH,CAAAA,CAAS,CAACI,CAAAA,CAAY,CAAC,CAAA,CAAA,EAAMA,CAAAA,CAAU,MAAA,CAAOL,CAAAA,EAASA,CAAAA,GAAUI,CAAS,CAAC,CAAA,CAC7E,CAACH,CAAQ,CACX,CAAA,CAEMM,CAAAA,CAAgB,CACpB,IAAA,CAAAZ,CAAAA,CACA,KAAA,CAAAK,CAAAA,CACA,WAAA,CAAaG,CAAAA,CACb,aAAA,CAAeG,CACjB,CAAA,CACA,OACE,CAAA,CAAA,aAAA,CAACE,mBAAAA,CAAA,CACC,GAAA,CAAKX,CAAAA,CACL,SAAA,CAAWY,4BAAAA,CAAK9B,CAAoBe,CAAS,CAAA,CAC5C,GAAGI,CAAAA,CAAAA,CAEJ,CAAA,CAAA,aAAA,CAACY,mBAAAA,CAAA,CACE,GAAGX,CAAAA,CACJ,SAAA,CAAU,6BAAA,CACV,kBAAA,CAAkBT,CAAAA,GAAc,QAAA,CAAW,UAAA,CAAa,YAAA,CACxD,eAAA,CAAeR,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAC/B,KAAA,CAAOO,CAAAA,CAAAA,CAEP,CAAA,CAAA,aAAA,CAACsB,mBAAAA,CAAA,CAAsB,KAAA,CAAOJ,CAAAA,CAAAA,CAAgBd,CAAS,CACzD,CACF,CAEJ,CACF,CAAA,CAEAZ,CAAAA,CAAc,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-XL3DXWPW.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\n\nimport { CheckboxGroupProps } from './CheckboxGroup.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { Flex } from '../Flex/Flex';\nimport { FormGroupBase } from '../FormGroupBase/FormGroupBase';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport { CheckboxGroupProvider } from './CheckboxGroup.context';\n\nconst componentName = 'CheckboxGroup';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype CheckboxGroupElement = ElementRef<'fieldset'>;\n\nexport const CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(\n  (\n    {\n      disabled,\n      required,\n      label,\n      helperText,\n      validationText,\n      validationStatus,\n      value: valueProp,\n      contentWidth = 'fit-content',\n      direction = 'column',\n      defaultValue,\n      onValueChange,\n      children,\n      className,\n      name,\n      ...props\n    },\n    ref\n  ) => {\n    const formGroupBaseProps = {\n      ...props,\n      disabled,\n      required,\n      label,\n      helperText,\n      validationText,\n      validationStatus,\n    };\n    const checkboxGroupProps = {\n      width: contentWidth,\n      direction,\n      name,\n      required,\n      disabled,\n      defaultValue,\n      value: valueProp,\n      onValueChange,\n      children,\n    };\n    // useControllableState will handle whether controlled or uncontrolled\n    const [value = [], setValue] = useControllableState({\n      prop: valueProp,\n      defaultProp: defaultValue,\n      onChange: onValueChange,\n    });\n\n    const handleItemCheck = React.useCallback(\n      (itemValue: string) => setValue((prevValue = []) => [...prevValue, itemValue]),\n      [setValue]\n    );\n\n    const handleItemUncheck = React.useCallback(\n      (itemValue: string) =>\n        setValue((prevValue = []) => prevValue.filter(value => value !== itemValue)),\n      [setValue]\n    );\n\n    const providerValue = {\n      name,\n      value,\n      onItemCheck: handleItemCheck,\n      onItemUncheck: handleItemUncheck,\n    };\n    return (\n      <FormGroupBase\n        ref={ref}\n        className={clsx(componentClassName, className)}\n        {...formGroupBaseProps}\n      >\n        <Flex\n          {...checkboxGroupProps}\n          className=\"hearth-CheckboxGroupContent\"\n          data-orientation={direction === 'column' ? 'vertical' : 'horizontal'}\n          data-disabled={disabled ? '' : undefined}\n          width={contentWidth}\n        >\n          <CheckboxGroupProvider value={providerValue}>{children}</CheckboxGroupProvider>\n        </Flex>\n      </FormGroupBase>\n    );\n  }\n);\n\nCheckboxGroup.displayName = componentName;\n"]}