@utilitywarehouse/hearth-react 0.0.0 → 0.0.2

package/dist/chunk-VK5ADYLP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-VK5ADYLP.cjs","../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":["rootComponentName","rootComponentClassName","withGlobalPrefix","CheckboxGroupRoot","name","disabled","value","defaultValue","onValueChange","width","direction","children","className","props","ref","checkboxGroupBaseProps","Flex","clsx","CheckboxGroupBase","componentName","componentClassName","CheckboxGroup","contentWidth","required","label","helperText","validationText","validationStatus","formFieldGroupProps","checkboxGroupRootProps","FormFieldGroup"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-VK5ADYLP.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\n\nimport { CheckboxGroupProps, CheckboxGroupRootProps } from './CheckboxGroup.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { FormFieldGroup } from '../FormFieldGroup/FormFieldGroup';\nimport { Flex } from '../Flex/Flex';\nimport { CheckboxGroupBase } from '../CheckboxGroupBase/CheckboxGroupBase';\n\nconst rootComponentName = 'CheckboxGroupRoot';\nconst rootComponentClassName = withGlobalPrefix(rootComponentName);\n\ntype CheckboxGroupRootElement = ElementRef<'div'>;\n\nexport const CheckboxGroupRoot = React.forwardRef<CheckboxGroupRootElement, CheckboxGroupRootProps>(\n  (\n    {\n      name,\n      disabled,\n      value,\n      defaultValue,\n      onValueChange,\n      width = 'fit-content',\n      direction = 'column',\n      children,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const checkboxGroupBaseProps = { name, value, defaultValue, onValueChange, children };\n    return (\n      <Flex\n        ref={ref}\n        {...props}\n        className={clsx(rootComponentClassName, className)}\n        data-orientation={direction === 'column' ? 'vertical' : 'horizontal'}\n        data-disabled={disabled ? '' : undefined}\n        width={width}\n      >\n        <CheckboxGroupBase {...checkboxGroupBaseProps} />\n      </Flex>\n    );\n  }\n);\n\nCheckboxGroupRoot.displayName = rootComponentName;\n\nconst componentName = 'CheckboxGroup';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype CheckboxGroupElement = ElementRef<'fieldset'>;\n\nexport const CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(\n  (\n    {\n      contentWidth,\n      disabled,\n      required,\n      label,\n      helperText,\n      validationText,\n      validationStatus,\n      direction,\n      value,\n      defaultValue,\n      onValueChange,\n      children,\n      className,\n      name,\n      ...props\n    },\n    ref\n  ) => {\n    const formFieldGroupProps = {\n      ...props,\n      disabled,\n      required,\n      label,\n      helperText,\n      validationText,\n      validationStatus,\n    };\n    const checkboxGroupRootProps = {\n      width: contentWidth,\n      direction,\n      name,\n      required,\n      disabled,\n      defaultValue,\n      value,\n      onValueChange,\n      children,\n    };\n    return (\n      <FormFieldGroup\n        ref={ref}\n        className={clsx(componentClassName, className)}\n        {...formFieldGroupProps}\n      >\n        <CheckboxGroupRoot {...checkboxGroupRootProps} />\n      </FormFieldGroup>\n    );\n  }\n);\n\nCheckboxGroup.displayName = componentName;\n"]}

package/dist/chunk-VUGDLYI6.cjs

@@ -0,0 +1,2 @@
+"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 _chunkVZ3NKVLVcjs = require('./chunk-VZ3NKVLV.cjs');var _chunk4JPGKPIUcjs = require('./chunk-4JPGKPIU.cjs');var _chunk6XA5OQRTcjs = require('./chunk-6XA5OQRT.cjs');var _chunk6CX43AEDcjs = require('./chunk-6CX43AED.cjs');var _chunkSPWXYK7Xcjs = require('./chunk-SPWXYK7X.cjs');var _chunkDCR54SDPcjs = require('./chunk-DCR54SDP.cjs');var _chunk4VG5MYC3cjs = require('./chunk-4VG5MYC3.cjs');var _chunkLAVQWQP2cjs = require('./chunk-LAVQWQP2.cjs');var _chunkCXGQIXJRcjs = require('./chunk-CXGQIXJR.cjs');var _chunkSZO4CNE5cjs = require('./chunk-SZO4CNE5.cjs');var _chunkIYSVQSPGcjs = require('./chunk-IYSVQSPG.cjs');var _chunk75BHPV4Acjs = require('./chunk-75BHPV4A.cjs');var _chunkMT6VZWFAcjs = require('./chunk-MT6VZWFA.cjs');var _chunkGBMJ5JAIcjs = require('./chunk-GBMJ5JAI.cjs');var _chunk5DRU6TDWcjs = require('./chunk-5DRU6TDW.cjs');var _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _reactslot = require('@radix-ui/react-slot');var g="Flex",u=_chunk4H5JT5ORcjs.b.call(void 0, g),v= exports.a =o.forwardRef((F,C)=>{let{className:N,asChild:R,as:y="div",...E}=_chunk5DRU6TDWcjs.a.call(void 0, F,_chunkVZ3NKVLVcjs.f,_chunkSZO4CNE5cjs.a,_chunkCXGQIXJRcjs.a,_chunkLAVQWQP2cjs.a,_chunkGBMJ5JAIcjs.a,_chunk75BHPV4Acjs.a,_chunkIYSVQSPGcjs.a,_chunkDCR54SDPcjs.a,_chunkMT6VZWFAcjs.a,_chunk4VG5MYC3cjs.a,_chunkSPWXYK7Xcjs.a,_chunk4JPGKPIUcjs.a,_chunk6XA5OQRTcjs.a,_chunk6CX43AEDcjs.a);return o.createElement(R?_reactslot.Slot:y,{ref:C,className:_clsx2.default.call(void 0, u,N),...E})});v.displayName=g;exports.a = v;
+//# sourceMappingURL=chunk-VUGDLYI6.cjs.map

package/dist/chunk-VUGDLYI6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-VUGDLYI6.cjs","../src/components/Flex/Flex.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","Flex","props","ref","className","asChild","Tag","flexProps","extractProps","flexPropDefs","positionPropDefs","paddingPropDefs","marginPropDefs","colorPropDefs","backgroundColorPropDefs","sizePropDefs","gapPropDefs","borderPropDefs","gridItemPropDefs","flexItemPropDefs","spacingPropDefs","textAlignPropDefs","textTransformPropDefs","Slot","clsx"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECAnnB,wEACN,iDAKI,IAiBfA,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,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CAAM,KAAA,CACV,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CACFN,CACAO,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBACF,CAAA,CAIA,OAAO,CAAA,CAAA,aAAA,CAFWjB,CAAAA,CAAUkB,eAAAA,CAAOjB,CAAAA,CAE3B,CAAU,GAAA,CAAKH,CAAAA,CAAK,SAAA,CAAWqB,4BAAAA,CAAKzB,CAAoBK,CAAS,CAAA,CAAI,GAAGG,CAAAA,CAAW,CAC7F,CAAC,CAAA,CAEDN,CAAAA,CAAK,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-VUGDLYI6.cjs","sourcesContent":[null,"import * as React from 'react';\nimport clsx from 'clsx';\n\nimport { flexPropDefs, type FlexProps } from './Flex.props';\n\nimport type { ElementRef } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { paddingPropDefs } from '../../props/padding.props';\nimport { colorPropDefs } from '../../props/color.props';\nimport { sizePropDefs } from '../../props/size.props';\nimport { gapPropDefs } from '../../props/gap.props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { gridItemPropDefs } from '../../props/grid-item.props';\nimport { flexItemPropDefs } from '../../props/flex-item.props';\nimport { spacingPropDefs } from '../../props/spacing.props';\nimport { backgroundColorPropDefs } from '../../props/background-color.props';\nimport { positionPropDefs } from '../../props/position.props';\nimport { borderPropDefs } from '../../props/border.props';\nimport { textAlignPropDefs } from '../../props/text-align.props';\nimport { textTransformPropDefs } from '../../props/text-transform.props';\n\nconst componentName = 'Flex';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype FlexElement = ElementRef<'div'>;\n\nexport const Flex = React.forwardRef<FlexElement, FlexProps>((props, ref) => {\n  const {\n    className,\n    asChild,\n    as: Tag = 'div',\n    ...flexProps\n  } = extractProps(\n    props,\n    flexPropDefs,\n    positionPropDefs,\n    paddingPropDefs,\n    marginPropDefs,\n    colorPropDefs,\n    backgroundColorPropDefs,\n    sizePropDefs,\n    gapPropDefs,\n    borderPropDefs,\n    gridItemPropDefs,\n    flexItemPropDefs,\n    spacingPropDefs,\n    textAlignPropDefs,\n    textTransformPropDefs\n  );\n\n  const Component = asChild ? Slot : Tag;\n\n  return <Component ref={ref} className={clsx(componentClassName, className)} {...flexProps} />;\n});\n\nFlex.displayName = componentName;\n"]}

package/dist/chunk-VV7AHCQF.js

@@ -0,0 +1,2 @@
+var e=["wrap","nowrap","balance","pretty"],r={wrap:{className:"text-wrap",tokens:e,responsive:!0}};export{r as a};
+//# sourceMappingURL=chunk-VV7AHCQF.js.map

package/dist/chunk-VV7AHCQF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/props/text-wrap.props.ts"],"sourcesContent":["import { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst textWrapValues = ['wrap', 'nowrap', 'balance', 'pretty'] as const;\n\nconst textWrapPropDefs = {\n  wrap: { className: 'text-wrap', tokens: textWrapValues, responsive: true },\n} satisfies {\n  wrap: PropDef<(typeof textWrapValues)[number]>;\n};\n\ninterface TextWrapProps {\n  /**\n   * Set the text-wrap on the component.\n   */\n  wrap?: Responsive<(typeof textWrapValues)[number]>;\n}\n\nexport { textWrapPropDefs };\nexport type { TextWrapProps };\n"],"mappings":"AAGA,IAAMA,EAAiB,CAAC,OAAQ,SAAU,UAAW,QAAQ,EAEvDC,EAAmB,CACvB,KAAM,CAAE,UAAW,YAAa,OAAQD,EAAgB,WAAY,EAAK,CAC3E","names":["textWrapValues","textWrapPropDefs"]}

package/dist/chunk-VZ3NKVLV.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var e=["none","inline-flex","flex"],o= exports.b =["row","column","row-reverse","column-reverse"],r= exports.c =["start","center","end","baseline","stretch","space-between","space-around","space-evenly"],s= exports.d =["start","center","end","between","space-between","space-around","space-evenly"],p= exports.e =["nowrap","wrap","wrap-reverse"],t= exports.f ={display:{className:"display",tokens:e,responsive:!0},direction:{className:"flex-direction",tokens:o,responsive:!0},align:{className:"align-items",tokens:r,responsive:!0},justify:{className:"justify-content",tokens:s,responsive:!0},wrap:{className:"flex-wrap",tokens:p,responsive:!0}};exports.a = e; exports.b = o; exports.c = r; exports.d = s; exports.e = p; exports.f = t;
+//# sourceMappingURL=chunk-VZ3NKVLV.cjs.map

package/dist/chunk-VZ3NKVLV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Flex/Flex.props.ts"],"names":["displayValues","directionValues","alignValues","justifyValues","wrapValues","flexPropDefs"],"mappings":"AAiBA,6EAAMA,CAAAA,CAAgB,CAAC,MAAA,CAAQ,aAAA,CAAe,MAAM,CAAA,CAC9CC,CAAAA,aAAkB,CAAC,KAAA,CAAO,QAAA,CAAU,aAAA,CAAe,gBAAgB,CAAA,CACnEC,CAAAA,aAAc,CAClB,OAAA,CACA,QAAA,CACA,KAAA,CACA,UAAA,CACA,SAAA,CACA,eAAA,CACA,cAAA,CACA,cACF,CAAA,CACMC,CAAAA,aAAgB,CACpB,OAAA,CACA,QAAA,CACA,KAAA,CACA,SAAA,CACA,eAAA,CACA,cAAA,CACA,cACF,CAAA,CACMC,CAAAA,aAAa,CAAC,QAAA,CAAU,MAAA,CAAQ,cAAc,CAAA,CAEvCC,CAAAA,aAAe,CAC1B,OAAA,CAAS,CAAE,SAAA,CAAW,SAAA,CAAW,MAAA,CAAQL,CAAAA,CAAe,UAAA,CAAY,CAAA,CAAK,CAAA,CACzE,SAAA,CAAW,CAAE,SAAA,CAAW,gBAAA,CAAkB,MAAA,CAAQC,CAAAA,CAAiB,UAAA,CAAY,CAAA,CAAK,CAAA,CACpF,KAAA,CAAO,CAAE,SAAA,CAAW,aAAA,CAAe,MAAA,CAAQC,CAAAA,CAAa,UAAA,CAAY,CAAA,CAAK,CAAA,CACzE,OAAA,CAAS,CACP,SAAA,CAAW,iBAAA,CACX,MAAA,CAAQC,CAAAA,CACR,UAAA,CAAY,CAAA,CACd,CAAA,CACA,IAAA,CAAM,CAAE,SAAA,CAAW,WAAA,CAAa,MAAA,CAAQC,CAAAA,CAAY,UAAA,CAAY,CAAA,CAAK,CACvE,CAAA,CAAA,yFAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-VZ3NKVLV.cjs","sourcesContent":["import { BackgroundColorProps } from '../../props/background-color.props';\nimport { BorderProps } from '../../props/border.props';\nimport { ColorProps } from '../../props/color.props';\nimport { FlexItemProps } from '../../props/flex-item.props';\nimport { GapProps } from '../../props/gap.props';\nimport { GridItemProps } from '../../props/grid-item.props';\nimport { MarginProps } from '../../props/margin.props';\nimport { PaddingProps } from '../../props/padding.props';\nimport { PositionProps } from '../../props/position.props';\nimport { PropDef } from '../../props/prop-def';\nimport { SizeProps } from '../../props/size.props';\nimport { SpacingProps } from '../../props/spacing.props';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { ComponentPropsWithout, RemovedProps } from '../../types/component-props';\nimport { Responsive } from '../../types/responsive';\n\nconst displayValues = ['none', 'inline-flex', 'flex'] as const;\nconst directionValues = ['row', 'column', 'row-reverse', 'column-reverse'] as const;\nconst alignValues = [\n  'start',\n  'center',\n  'end',\n  'baseline',\n  'stretch',\n  'space-between',\n  'space-around',\n  'space-evenly',\n] as const;\nconst justifyValues = [\n  'start',\n  'center',\n  'end',\n  'between',\n  'space-between',\n  'space-around',\n  'space-evenly',\n] as const;\nconst wrapValues = ['nowrap', 'wrap', 'wrap-reverse'] as const;\n\nexport const flexPropDefs = {\n  display: { className: 'display', tokens: displayValues, responsive: true },\n  direction: { className: 'flex-direction', tokens: directionValues, responsive: true },\n  align: { className: 'align-items', tokens: alignValues, responsive: true },\n  justify: {\n    className: 'justify-content',\n    tokens: justifyValues,\n    responsive: true,\n  },\n  wrap: { className: 'flex-wrap', tokens: wrapValues, responsive: true },\n} satisfies {\n  display: PropDef<(typeof displayValues)[number]>;\n  direction: PropDef<(typeof directionValues)[number]>;\n  align: PropDef<(typeof alignValues)[number]>;\n  justify: PropDef<(typeof justifyValues)[number]>;\n  wrap: PropDef<(typeof wrapValues)[number]>;\n};\n\ninterface CommonFlexProps\n  extends PositionProps,\n    ColorProps,\n    BackgroundColorProps,\n    PaddingProps,\n    MarginProps,\n    SizeProps,\n    GapProps,\n    SpacingProps,\n    BorderProps,\n    GridItemProps,\n    FlexItemProps,\n    TextAlignProps,\n    TextTransformProps {\n  as?: 'div' | 'span';\n  /** Change the default rendered element for the one passed as a child, merging their props and behavior. */\n  asChild?: boolean;\n  display?: Responsive<(typeof displayValues)[number]>;\n  direction?: Responsive<(typeof directionValues)[number]>;\n  align?: Responsive<(typeof alignValues)[number]>;\n  justify?: Responsive<(typeof justifyValues)[number]>;\n  wrap?: Responsive<(typeof wrapValues)[number]>;\n}\ntype FlexDivProps = { as?: 'div' } & ComponentPropsWithout<'div', RemovedProps>;\ntype FlexSpanProps = { as: 'span' } & ComponentPropsWithout<'span', RemovedProps>;\nexport type FlexProps = CommonFlexProps & (FlexSpanProps | FlexDivProps);\nexport { displayValues, directionValues, alignValues, justifyValues, wrapValues };\n"]}

package/dist/chunk-W3PL63RW.js

@@ -0,0 +1,2 @@
+import{a as h}from"./chunk-HW4WPCNT.js";import{a as G}from"./chunk-BJ2OK6RA.js";import{a as x}from"./chunk-CVTTI5EP.js";import{b as u}from"./chunk-4PEMW3UE.js";import*as o from"react";import C from"clsx";var b="CheckboxGroupRoot",y=u(b),k=o.forwardRef(({name:t,disabled:e,value:r,defaultValue:p,onValueChange:m,width:c="fit-content",direction:n="column",children:a,className:s,...l},i)=>{let f={name:t,value:r,defaultValue:p,onValueChange:m,children:a};return o.createElement(x,{ref:i,...l,className:C(y,s),"data-orientation":n==="column"?"vertical":"horizontal","data-disabled":e?"":void 0,width:c},o.createElement(G,{...f}))});k.displayName=b;var R="CheckboxGroup",v=u(R),B=o.forwardRef(({contentWidth:t,disabled:e,required:r,label:p,helperText:m,validationText:c,validationStatus:n,direction:a,value:s,defaultValue:l,onValueChange:i,children:f,className:d,name:N,...P},E)=>{let F={...P,disabled:e,required:r,label:p,helperText:m,validationText:c,validationStatus:n},w={width:t,direction:a,name:N,required:r,disabled:e,defaultValue:l,value:s,onValueChange:i,children:f};return o.createElement(h,{ref:E,className:C(v,d),...F},o.createElement(k,{...w}))});B.displayName=R;export{k as a,B as b};
+//# sourceMappingURL=chunk-W3PL63RW.js.map

package/dist/chunk-W3PL63RW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport clsx from 'clsx';\n\nimport { CheckboxGroupProps, CheckboxGroupRootProps } from './CheckboxGroup.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { FormFieldGroup } from '../FormFieldGroup/FormFieldGroup';\nimport { Flex } from '../Flex/Flex';\nimport { CheckboxGroupBase } from '../CheckboxGroupBase/CheckboxGroupBase';\n\nconst rootComponentName = 'CheckboxGroupRoot';\nconst rootComponentClassName = withGlobalPrefix(rootComponentName);\n\ntype CheckboxGroupRootElement = ElementRef<'div'>;\n\nexport const CheckboxGroupRoot = React.forwardRef<CheckboxGroupRootElement, CheckboxGroupRootProps>(\n  (\n    {\n      name,\n      disabled,\n      value,\n      defaultValue,\n      onValueChange,\n      width = 'fit-content',\n      direction = 'column',\n      children,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const checkboxGroupBaseProps = { name, value, defaultValue, onValueChange, children };\n    return (\n      <Flex\n        ref={ref}\n        {...props}\n        className={clsx(rootComponentClassName, className)}\n        data-orientation={direction === 'column' ? 'vertical' : 'horizontal'}\n        data-disabled={disabled ? '' : undefined}\n        width={width}\n      >\n        <CheckboxGroupBase {...checkboxGroupBaseProps} />\n      </Flex>\n    );\n  }\n);\n\nCheckboxGroupRoot.displayName = rootComponentName;\n\nconst componentName = 'CheckboxGroup';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype CheckboxGroupElement = ElementRef<'fieldset'>;\n\nexport const CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(\n  (\n    {\n      contentWidth,\n      disabled,\n      required,\n      label,\n      helperText,\n      validationText,\n      validationStatus,\n      direction,\n      value,\n      defaultValue,\n      onValueChange,\n      children,\n      className,\n      name,\n      ...props\n    },\n    ref\n  ) => {\n    const formFieldGroupProps = {\n      ...props,\n      disabled,\n      required,\n      label,\n      helperText,\n      validationText,\n      validationStatus,\n    };\n    const checkboxGroupRootProps = {\n      width: contentWidth,\n      direction,\n      name,\n      required,\n      disabled,\n      defaultValue,\n      value,\n      onValueChange,\n      children,\n    };\n    return (\n      <FormFieldGroup\n        ref={ref}\n        className={clsx(componentClassName, className)}\n        {...formFieldGroupProps}\n      >\n        <CheckboxGroupRoot {...checkboxGroupRootProps} />\n      </FormFieldGroup>\n    );\n  }\n);\n\nCheckboxGroup.displayName = componentName;\n"],"mappings":"gKAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAU,OASjB,IAAMC,EAAoB,oBACpBC,EAAyBC,EAAiBF,CAAiB,EAIpDG,EAA0B,aACrC,CACE,CACE,KAAAC,EACA,SAAAC,EACA,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,MAAAC,EAAQ,cACR,UAAAC,EAAY,SACZ,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,IAAMC,EAAyB,CAAE,KAAAX,EAAM,MAAAE,EAAO,aAAAC,EAAc,cAAAC,EAAe,SAAAG,CAAS,EACpF,OACE,gBAACK,EAAA,CACC,IAAKF,EACJ,GAAGD,EACJ,UAAWI,EAAKhB,EAAwBW,CAAS,EACjD,mBAAkBF,IAAc,SAAW,WAAa,aACxD,gBAAeL,EAAW,GAAK,OAC/B,MAAOI,GAEP,gBAACS,EAAA,CAAmB,GAAGH,EAAwB,CACjD,CAEJ,CACF,EAEAZ,EAAkB,YAAcH,EAEhC,IAAMmB,EAAgB,gBAChBC,EAAqBlB,EAAiBiB,CAAa,EAI5CE,EAAsB,aACjC,CACE,CACE,aAAAC,EACA,SAAAjB,EACA,SAAAkB,EACA,MAAAC,EACA,WAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,UAAAjB,EACA,MAAAJ,EACA,aAAAC,EACA,cAAAC,EACA,SAAAG,EACA,UAAAC,EACA,KAAAR,EACA,GAAGS,CACL,EACAC,IACG,CACH,IAAMc,EAAsB,CAC1B,GAAGf,EACH,SAAAR,EACA,SAAAkB,EACA,MAAAC,EACA,WAAAC,EACA,eAAAC,EACA,iBAAAC,CACF,EACME,EAAyB,CAC7B,MAAOP,EACP,UAAAZ,EACA,KAAAN,EACA,SAAAmB,EACA,SAAAlB,EACA,aAAAE,EACA,MAAAD,EACA,cAAAE,EACA,SAAAG,CACF,EACA,OACE,gBAACmB,EAAA,CACC,IAAKhB,EACL,UAAWG,EAAKG,EAAoBR,CAAS,EAC5C,GAAGgB,GAEJ,gBAACzB,EAAA,CAAmB,GAAG0B,EAAwB,CACjD,CAEJ,CACF,EAEAR,EAAc,YAAcF","names":["React","clsx","rootComponentName","rootComponentClassName","withGlobalPrefix","CheckboxGroupRoot","name","disabled","value","defaultValue","onValueChange","width","direction","children","className","props","ref","checkboxGroupBaseProps","Flex","clsx","CheckboxGroupBase","componentName","componentClassName","CheckboxGroup","contentWidth","required","label","helperText","validationText","validationStatus","formFieldGroupProps","checkboxGroupRootProps","FormFieldGroup"]}

package/dist/chunk-WCU2KCOY.cjs

@@ -0,0 +1,2 @@
+"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 _chunkVUGDLYI6cjs = require('./chunk-VUGDLYI6.cjs');var _chunk3Z52FZHQcjs = require('./chunk-3Z52FZHQ.cjs');var _chunkSPWXYK7Xcjs = require('./chunk-SPWXYK7X.cjs');var _chunk4VG5MYC3cjs = require('./chunk-4VG5MYC3.cjs');var _chunkLAVQWQP2cjs = require('./chunk-LAVQWQP2.cjs');var _chunkIYSVQSPGcjs = require('./chunk-IYSVQSPG.cjs');var _chunk5DRU6TDWcjs = require('./chunk-5DRU6TDW.cjs');var _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _react = require('react'); var r = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var f="CardAction",C=_chunk4H5JT5ORcjs.b.call(void 0, f),y= exports.a =r.forwardRef((n,c)=>{let{className:d,secondary:l,...P}=_chunk5DRU6TDWcjs.a.call(void 0, n,_chunk3Z52FZHQcjs.a,_chunkLAVQWQP2cjs.a,_chunkIYSVQSPGcjs.a,_chunk4VG5MYC3cjs.a,_chunkSPWXYK7Xcjs.a),x={"data-secondary":l?"":void 0};return r.createElement(_chunkVUGDLYI6cjs.a,{ref:c,className:_clsx2.default.call(void 0, C,d),...P,...x})});y.displayName=f;exports.a = y;
+//# sourceMappingURL=chunk-WCU2KCOY.cjs.map

package/dist/chunk-WCU2KCOY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-WCU2KCOY.cjs","../src/components/Card/CardAction.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","CardAction","props","ref","className","secondary","cardProps","extractProps","cardPropDefs","marginPropDefs","sizePropDefs","gridItemPropDefs","flexItemPropDefs","dataAttributeProps","Flex","clsx"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECA3S,wEAGN,IAaXA,CAAAA,CAAgB,YAAA,CAChBC,CAAAA,CAAqBC,iCAAAA,CAA8B,CAAA,CAI5CC,CAAAA,aAAmB,CAAA,CAAA,UAAA,CAA+C,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CAC7F,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAU,CAAA,CAAIC,iCAAAA,CAC7CL,CACAM,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBACF,CAAA,CAEMC,CAAAA,CAAqB,CACzB,gBAAA,CAAkBR,CAAAA,CAAY,EAAA,CAAK,KAAA,CACrC,CAAA,CAEA,OACE,CAAA,CAAA,aAAA,CAACS,mBAAAA,CAAA,CACC,GAAA,CAAKX,CAAAA,CACL,SAAA,CAAWY,4BAAAA,CAAKhB,CAAoBK,CAAS,CAAA,CAC5C,GAAIE,CAAAA,CACJ,GAAGO,CAAAA,CACN,CAEJ,CAAC,CAAA,CAEDZ,CAAAA,CAAW,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-WCU2KCOY.cjs","sourcesContent":[null,"import * as React from 'react';\nimport type { ElementRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { cardPropDefs } from './Card.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { sizePropDefs } from '../../props/size.props';\nimport { gridItemPropDefs } from '../../props/grid-item.props';\nimport { flexItemPropDefs } from '../../props/flex-item.props';\nimport { Flex } from '../Flex/Flex';\nimport { FlexProps } from '../Flex/Flex.props';\nimport { CardActionProps } from './CardAction.props';\n\nconst componentName = 'CardAction';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype CardActionElement = ElementRef<'div'>;\n\nexport const CardAction = React.forwardRef<CardActionElement, CardActionProps>((props, ref) => {\n  const { className, secondary, ...cardProps } = extractProps(\n    props,\n    cardPropDefs,\n    marginPropDefs,\n    sizePropDefs,\n    gridItemPropDefs,\n    flexItemPropDefs\n  );\n\n  const dataAttributeProps = {\n    'data-secondary': secondary ? '' : undefined,\n  };\n\n  return (\n    <Flex\n      ref={ref}\n      className={clsx(componentClassName, className)}\n      {...(cardProps as FlexProps)}\n      {...dataAttributeProps}\n    />\n  );\n});\n\nCardAction.displayName = componentName;\n"]}

package/dist/chunk-WGHQZECW.cjs

@@ -0,0 +1,2 @@
+"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 _chunk4HWGKEV4cjs = require('./chunk-4HWGKEV4.cjs');var _chunk7Z2AP6U3cjs = require('./chunk-7Z2AP6U3.cjs');var _chunkRNI77PJEcjs = require('./chunk-RNI77PJE.cjs');var _chunkQUG4RSGOcjs = require('./chunk-QUG4RSGO.cjs');var _chunkVUGDLYI6cjs = require('./chunk-VUGDLYI6.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 _reactcheckbox = require('@radix-ui/react-checkbox'); var t = _interopRequireWildcard(_reactcheckbox);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var N="Checkbox",D=_chunk4H5JT5ORcjs.b.call(void 0, N),B= exports.a =e.forwardRef((F,P)=>{let{id:g,label:l,helperText:i,className:G,disabled:s,onCheckedChange:m,value:o="on","aria-labelledby":H,...v}=_chunk5DRU6TDWcjs.a.call(void 0, F,_chunkLAVQWQP2cjs.a),{id:d,labelId:n,helperTextId:p}=_chunkTMWB3U4Xcjs.a.call(void 0, {providedId:g,prefix:"checkbox"}),r=_chunkRNI77PJEcjs.c.call(void 0, ),a=_chunkQUG4RSGOcjs.c.call(void 0, ),w=_optionalChain([a, 'optionalAccess', _ => _.value, 'optionalAccess', _2 => _2.includes, 'call', _3 => _3(o)]),E=_optionalChain([r, 'optionalAccess', _4 => _4.hasGroupHelperText]),L=r?r["aria-describedby"]:"",b=!E&&!!i,x=!!l;return e.createElement(_chunkVUGDLYI6cjs.a,{gap:"100",className:_clsx2.default.call(void 0, D,G),"data-disabled":s?"":void 0},e.createElement(t.Root,{ref:P,className:"hearth-CheckboxRoot",name:_optionalChain([a, 'optionalAccess', _5 => _5.name]),checked:w,value:o,...v,id:d,disabled:s,"aria-describedby":b?p:L,"aria-labelledby":H||x?n:void 0,onCheckedChange:h=>{r&&(h?_optionalChain([a, 'optionalAccess', _6 => _6.onItemCheck, 'call', _7 => _7(o)]):_optionalChain([a, 'optionalAccess', _8 => _8.onItemUncheck, 'call', _9 => _9(o)])),m&&m(h)}},e.createElement(t.Indicator,{asChild:!0,className:"hearth-CheckboxIndicator"},e.createElement(_hearthreacticons.TickSmallIcon,null))),x?e.createElement(_chunkVUGDLYI6cjs.a,{direction:"column",gap:"50"},e.createElement(_chunk4HWGKEV4cjs.a,{id:n,htmlFor:d,disableUserSelect:!0},l),b?e.createElement(_chunk7Z2AP6U3cjs.a,{id:p,disableUserSelect:!0},i):null):null)});B.displayName=N;exports.a = B;
+//# sourceMappingURL=chunk-WGHQZECW.cjs.map

package/dist/chunk-WGHQZECW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-WGHQZECW.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","useFormFieldGroup","checkboxContext","useCheckboxGroupBase","checked","hasGroupHelperText","ariaDescribedby","showHelperText","showLabel","Flex","clsx","TickSmallIcon","Label","HelperText"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-WGHQZECW.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\n\nimport type { CheckboxProps } from './Checkbox.props';\nimport { Flex } from '../Flex/Flex';\nimport { Label } from '../Label/Label';\nimport { useFormFieldGroup } from '../FormFieldGroup/FormFieldGroup.context';\nimport { HelperText } from '../HelperText/HelperText';\nimport type { ElementRef } from 'react';\nimport * as RadixCheckbox from '@radix-ui/react-checkbox';\nimport { TickSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { useCheckboxGroupBase } from '../CheckboxGroupBase/CheckboxGroupBase.context';\nimport { useIds } from '../../hooks/use-ids';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { extractProps } from '../../helpers/extract-props';\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 = useFormFieldGroup();\n  const checkboxContext = useCheckboxGroupBase();\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"]}

package/dist/chunk-WOH4H47Z.js

@@ -0,0 +1,2 @@
+var r=["1","2","3","4","5","6","7","8","9","10","11","12"],s={gridColumnSpan:{className:"grid-column-span",tokens:r,responsive:!0},gridArea:{className:"grid-area",responsive:!0},gridColumn:{className:"grid-column",responsive:!0},gridColumnStart:{className:"grid-column-start",responsive:!0},gridColumnEnd:{className:"grid-column-end",responsive:!0},gridRow:{className:"grid-row",responsive:!0},gridRowStart:{className:"grid-row-start",responsive:!0},gridRowEnd:{className:"grid-row-end",responsive:!0}};export{s as a};
+//# sourceMappingURL=chunk-WOH4H47Z.js.map

package/dist/chunk-WOH4H47Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/props/grid-item.props.ts"],"sourcesContent":["import { Responsive, Union } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst columnsValues = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\n\nconst gridItemPropDefs = {\n  gridColumnSpan: { className: 'grid-column-span', tokens: columnsValues, responsive: true },\n  gridArea: { className: 'grid-area', responsive: true },\n  gridColumn: { className: 'grid-column', responsive: true },\n  gridColumnStart: { className: 'grid-column-start', responsive: true },\n  gridColumnEnd: { className: 'grid-column-end', responsive: true },\n  gridRow: { className: 'grid-row', responsive: true },\n  gridRowStart: { className: 'grid-row-start', responsive: true },\n  gridRowEnd: { className: 'grid-row-end', responsive: true },\n} satisfies {\n  gridColumnSpan: PropDef<(typeof columnsValues)[number]>;\n  gridArea: PropDef<string>;\n  gridColumn: PropDef<string>;\n  gridColumnStart: PropDef<string>;\n  gridColumnEnd: PropDef<string>;\n  gridRow: PropDef<string>;\n  gridRowStart: PropDef<string>;\n  gridRowEnd: PropDef<string>;\n};\n\ninterface GridItemProps {\n  gridColumnSpan?: Responsive<Union<string, (typeof columnsValues)[number]>>;\n  gridArea?: Responsive<string>;\n  gridColumn?: Responsive<string>;\n  gridColumnStart?: Responsive<string>;\n  gridColumnEnd?: Responsive<string>;\n  gridRow?: Responsive<string>;\n  gridRowStart?: Responsive<string>;\n  gridRowEnd?: Responsive<string>;\n}\n\nexport { gridItemPropDefs };\nexport type { GridItemProps };\n"],"mappings":"AAGA,IAAMA,EAAgB,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAM,KAAM,IAAI,EAE9EC,EAAmB,CACvB,eAAgB,CAAE,UAAW,mBAAoB,OAAQD,EAAe,WAAY,EAAK,EACzF,SAAU,CAAE,UAAW,YAAa,WAAY,EAAK,EACrD,WAAY,CAAE,UAAW,cAAe,WAAY,EAAK,EACzD,gBAAiB,CAAE,UAAW,oBAAqB,WAAY,EAAK,EACpE,cAAe,CAAE,UAAW,kBAAmB,WAAY,EAAK,EAChE,QAAS,CAAE,UAAW,WAAY,WAAY,EAAK,EACnD,aAAc,CAAE,UAAW,iBAAkB,WAAY,EAAK,EAC9D,WAAY,CAAE,UAAW,eAAgB,WAAY,EAAK,CAC5D","names":["columnsValues","gridItemPropDefs"]}

package/dist/chunk-X5H7DCWE.js

@@ -0,0 +1,2 @@
+var s=["sm","md"],e={size:{className:"size",tokens:s,responsive:!0,default:"md"}};export{e as a};
+//# sourceMappingURL=chunk-X5H7DCWE.js.map

package/dist/chunk-X5H7DCWE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/IconButton/IconButton.props.ts"],"sourcesContent":["import { PropDef } from '../../props/prop-def';\nimport { Responsive } from '../../types/responsive';\nimport { ButtonBaseProps } from '../ButtonBase/ButtonBase.props';\n\nconst sizes = ['sm', 'md'] as const;\n\nexport const iconButtonPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: true, default: 'md' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport type IconButtonProps = ButtonBaseProps & {\n  /**\n   * An accessibility label that describes the button.\n   * Make sure this label reflects the visual icon.\n   */\n  label: string;\n  /**\n   * Sets the button height.\n   * @default md\n   */\n  size?: Responsive<(typeof sizes)[number]>;\n};\n"],"mappings":"AAIA,IAAMA,EAAQ,CAAC,KAAM,IAAI,EAEZC,EAAqB,CAChC,KAAM,CAAE,UAAW,OAAQ,OAAQD,EAAO,WAAY,GAAM,QAAS,IAAK,CAC5E","names":["sizes","iconButtonPropDefs"]}

package/dist/chunk-XE2VBTS5.js

@@ -0,0 +1,2 @@
+var e=["none","uppercase","lowercase","capitalize"],r={textTransform:{className:"text-transform",tokens:e,responsive:!0}};export{r as a};
+//# sourceMappingURL=chunk-XE2VBTS5.js.map

package/dist/chunk-XE2VBTS5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/props/text-transform.props.ts"],"sourcesContent":["import { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst textTransformValues = ['none', 'uppercase', 'lowercase', 'capitalize'] as const;\n\nconst textTransformPropDefs = {\n  textTransform: { className: 'text-transform', tokens: textTransformValues, responsive: true },\n} satisfies {\n  textTransform: PropDef<(typeof textTransformValues)[number]>;\n};\n\ninterface TextTransformProps {\n  /**\n   * Set the text-transform on the component.\n   */\n  textTransform?: Responsive<(typeof textTransformValues)[number]>;\n}\n\nexport { textTransformPropDefs };\nexport type { TextTransformProps };\n"],"mappings":"AAGA,IAAMA,EAAsB,CAAC,OAAQ,YAAa,YAAa,YAAY,EAErEC,EAAwB,CAC5B,cAAe,CAAE,UAAW,iBAAkB,OAAQD,EAAqB,WAAY,EAAK,CAC9F","names":["textTransformValues","textTransformPropDefs"]}

package/dist/chunk-XMC7C6KE.js

@@ -0,0 +1,2 @@
+import{a as o}from"./chunk-HLBRRORY.js";import{b as m}from"./chunk-4PEMW3UE.js";import*as t from"react";import f from"clsx";import{ChevronRightSmallIcon as l}from"@utilitywarehouse/hearth-react-icons";var i="ListItemLink",c=m(i),I=t.forwardRef(({className:r,children:s,helperText:n,leadingIcon:p,trailingIcon:e,...a},L)=>t.createElement("a",{ref:L,className:f(c,r),...a},t.createElement(o,{helperText:n,leadingIcon:p},s),e||t.createElement(l,null)));I.displayName=i;export{I as a};
+//# sourceMappingURL=chunk-XMC7C6KE.js.map

package/dist/chunk-XMC7C6KE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ListItemLink/ListItemLink.tsx"],"sourcesContent":["import * as React from 'react';\nimport clsx from 'clsx';\nimport type { ListItemLinkProps } from './ListItemLink.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { ListItemText } from '../ListItemText/ListItemText';\n\nconst componentName = 'ListItemLink';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype ListItemLinkElement = ElementRef<'a'>;\n\nexport const ListItemLink = React.forwardRef<ListItemLinkElement, ListItemLinkProps>(\n  ({ className, children, helperText, leadingIcon, trailingIcon, ...props }, ref) => {\n    return (\n      <a ref={ref} className={clsx(componentClassName, className)} {...props}>\n        <ListItemText helperText={helperText} leadingIcon={leadingIcon}>\n          {children}\n        </ListItemText>\n        {trailingIcon ? trailingIcon : <ChevronRightSmallIcon />}\n      </a>\n    );\n  }\n);\n\nListItemLink.displayName = componentName;\n"],"mappings":"gFAAA,UAAYA,MAAW,QACvB,OAAOC,MAAU,OAIjB,OAAS,yBAAAC,MAA6B,uCAGtC,IAAMC,EAAgB,eAChBC,EAAqBC,EAAiBF,CAAa,EAI5CG,EAAqB,aAChC,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,WAAAC,EAAY,YAAAC,EAAa,aAAAC,EAAc,GAAGC,CAAM,EAAGC,IAEvE,gBAAC,KAAE,IAAKA,EAAK,UAAWC,EAAKV,EAAoBG,CAAS,EAAI,GAAGK,GAC/D,gBAACG,EAAA,CAAa,WAAYN,EAAY,YAAaC,GAChDF,CACH,EACCG,GAA8B,gBAACK,EAAA,IAAsB,CACxD,CAGN,EAEAV,EAAa,YAAcH","names":["React","clsx","ChevronRightSmallIcon","componentName","componentClassName","withGlobalPrefix","ListItemLink","className","children","helperText","leadingIcon","trailingIcon","props","ref","clsx","ListItemText","ChevronRightSmallIcon"]}

package/dist/chunk-XNYYVDAD.cjs

@@ -0,0 +1,2 @@
+"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 _chunkVJQI5CIXcjs = require('./chunk-VJQI5CIX.cjs');var _chunk7HABZBWTcjs = require('./chunk-7HABZBWT.cjs');var _chunkBLQSWP7Zcjs = require('./chunk-BLQSWP7Z.cjs');var _chunk7Z2AP6U3cjs = require('./chunk-7Z2AP6U3.cjs');var _chunkRNI77PJEcjs = require('./chunk-RNI77PJE.cjs');var _chunkVUGDLYI6cjs = require('./chunk-VUGDLYI6.cjs');var _chunkTMWB3U4Xcjs = require('./chunk-TMWB3U4X.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 I="FormFieldGroup",C=_chunk4H5JT5ORcjs.b.call(void 0, I),L= exports.a =e.forwardRef(({className:N,id:P,children:R,label:d,helperText:r,validationText:o,validationStatus:l,disabled:m,"aria-labelledby":V,"aria-describedby":B,"aria-errormessage":n,...h},v)=>{let{id:w,labelId:t,helperTextId:p,validationTextId:a}=_chunkTMWB3U4Xcjs.a.call(void 0, {providedId:P,prefix:"formfieldgroup"}),i=!!(l&&o),s=_chunkDSW76HKTcjs.a.call(void 0, B||r?p:void 0,n||i?a:void 0),E={hasGroupHelperText:r!==void 0,hasGroupValidationText:l!==void 0&&o!==void 0,"aria-describedby":s};return e.createElement(_chunk7HABZBWTcjs.a,{ref:v,className:_clsx2.default.call(void 0, C,N),...h,disabled:m,id:w,"data-disabled":m?"":void 0,"aria-errormessage":n||i?a:void 0,"aria-labelledby":_nullishCoalesce(V, () => ((d?t:void 0))),"aria-invalid":i,"aria-describedby":s},d?e.createElement(_chunkBLQSWP7Zcjs.a,{id:t},d):null,r||o?e.createElement(_chunkVUGDLYI6cjs.a,{direction:"column",align:"start"},r?e.createElement(_chunk7Z2AP6U3cjs.a,{id:p,disabled:m},r):null,i?e.createElement(_chunkVJQI5CIXcjs.a,{id:a,status:l},o):null):null,e.createElement(_chunkRNI77PJEcjs.b,{value:E},e.createElement("div",{className:"hearth-FormFieldGroupContent"},R)))});L.displayName=I;exports.a = L;
+//# sourceMappingURL=chunk-XNYYVDAD.cjs.map

package/dist/chunk-XNYYVDAD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-XNYYVDAD.cjs","../src/components/FormFieldGroup/FormFieldGroup.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","FormFieldGroup","className","providedId","children","label","helperText","validationText","validationStatus","disabled","ariaLabelledby","ariaDescribedby","ariaErrorMessage","props","ref","id","labelId","helperTextId","validationTextId","useIds","showValidationText","ariaDescribedbyValue","mergeIds","value","Fieldset","clsx","FieldsetLegend","Flex","HelperText","ValidationText","FormFieldGroupProvider"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-XNYYVDAD.cjs","sourcesContent":[null,"import * as React from 'react';\nimport type { ElementRef } from 'react';\n\nimport { FormFieldGroupProvider } from './FormFieldGroup.context';\nimport type { FormFieldGroupProps } from './FormFieldGroup.props';\nimport { useIds } from '../../hooks/use-ids';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { Fieldset } from '../Fieldset/Fieldset';\nimport { Flex } from '../Flex/Flex';\nimport { FieldsetLegend } from '../FieldsetLegend/FieldsetLegend';\nimport { HelperText } from '../HelperText/HelperText';\nimport { ValidationText } from '../ValidationText/ValidationText';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport clsx from 'clsx';\n\nconst componentName = 'FormFieldGroup';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype FormFieldGroupElement = ElementRef<'fieldset'>;\n\nexport const FormFieldGroup = React.forwardRef<FormFieldGroupElement, FormFieldGroupProps>(\n  (\n    {\n      className,\n      id: providedId,\n      children,\n      label,\n      helperText,\n      validationText,\n      validationStatus,\n      disabled,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'aria-errormessage': ariaErrorMessage,\n      ...props\n    },\n    ref\n  ) => {\n    const { id, labelId, helperTextId, validationTextId } = useIds({\n      providedId,\n      prefix: 'formfieldgroup',\n    });\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: Boolean(helperText !== undefined),\n      hasGroupValidationText: Boolean(\n        validationStatus !== undefined && validationText !== undefined\n      ),\n      'aria-describedby': ariaDescribedbyValue,\n    };\n\n    return (\n      <Fieldset\n        ref={ref}\n        className={clsx(componentClassName, className)}\n        {...props}\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        {label ? <FieldsetLegend id={labelId}>{label}</FieldsetLegend> : null}\n        {helperText || validationText ? (\n          <Flex direction=\"column\" align=\"start\">\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        <FormFieldGroupProvider value={value}>\n          <div className=\"hearth-FormFieldGroupContent\">{children}</div>\n        </FormFieldGroupProvider>\n      </Fieldset>\n    );\n  }\n);\n\nFormFieldGroup.displayName = componentName;\n"]}

package/dist/chunk-XQ5A24NX.js

@@ -0,0 +1,2 @@
+import{a as n}from"./chunk-NMHPABLW.js";var e=["auto",...n],a={margin:{className:"margin",tokens:e,responsive:!0},marginTop:{className:"margin-top",tokens:e,responsive:!0},marginRight:{className:"margin-right",tokens:e,responsive:!0},marginBottom:{className:"margin-bottom",tokens:e,responsive:!0},marginLeft:{className:"margin-left",tokens:e,responsive:!0},marginInline:{className:"margin-inline",tokens:e,responsive:!0},marginBlock:{className:"margin-block",tokens:e,responsive:!0}};export{a};
+//# sourceMappingURL=chunk-XQ5A24NX.js.map

package/dist/chunk-XQ5A24NX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/props/margin.props.ts"],"sourcesContent":["import { spaceTokens } from '../tokens/space';\nimport { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst marginValues = ['auto', ...spaceTokens] as const;\n\nconst marginPropDefs = {\n  margin: { className: 'margin', tokens: marginValues, responsive: true },\n  marginTop: { className: 'margin-top', tokens: marginValues, responsive: true },\n  marginRight: { className: 'margin-right', tokens: marginValues, responsive: true },\n  marginBottom: { className: 'margin-bottom', tokens: marginValues, responsive: true },\n  marginLeft: { className: 'margin-left', tokens: marginValues, responsive: true },\n  marginInline: { className: 'margin-inline', tokens: marginValues, responsive: true },\n  marginBlock: { className: 'margin-block', tokens: marginValues, responsive: true },\n} satisfies {\n  margin: PropDef<(typeof marginValues)[number]>;\n  marginTop: PropDef<(typeof marginValues)[number]>;\n  marginRight: PropDef<(typeof marginValues)[number]>;\n  marginBottom: PropDef<(typeof marginValues)[number]>;\n  marginLeft: PropDef<(typeof marginValues)[number]>;\n  marginInline: PropDef<(typeof marginValues)[number]>;\n  marginBlock: PropDef<(typeof marginValues)[number]>;\n};\n\ninterface MarginProps {\n  margin?: Responsive<(typeof marginValues)[number]>;\n  marginTop?: Responsive<(typeof marginValues)[number]>;\n  marginRight?: Responsive<(typeof marginValues)[number]>;\n  marginBottom?: Responsive<(typeof marginValues)[number]>;\n  marginLeft?: Responsive<(typeof marginValues)[number]>;\n  marginInline?: Responsive<(typeof marginValues)[number]>;\n  marginBlock?: Responsive<(typeof marginValues)[number]>;\n}\n\nexport { marginPropDefs };\nexport type { MarginProps };\n"],"mappings":"wCAIA,IAAMA,EAAe,CAAC,OAAQ,GAAGC,CAAW,EAEtCC,EAAiB,CACrB,OAAQ,CAAE,UAAW,SAAU,OAAQF,EAAc,WAAY,EAAK,EACtE,UAAW,CAAE,UAAW,aAAc,OAAQA,EAAc,WAAY,EAAK,EAC7E,YAAa,CAAE,UAAW,eAAgB,OAAQA,EAAc,WAAY,EAAK,EACjF,aAAc,CAAE,UAAW,gBAAiB,OAAQA,EAAc,WAAY,EAAK,EACnF,WAAY,CAAE,UAAW,cAAe,OAAQA,EAAc,WAAY,EAAK,EAC/E,aAAc,CAAE,UAAW,gBAAiB,OAAQA,EAAc,WAAY,EAAK,EACnF,YAAa,CAAE,UAAW,eAAgB,OAAQA,EAAc,WAAY,EAAK,CACnF","names":["marginValues","spaceTokens","marginPropDefs"]}

package/dist/chunk-XZD2I4TZ.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var o=["sm","md","lg"],e=["regular","semibold","bold"],s= exports.a ={size:{className:"size",tokens:o,responsive:!0,default:"md"},weight:{className:"weight",tokens:e,responsive:!0,default:"regular"},paragraphSpacing:{className:"paragraph-spacing",responsive:!1}};exports.a = s;
+//# sourceMappingURL=chunk-XZD2I4TZ.cjs.map

package/dist/chunk-XZD2I4TZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/BodyText/BodyText.props.ts"],"names":["sizes","weights","bodyTextPropDefs"],"mappings":"AAQA,6EAAMA,CAAAA,CAAQ,CAAC,IAAA,CAAM,IAAA,CAAM,IAAI,CAAA,CACzBC,CAAAA,CAAU,CAAC,SAAA,CAAW,UAAA,CAAY,MAAM,CAAA,CAEjCC,CAAAA,aAAmB,CAC9B,IAAA,CAAM,CAAE,SAAA,CAAW,MAAA,CAAQ,MAAA,CAAQF,CAAAA,CAAO,UAAA,CAAY,CAAA,CAAA,CAAM,OAAA,CAAS,IAAK,CAAA,CAC1E,MAAA,CAAQ,CAAE,SAAA,CAAW,QAAA,CAAU,MAAA,CAAQC,CAAAA,CAAS,UAAA,CAAY,CAAA,CAAA,CAAM,OAAA,CAAS,SAAU,CAAA,CACrF,gBAAA,CAAkB,CAAE,SAAA,CAAW,mBAAA,CAAqB,UAAA,CAAY,CAAA,CAAM,CACxE,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-XZD2I4TZ.cjs","sourcesContent":["import { 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 type { Responsive } from '../../types/responsive';\n\nconst sizes = ['sm', 'md', 'lg'] as const;\nconst weights = ['regular', 'semibold', 'bold'] as const;\n\nexport const bodyTextPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: true, default: 'md' },\n  weight: { className: 'weight', tokens: weights, responsive: true, default: 'regular' },\n  paragraphSpacing: { className: 'paragraph-spacing', responsive: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  weight: PropDef<(typeof weights)[number]>;\n  paragraphSpacing: PropDef<boolean>;\n};\n\ninterface CommonBodyTextProps\n  extends TextAlignProps,\n    TextTransformProps,\n    TextWrapProps,\n    MarginProps {\n  /**\n   * Shorthand for changing the default rendered element into a semantically appropriate alternative.\n   * Cannot be used in combination with `asChild`.\n   * @default p\n   */\n  as?: 'p' | 'div' | 'span' | 'label';\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   */\n  asChild?: boolean;\n  /**\n   * Set the text size styles.\n   * @default md\n   */\n  size?: Responsive<(typeof sizes)[number]>;\n  /**\n   * Set the font-weight\n   * @default regular\n   */\n  weight?: Responsive<(typeof weights)[number]>;\n  /**\n   * If true, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n   * Note that text overflow can only happen with block or inline-block level elements (the element needs to have a width in order to overflow).\n   */\n  truncate?: boolean | undefined;\n  /**\n   * If true, the text will have a bottom margin.\n   */\n  paragraphSpacing?: boolean;\n  /** Inverts the component colours, for use on darker surface colours. */\n  inverted?: boolean;\n}\ntype BodyTextDivProps = { as: 'div' } & ComponentPropsWithout<'div', RemovedProps>;\ntype BodyTextSpanProps = { as: 'span' } & ComponentPropsWithout<'span', RemovedProps>;\ntype BodyTextPProps = { as?: 'p' } & ComponentPropsWithout<'p', RemovedProps>;\ntype BodyTextLabelProps = { as: 'label' } & ComponentPropsWithout<'label', RemovedProps>;\nexport type BodyTextProps = CommonBodyTextProps &\n  (BodyTextSpanProps | BodyTextDivProps | BodyTextPProps | BodyTextLabelProps);\n"]}

package/dist/chunk-YFBHMLS5.js

@@ -0,0 +1,2 @@
+import{a as n}from"./chunk-6MD55DWM.js";import{a as p}from"./chunk-QQSAEQVH.js";import{c as R}from"./chunk-HMTIVDG5.js";import{a as l}from"./chunk-CVTTI5EP.js";import{a as c}from"./chunk-QC4ZMGCU.js";import{b as s}from"./chunk-4PEMW3UE.js";import*as e from"react";import v from"clsx";import{Indicator as w,Item as E}from"@radix-ui/react-radio-group";var f="Radio",H=s(f),T=e.forwardRef(({id:b,label:o,helperText:a,className:h,labelFontWeight:x,"aria-labelledby":i,...u},I)=>{let{id:r,labelId:t,helperTextId:d}=c({providedId:b,prefix:"radio"}),{hasGroupHelperText:y,"aria-describedby":N}=R(),m=!y&&a!==void 0,F=!!o;return e.createElement("div",{className:v(H,h)},e.createElement("div",{className:"hearth-RadioContainer"},e.createElement(E,{ref:I,...u,id:r,"aria-describedby":m?d:N,"aria-labelledby":i||(o?t:void 0),className:"hearth-RadioItem"},e.createElement(w,{className:"hearth-RadioIndicator"}))),F?e.createElement(l,{direction:"column",gap:"50"},e.createElement(n,{id:t,htmlFor:r,disableUserSelect:!0,fontWeight:x,className:"hearth-RadioLabel"},o),m?e.createElement(p,{id:d,disableUserSelect:!0},a):null):null)});T.displayName=f;export{T as a};
+//# sourceMappingURL=chunk-YFBHMLS5.js.map

package/dist/chunk-YFBHMLS5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Radio/Radio.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport clsx from 'clsx';\n\nimport {\n  Indicator as RadixRadioIndicator,\n  Item as RadixRadioItem,\n} from '@radix-ui/react-radio-group';\n\nimport type { RadioProps } from './Radio.props';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Flex } from '../Flex/Flex';\nimport { Label } from '../Label/Label';\nimport { useIds } from '../../hooks/use-ids';\nimport { HelperText } from '../HelperText/HelperText';\nimport type { ElementRef } from 'react';\nimport { useFormFieldGroup } from '../FormFieldGroup/FormFieldGroup.context';\n\nconst componentName = 'Radio';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype RadioElement = ElementRef<'button'>;\n\n/**\n * `Radio` can be used to choose between a set of more than two options.\n *\n * `Radio` should always be used with a `RadioGroup` or `RadioGridGroup` to\n * handle the state control and layout.\n *\n * `Radio` is, by default, appropriately labelled when using\n * the `label` prop, if you do not provide a label, you must specify an\n * `aria-label` or `aria-labelledby` for accessibility.\n *\n * > This component does not need to be wrapped in a `ThemeProvider` and can be used standalone with other component libraries.\n */\nexport const Radio = React.forwardRef<RadioElement, RadioProps>(\n  (\n    {\n      id: providedId,\n      label,\n      helperText,\n      className,\n      labelFontWeight,\n      'aria-labelledby': ariaLabelledby,\n      ...props\n    },\n    ref\n  ) => {\n    const { id, labelId, helperTextId } = useIds({ providedId, prefix: 'radio' });\n    const { hasGroupHelperText, 'aria-describedby': ariaDescribedby } = useFormFieldGroup();\n    const showHelperText = Boolean(!hasGroupHelperText && helperText !== undefined);\n    const showLabel = !!label;\n    return (\n      <div className={clsx(componentClassName, className)}>\n        <div className=\"hearth-RadioContainer\">\n          <RadixRadioItem\n            ref={ref}\n            {...props}\n            id={id}\n            aria-describedby={showHelperText ? helperTextId : ariaDescribedby}\n            aria-labelledby={ariaLabelledby ? ariaLabelledby : label ? labelId : undefined}\n            className=\"hearth-RadioItem\"\n          >\n            <RadixRadioIndicator className=\"hearth-RadioIndicator\" />\n          </RadixRadioItem>\n        </div>\n        {showLabel ? (\n          <Flex direction=\"column\" gap=\"50\">\n            <Label\n              id={labelId}\n              htmlFor={id}\n              disableUserSelect\n              fontWeight={labelFontWeight}\n              className=\"hearth-RadioLabel\"\n            >\n              {label}\n            </Label>\n            {showHelperText ? (\n              <HelperText id={helperTextId} disableUserSelect>\n                {helperText}\n              </HelperText>\n            ) : null}\n          </Flex>\n        ) : null}\n      </div>\n    );\n  }\n);\n\nRadio.displayName = componentName;\n"],"mappings":"gPAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAU,OAEjB,OACE,aAAaC,EACb,QAAQC,MACH,8BAYP,IAAMC,EAAgB,QAChBC,EAAqBC,EAAiBF,CAAa,EAgB5CG,EAAc,aACzB,CACE,CACE,GAAIC,EACJ,MAAAC,EACA,WAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,kBAAmBC,EACnB,GAAGC,CACL,EACAC,IACG,CACH,GAAM,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,CAAa,EAAIC,EAAO,CAAE,WAAAX,EAAY,OAAQ,OAAQ,CAAC,EACtE,CAAE,mBAAAY,EAAoB,mBAAoBC,CAAgB,EAAIC,EAAkB,EAChFC,EAAyB,CAACH,GAAsBV,IAAe,OAC/Dc,EAAY,CAAC,CAACf,EACpB,OACE,gBAAC,OAAI,UAAWgB,EAAKpB,EAAoBM,CAAS,GAChD,gBAAC,OAAI,UAAU,yBACb,gBAACe,EAAA,CACC,IAAKX,EACJ,GAAGD,EACJ,GAAIE,EACJ,mBAAkBO,EAAiBL,EAAeG,EAClD,kBAAiBR,IAAkCJ,EAAQQ,EAAU,QACrE,UAAU,oBAEV,gBAACU,EAAA,CAAoB,UAAU,wBAAwB,CACzD,CACF,EACCH,EACC,gBAACI,EAAA,CAAK,UAAU,SAAS,IAAI,MAC3B,gBAACC,EAAA,CACC,GAAIZ,EACJ,QAASD,EACT,kBAAiB,GACjB,WAAYJ,EACZ,UAAU,qBAETH,CACH,EACCc,EACC,gBAACO,EAAA,CAAW,GAAIZ,EAAc,kBAAiB,IAC5CR,CACH,EACE,IACN,EACE,IACN,CAEJ,CACF,EAEAH,EAAM,YAAcH","names":["React","clsx","RadixRadioIndicator","RadixRadioItem","componentName","componentClassName","withGlobalPrefix","Radio","providedId","label","helperText","className","labelFontWeight","ariaLabelledby","props","ref","id","labelId","helperTextId","useIds","hasGroupHelperText","ariaDescribedby","useFormFieldGroup","showHelperText","showLabel","clsx","RadixRadioItem","RadixRadioIndicator","Flex","Label","HelperText"]}

package/dist/chunk-YGM3K2K7.cjs

@@ -0,0 +1,2 @@
+"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 _chunkVJSCC45Ycjs = require('./chunk-VJSCC45Y.cjs');var _chunk6XA5OQRTcjs = require('./chunk-6XA5OQRT.cjs');var _chunk6CX43AEDcjs = require('./chunk-6CX43AED.cjs');var _chunkSPWXYK7Xcjs = require('./chunk-SPWXYK7X.cjs');var _chunk4VG5MYC3cjs = require('./chunk-4VG5MYC3.cjs');var _chunkLAVQWQP2cjs = require('./chunk-LAVQWQP2.cjs');var _chunkCXGQIXJRcjs = require('./chunk-CXGQIXJR.cjs');var _chunkSZO4CNE5cjs = require('./chunk-SZO4CNE5.cjs');var _chunkIYSVQSPGcjs = require('./chunk-IYSVQSPG.cjs');var _chunk75BHPV4Acjs = require('./chunk-75BHPV4A.cjs');var _chunkMT6VZWFAcjs = require('./chunk-MT6VZWFA.cjs');var _chunkGBMJ5JAIcjs = require('./chunk-GBMJ5JAI.cjs');var _chunk5DRU6TDWcjs = require('./chunk-5DRU6TDW.cjs');var _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _reactslot = require('@radix-ui/react-slot');var D="Box",E=_chunk4H5JT5ORcjs.b.call(void 0, D),h= exports.a =o.forwardRef((d,g)=>{let{className:B,asChild:b,as:C="div",...N}=_chunk5DRU6TDWcjs.a.call(void 0, d,_chunkVJSCC45Ycjs.a,_chunkSZO4CNE5cjs.a,_chunkCXGQIXJRcjs.a,_chunkGBMJ5JAIcjs.a,_chunk75BHPV4Acjs.a,_chunkLAVQWQP2cjs.a,_chunkIYSVQSPGcjs.a,_chunkMT6VZWFAcjs.a,_chunk4VG5MYC3cjs.a,_chunkSPWXYK7Xcjs.a,_chunk6XA5OQRTcjs.a,_chunk6CX43AEDcjs.a);return o.createElement(b?_reactslot.Slot:C,{ref:g,className:_clsx2.default.call(void 0, E,B),...N})});h.displayName=D;exports.a = h;
+//# sourceMappingURL=chunk-YGM3K2K7.cjs.map

package/dist/chunk-YGM3K2K7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-YGM3K2K7.cjs","../src/components/Box/Box.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","Box","props","ref","className","asChild","Tag","boxProps","extractProps","boxPropDefs","positionPropDefs","paddingPropDefs","colorPropDefs","backgroundColorPropDefs","marginPropDefs","sizePropDefs","borderPropDefs","gridItemPropDefs","flexItemPropDefs","textAlignPropDefs","textTransformPropDefs","Slot","clsx"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECAjiB,wEACN,iDAKI,IAefA,CAAAA,CAAgB,KAAA,CAChBC,CAAAA,CAAqBC,iCAAAA,CAA8B,CAAA,CAI5CC,CAAAA,aAAY,CAAA,CAAA,UAAA,CAAiC,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACxE,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CAAM,KAAA,CACV,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CACFN,CACAO,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBACF,CAAA,CAIA,OAAO,CAAA,CAAA,aAAA,CAFWf,CAAAA,CAAUgB,eAAAA,CAAOf,CAAAA,CAE3B,CAAU,GAAA,CAAKH,CAAAA,CAAK,SAAA,CAAWmB,4BAAAA,CAAKvB,CAAoBK,CAAS,CAAA,CAAI,GAAGG,CAAAA,CAAU,CAC5F,CAAC,CAAA,CAEDN,CAAAA,CAAI,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-YGM3K2K7.cjs","sourcesContent":[null,"import * as React from 'react';\nimport clsx from 'clsx';\n\nimport { boxPropDefs, type BoxProps } from './Box.props';\n\nimport type { ElementRef } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { extractProps } from '../../helpers/extract-props';\nimport { paddingPropDefs } from '../../props/padding.props';\nimport { colorPropDefs } from '../../props/color.props';\nimport { sizePropDefs } from '../../props/size.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { gridItemPropDefs } from '../../props/grid-item.props';\nimport { flexItemPropDefs } from '../../props/flex-item.props';\nimport { backgroundColorPropDefs } from '../../props/background-color.props';\nimport { positionPropDefs } from '../../props/position.props';\nimport { borderPropDefs } from '../../props/border.props';\nimport { textAlignPropDefs } from '../../props/text-align.props';\nimport { textTransformPropDefs } from '../../props/text-transform.props';\n\nconst componentName = 'Box';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype BoxElement = ElementRef<'div'>;\n\nexport const Box = React.forwardRef<BoxElement, BoxProps>((props, ref) => {\n  const {\n    className,\n    asChild,\n    as: Tag = 'div',\n    ...boxProps\n  } = extractProps(\n    props,\n    boxPropDefs,\n    positionPropDefs,\n    paddingPropDefs,\n    colorPropDefs,\n    backgroundColorPropDefs,\n    marginPropDefs,\n    sizePropDefs,\n    borderPropDefs,\n    gridItemPropDefs,\n    flexItemPropDefs,\n    textAlignPropDefs,\n    textTransformPropDefs\n  );\n\n  const Component = asChild ? Slot : Tag;\n\n  return <Component ref={ref} className={clsx(componentClassName, className)} {...boxProps} />;\n});\n\nBox.displayName = componentName;\n"]}

package/dist/chunk-YOEVYE37.cjs

@@ -0,0 +1,2 @@
+"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 _chunk6CX43AEDcjs = require('./chunk-6CX43AED.cjs');var _chunkLAVQWQP2cjs = require('./chunk-LAVQWQP2.cjs');var _chunk5DRU6TDWcjs = require('./chunk-5DRU6TDW.cjs');var _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _react = require('react'); var r = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _reactslot = require('@radix-ui/react-slot');var i="Link",L=_chunk4H5JT5ORcjs.b.call(void 0, i),P= exports.a =r.forwardRef((a,p)=>{let{className:s,asChild:f,inverted:l,children:e,...c}=_chunk5DRU6TDWcjs.a.call(void 0, a,_chunkLAVQWQP2cjs.a,_chunk6CX43AEDcjs.a);return r.createElement(_reactslot.Slot,{ref:p,className:_clsx2.default.call(void 0, L,s),"data-inverted":l?"":void 0,...c},f?e:r.createElement("a",null,e))});P.displayName=i;exports.a = P;
+//# sourceMappingURL=chunk-YOEVYE37.cjs.map

package/dist/chunk-YOEVYE37.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-YOEVYE37.cjs","../src/components/Link/Link.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","Link","props","ref","className","asChild","inverted","children","linkProps","extractProps","marginPropDefs","textTransformPropDefs","Slot","clsx"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,uECA5I,wEAEN,iDAEI,IASfA,CAAAA,CAAgB,MAAA,CAChBC,CAAAA,CAAqBC,iCAAAA,CAA8B,CAAA,CAI5CC,CAAAA,aAAa,CAAA,CAAA,UAAA,CAAmC,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CAC3E,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,OAAA,CAAAC,CAAAA,CAAS,QAAA,CAAAC,CAAAA,CAAU,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAU,CAAA,CAAIC,iCAAAA,CAC/DP,CACAQ,mBAAAA,CACAC,mBACF,CAAA,CACA,OACE,CAAA,CAAA,aAAA,CAACC,eAAAA,CAAA,CACC,GAAA,CAAKT,CAAAA,CACL,SAAA,CAAWU,4BAAAA,CAAKd,CAAoBK,CAAS,CAAA,CAC7C,eAAA,CAAeE,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAC9B,GAAGE,CAAAA,CAAAA,CAEHH,CAAAA,CAAUE,CAAAA,CAAW,CAAA,CAAA,aAAA,CAAC,GAAA,CAAA,IAAA,CAAGA,CAAS,CACrC,CAEJ,CAAC,CAAA,CAEDN,CAAAA,CAAK,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-YOEVYE37.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\n\nimport { Slot } from '@radix-ui/react-slot';\n\nimport type { LinkProps } from './Link.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { textTransformPropDefs } from '../../props/text-transform.props';\n\nconst componentName = 'Link';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype LinkElement = ElementRef<'a'>;\n\nexport const Link = React.forwardRef<LinkElement, LinkProps>((props, ref) => {\n  const { className, asChild, inverted, children, ...linkProps } = extractProps(\n    props,\n    marginPropDefs,\n    textTransformPropDefs\n  );\n  return (\n    <Slot\n      ref={ref}\n      className={clsx(componentClassName, className)}\n      data-inverted={inverted ? '' : undefined}\n      {...linkProps}\n    >\n      {asChild ? children : <a>{children}</a>}\n    </Slot>\n  );\n});\n\nLink.displayName = componentName;\n"]}

package/dist/chunk-YX2LQGPK.js

@@ -0,0 +1,2 @@
+import{a as u}from"./chunk-UVA4WAIN.js";import{a as f}from"./chunk-XQ5A24NX.js";import{a as p}from"./chunk-RTGGS5XX.js";import{b as c}from"./chunk-4PEMW3UE.js";import*as e from"react";import{Slot as P}from"@radix-ui/react-slot";import h from"clsx";var B="ButtonBase",b=c(B),k=e.forwardRef((a,n)=>{let{colorScheme:C,inverted:w,className:s,disabled:t,onClick:r,asChild:N,children:i,...d}=p(a,u,f),{variant:o="solid"}=a,l={"data-colorscheme":C||(o==="emphasis"||o==="solid"?"yellow":"grey"),"data-inverted":w?"":void 0},m=N?P:"button";return o==="emphasis"?e.createElement(m,{ref:n,"aria-disabled":t||void 0,className:h(b,s),onClick:t?void 0:r,...l,...d},e.createElement("span",{className:"hearth-shadow"}),e.createElement("span",{className:"hearth-front"},i)):e.createElement(m,{ref:n,"aria-disabled":t||void 0,className:h(b,s),onClick:t?void 0:r,...l,...d},i)});k.displayName=B;export{k as a};
+//# sourceMappingURL=chunk-YX2LQGPK.js.map

package/dist/chunk-YX2LQGPK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ButtonBase/ButtonBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\n\nimport clsx from 'clsx';\nimport { buttonBasePropDefs, ButtonBaseProps } from './ButtonBase.props';\nimport type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst componentName = 'ButtonBase';\nconst componentClassName = withGlobalPrefix(componentName);\n\nexport type ButtonBaseElement = ElementRef<'button'>;\n\nexport const ButtonBase = React.forwardRef<ButtonBaseElement, ButtonBaseProps>((props, ref) => {\n  const {\n    colorScheme,\n    inverted,\n    className,\n    disabled,\n    onClick,\n    asChild,\n    children,\n    ...buttonBaseProps\n  } = extractProps(props, buttonBasePropDefs, marginPropDefs);\n  const { variant = 'solid' } = props;\n\n  const defaultColorScheme = variant === 'emphasis' || variant === 'solid' ? 'yellow' : 'grey';\n  const dataAttributeProps = {\n    'data-colorscheme': colorScheme || defaultColorScheme,\n    'data-inverted': inverted ? '' : undefined,\n  };\n\n  const Component = asChild ? Slot : 'button';\n\n  // We're rendering a different component here so that we don't have to apply\n  // transitions to box-shadow, which causes re-paints on every frame, heavily\n  // impacting performance.\n  if (variant === 'emphasis') {\n    return (\n      <Component\n        ref={ref}\n        aria-disabled={disabled || undefined}\n        className={clsx(componentClassName, className)}\n        // as we're using aria-disabled instead of disabled then we need to\n        // disable the onClick event\n        onClick={disabled ? undefined : onClick}\n        {...dataAttributeProps}\n        {...buttonBaseProps}\n      >\n        <span className=\"hearth-shadow\"></span>\n        <span className=\"hearth-front\">{children}</span>\n      </Component>\n    );\n  }\n  return (\n    <Component\n      ref={ref}\n      aria-disabled={disabled || undefined}\n      className={clsx(componentClassName, className)}\n      // as we're using aria-disabled instead of disabled then we need to\n      // disable the onClick event\n      onClick={disabled ? undefined : onClick}\n      {...dataAttributeProps}\n      {...buttonBaseProps}\n    >\n      {children}\n    </Component>\n  );\n});\n\nButtonBase.displayName = componentName;\n"],"mappings":"gKAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,uBAErB,OAAOC,MAAU,OAOjB,IAAMC,EAAgB,aAChBC,EAAqBC,EAAiBF,CAAa,EAI5CG,EAAmB,aAA+C,CAACC,EAAOC,IAAQ,CAC7F,GAAM,CACJ,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAIC,EAAaV,EAAOW,EAAoBC,CAAc,EACpD,CAAE,QAAAC,EAAU,OAAQ,EAAIb,EAGxBc,EAAqB,CACzB,mBAAoBZ,IAFKW,IAAY,YAAcA,IAAY,QAAU,SAAW,QAGpF,gBAAiBV,EAAW,GAAK,MACnC,EAEMY,EAAYR,EAAUS,EAAO,SAKnC,OAAIH,IAAY,WAEZ,gBAACE,EAAA,CACC,IAAKd,EACL,gBAAeI,GAAY,OAC3B,UAAWY,EAAKpB,EAAoBO,CAAS,EAG7C,QAASC,EAAW,OAAYC,EAC/B,GAAGQ,EACH,GAAGL,GAEJ,gBAAC,QAAK,UAAU,gBAAgB,EAChC,gBAAC,QAAK,UAAU,gBAAgBD,CAAS,CAC3C,EAIF,gBAACO,EAAA,CACC,IAAKd,EACL,gBAAeI,GAAY,OAC3B,UAAWY,EAAKpB,EAAoBO,CAAS,EAG7C,QAASC,EAAW,OAAYC,EAC/B,GAAGQ,EACH,GAAGL,GAEHD,CACH,CAEJ,CAAC,EAEDT,EAAW,YAAcH","names":["React","Slot","clsx","componentName","componentClassName","withGlobalPrefix","ButtonBase","props","ref","colorScheme","inverted","className","disabled","onClick","asChild","children","buttonBaseProps","extractProps","buttonBasePropDefs","marginPropDefs","variant","dataAttributeProps","Component","Slot","clsx"]}

package/dist/chunk-YZ4ULEUH.js

@@ -0,0 +1,2 @@
+import{a as n}from"./chunk-PUVKWSFV.js";import{a as u}from"./chunk-4WMT5PSA.js";import{a as c}from"./chunk-CNKDVHRL.js";import{a as m}from"./chunk-E2FMYLM2.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};
+//# sourceMappingURL=chunk-YZ4ULEUH.js.map

package/dist/chunk-YZ4ULEUH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SearchInput/SearchInput.tsx"],"sourcesContent":["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"],"mappings":"wMAEA,OAAOA,MAAU,OACjB,OAAOC,MAAW,QAMlB,OAAS,kBAAAC,EAAgB,oBAAAC,MAAwB,uCAEjD,IAAMC,EAAgB,cAChBC,EAAqBC,EAAiBF,CAAa,EAI5CG,EAAcC,EAAM,WAC/B,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,QAAAC,EAAS,QAAAC,EAAS,GAAGC,CAAM,EAAGC,IAAiB,CAC5E,IAAMC,EAAaR,EAAM,OAAgC,IAAI,EACvDS,EAAWF,GAAgBC,EAE3BE,EAAcV,EAAM,YACvBW,GAA+C,CAC1C,OAAOP,GAAY,YAAcO,EAAM,SAAW,IAGtDP,EAAQ,EAEJK,GAAY,OAAOA,GAAa,UAAYA,EAAS,SACvDA,EAAS,QAAQ,MAAM,EAE3B,EACA,CAACA,EAAUL,CAAO,CACpB,EAEA,OACEJ,EAAA,cAACY,EAAA,CACC,IAAKH,EACL,UAAWI,EAAKhB,EAAoBI,CAAS,EAC7C,KAAK,SACL,KAAK,SACL,aAAa,SACb,SAAUC,EACV,UAAS,GACT,MAAOC,EACN,GAAGG,GAEJN,EAAA,cAACc,EAAA,CAAc,UAAU,UACvBd,EAAA,cAACL,EAAA,IAAiB,CACpB,EACCU,EACCL,EAAA,cAACc,EAAA,CAAc,UAAU,UACvBd,EAAA,cAACe,EAAA,CAAQ,KAAK,KAAK,MAAM,WAAW,CACtC,EACE,KACHZ,IAAU,QAAa,OAAOA,CAAK,EAAE,OAAS,EAC7CH,EAAA,cAACc,EAAA,CAAc,UAAU,UACvBd,EAAA,cAACgB,EAAA,CACC,KAAK,SACL,MAAM,eACN,QAASN,EACT,SAAUR,GAEVF,EAAA,cAACN,EAAA,IAAe,CAClB,CACF,EACE,IACN,CAEJ,CACF,EAEAK,EAAY,YAAcH","names":["clsx","React","CloseSmallIcon","SearchMediumIcon","componentName","componentClassName","withGlobalPrefix","SearchInput","React","className","disabled","value","onClear","loading","props","forwardedRef","defaultRef","inputRef","handleClear","event","TextInput","clsx","TextInputSlot","Spinner","UnstyledIconButton"]}

package/dist/chunk-ZC5ZC34U.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var o=["emphasis","solid","outline","ghost"],e= exports.a ={variant:{className:"variant",tokens:o,responsive:!1,default:"solid"}};exports.a = e;
+//# sourceMappingURL=chunk-ZC5ZC34U.cjs.map

package/dist/chunk-ZC5ZC34U.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ButtonBase/ButtonBase.props.ts"],"names":["variants","buttonBasePropDefs"],"mappings":"AAIA,6EAAMA,CAAAA,CAAW,CAAC,UAAA,CAAY,OAAA,CAAS,SAAA,CAAW,OAAO,CAAA,CAE5CC,CAAAA,aAAqB,CAChC,OAAA,CAAS,CAAE,SAAA,CAAW,SAAA,CAAW,MAAA,CAAQD,CAAAA,CAAU,UAAA,CAAY,CAAA,CAAA,CAAO,OAAA,CAAS,OAAQ,CACzF,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZC5ZC34U.cjs","sourcesContent":["import { MarginProps } from '../../props/margin.props';\nimport { PropDef } from '../../props/prop-def';\nimport { ComponentPropsWithout, RemovedProps } from '../../types/component-props';\n\nconst variants = ['emphasis', 'solid', 'outline', 'ghost'] as const;\n\nexport const buttonBasePropDefs = {\n  variant: { className: 'variant', tokens: variants, responsive: false, default: 'solid' },\n} satisfies {\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport type ButtonBaseProps = ComponentPropsWithout<'button', RemovedProps> &\n  MarginProps &\n  (\n    | {\n        /**\n         * Sets the button's visual variant\n         */\n        variant?: 'emphasis';\n        /**\n         * Sets the button's colour scheme\n         */\n        colorScheme?: 'yellow';\n      }\n    | {\n        /**\n         * Sets the button's visual variant\n         */\n        variant?: 'solid';\n        /**\n         * Sets the button's colour scheme\n         */\n        colorScheme?: 'yellow' | 'green' | 'red';\n      }\n    | {\n        variant?: 'outline' | 'ghost';\n        colorScheme?: 'grey' | 'green' | 'red';\n      }\n  ) & {\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     */\n    asChild?: boolean;\n    /**\n     * Indicate when the button is in a loading state, will also disable the button.\n     */\n    loading?: boolean;\n    /** Inverts the component colours, for use on darker surface colours. */\n    inverted?: boolean;\n  };\n"]}

package/dist/chunk-ZJGOTQ4M.js

@@ -0,0 +1,2 @@
+var o=["sm","md"],e={size:{className:"size",tokens:o,responsive:!0,default:"md"}};export{e as a};
+//# sourceMappingURL=chunk-ZJGOTQ4M.js.map

package/dist/chunk-ZJGOTQ4M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/UnstyledIconButton/UnstyledIconButton.props.ts"],"sourcesContent":["import { PropDef } from '../../props/prop-def';\nimport { ComponentPropsWithout, RemovedProps } from '../../types/component-props';\nimport { Responsive } from '../../types/responsive';\nimport { IconButtonProps } from '../IconButton/IconButton.props';\n\nconst sizes = ['sm', 'md'] as const;\n\nexport const unstyledIconButtonPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: true, default: 'md' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport type UnstyledIconButtonProps = ComponentPropsWithout<'button', RemovedProps> &\n  Pick<IconButtonProps, 'label' | 'loading'> & {\n    /**\n     * Sets the button height.\n     * @default md\n     */\n    size?: Responsive<(typeof sizes)[number]>;\n    /** Inverts the component colours, for use on darker surface colours. */\n    inverted?: boolean;\n  };\n"],"mappings":"AAKA,IAAMA,EAAQ,CAAC,KAAM,IAAI,EAEZC,EAA6B,CACxC,KAAM,CAAE,UAAW,OAAQ,OAAQD,EAAO,WAAY,GAAM,QAAS,IAAK,CAC5E","names":["sizes","unstyledIconButtonPropDefs"]}

package/dist/chunk-ZKJZGOS5.js

@@ -0,0 +1,2 @@
+var s=["xs","sm","md","lg","xl"],p={spacing:{className:"spacing",tokens:s,responsive:!1}};export{p as a};
+//# sourceMappingURL=chunk-ZKJZGOS5.js.map

package/dist/chunk-ZKJZGOS5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/props/spacing.props.ts"],"sourcesContent":["import { PropDef } from './prop-def';\n\nconst spacingValues = ['xs', 'sm', 'md', 'lg', 'xl'] as const;\n\nconst spacingPropDefs = {\n  spacing: { className: 'spacing', tokens: spacingValues, responsive: false },\n} satisfies {\n  spacing: PropDef<(typeof spacingValues)[number]>;\n};\n\ninterface SpacingProps {\n  /**\n   * Set responsive spacing between child elements.\n   */\n  spacing?: (typeof spacingValues)[number];\n}\n\nexport type { SpacingProps };\nexport { spacingPropDefs };\n"],"mappings":"AAEA,IAAMA,EAAgB,CAAC,KAAM,KAAM,KAAM,KAAM,IAAI,EAE7CC,EAAkB,CACtB,QAAS,CAAE,UAAW,UAAW,OAAQD,EAAe,WAAY,EAAM,CAC5E","names":["spacingValues","spacingPropDefs"]}

package/dist/chunk-ZQXS265R.js

@@ -0,0 +1,2 @@
+import{a as u}from"./chunk-6MD55DWM.js";import{a as R}from"./chunk-QQSAEQVH.js";import{c as I}from"./chunk-HMTIVDG5.js";import{c as T}from"./chunk-BYAQL5FQ.js";import{a as c}from"./chunk-CVTTI5EP.js";import{a as C}from"./chunk-XQ5A24NX.js";import{a as y}from"./chunk-QC4ZMGCU.js";import{a as k}from"./chunk-RTGGS5XX.js";import{b as f}from"./chunk-4PEMW3UE.js";import*as e from"react";import S from"clsx";import*as t from"@radix-ui/react-checkbox";import{TickSmallIcon as U}from"@utilitywarehouse/hearth-react-icons";var N="Checkbox",D=f(N),B=e.forwardRef((F,P)=>{let{id:g,label:l,helperText:i,className:G,disabled:s,onCheckedChange:m,value:o="on","aria-labelledby":H,...v}=k(F,C),{id:d,labelId:n,helperTextId:p}=y({providedId:g,prefix:"checkbox"}),r=I(),a=T(),w=a?.value?.includes(o),E=r?.hasGroupHelperText,L=r?r["aria-describedby"]:"",b=!E&&!!i,x=!!l;return e.createElement(c,{gap:"100",className:S(D,G),"data-disabled":s?"":void 0},e.createElement(t.Root,{ref:P,className:"hearth-CheckboxRoot",name:a?.name,checked:w,value:o,...v,id:d,disabled:s,"aria-describedby":b?p:L,"aria-labelledby":H||x?n:void 0,onCheckedChange:h=>{r&&(h?a?.onItemCheck(o):a?.onItemUncheck(o)),m&&m(h)}},e.createElement(t.Indicator,{asChild:!0,className:"hearth-CheckboxIndicator"},e.createElement(U,null))),x?e.createElement(c,{direction:"column",gap:"50"},e.createElement(u,{id:n,htmlFor:d,disableUserSelect:!0},l),b?e.createElement(R,{id:p,disableUserSelect:!0},i):null):null)});B.displayName=N;export{B as a};
+//# sourceMappingURL=chunk-ZQXS265R.js.map

package/dist/chunk-ZQXS265R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport clsx from 'clsx';\n\nimport type { CheckboxProps } from './Checkbox.props';\nimport { Flex } from '../Flex/Flex';\nimport { Label } from '../Label/Label';\nimport { useFormFieldGroup } from '../FormFieldGroup/FormFieldGroup.context';\nimport { HelperText } from '../HelperText/HelperText';\nimport type { ElementRef } from 'react';\nimport * as RadixCheckbox from '@radix-ui/react-checkbox';\nimport { TickSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { useCheckboxGroupBase } from '../CheckboxGroupBase/CheckboxGroupBase.context';\nimport { useIds } from '../../hooks/use-ids';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { extractProps } from '../../helpers/extract-props';\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 = useFormFieldGroup();\n  const checkboxContext = useCheckboxGroupBase();\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"],"mappings":"wWAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAU,OAQjB,UAAYC,MAAmB,2BAC/B,OAAS,iBAAAC,MAAqB,uCAO9B,IAAMC,EAAgB,WAChBC,EAAqBC,EAAiBF,CAAa,EAI5CG,EAAiB,aAA2C,CAACC,EAAOC,IAAQ,CACvF,GAAM,CACJ,GAAIC,EACJ,MAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,MAAAC,EAAQ,KACR,kBAAmBC,EACnB,GAAGC,CACL,EAAIC,EAAaX,EAAOY,CAAc,EAChC,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,CAAa,EAAIC,EAAO,CAAE,WAAAd,EAAY,OAAQ,UAAW,CAAC,EACzEe,EAAUC,EAAkB,EAC5BC,EAAkBC,EAAqB,EACvCC,EAAUF,GAAiB,OAAO,SAASX,CAAK,EAChDc,EAAqBL,GAAS,mBAC9BM,EAAkBN,EAAUA,EAAQ,kBAAkB,EAAI,GAC1DO,EAAiB,CAACF,GAAsB,CAAC,CAAClB,EAC1CqB,EAAY,CAAC,CAACtB,EAEpB,OACE,gBAACuB,EAAA,CACC,IAAI,MACJ,UAAWC,EAAK9B,EAAoBQ,CAAS,EAC7C,gBAAeC,EAAW,GAAK,QAE/B,gBAAe,OAAd,CACC,IAAKL,EACL,UAAU,sBACV,KAAMkB,GAAiB,KACvB,QAASE,EACT,MAAOb,EACN,GAAGE,EACJ,GAAIG,EACJ,SAAUP,EACV,mBAAkBkB,EAAiBT,EAAeQ,EAClD,kBAAiBd,GAAkBgB,EAAYX,EAAU,OACzD,gBAAkBO,GAAqB,CACjCJ,IACEI,EACFF,GAAiB,YAAYX,CAAK,EAElCW,GAAiB,cAAcX,CAAK,GAGpCD,GACFA,EAAgBc,CAAO,CAE3B,GAEA,gBAAe,YAAd,CAAwB,QAAO,GAAC,UAAU,4BACzC,gBAACO,EAAA,IAAc,CACjB,CACF,EACCH,EACC,gBAACC,EAAA,CAAK,UAAU,SAAS,IAAI,MAC3B,gBAACG,EAAA,CAAM,GAAIf,EAAS,QAASD,EAAI,kBAAiB,IAC/CV,CACH,EACCqB,EACC,gBAACM,EAAA,CAAW,GAAIf,EAAc,kBAAiB,IAC5CX,CACH,EACE,IACN,EACE,IACN,CAEJ,CAAC,EAEDL,EAAS,YAAcH","names":["React","clsx","RadixCheckbox","TickSmallIcon","componentName","componentClassName","withGlobalPrefix","Checkbox","props","ref","providedId","label","helperText","className","disabled","onCheckedChange","value","ariaLabelledby","checkboxProps","extractProps","marginPropDefs","id","labelId","helperTextId","useIds","context","useFormFieldGroup","checkboxContext","useCheckboxGroupBase","checked","hasGroupHelperText","ariaDescribedby","showHelperText","showLabel","Flex","clsx","TickSmallIcon","Label","HelperText"]}

package/dist/chunk-ZV5ATJ4R.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var o=["xs","sm","md","lg"],e= exports.a ={size:{className:"size",tokens:o,responsive:!0,default:"md"}};exports.a = e;
+//# sourceMappingURL=chunk-ZV5ATJ4R.cjs.map

package/dist/chunk-ZV5ATJ4R.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Spinner/Spinner.props.ts"],"names":["sizes","spinnerPropDefs"],"mappings":"AAMA,6EAAMA,CAAAA,CAAQ,CAAC,IAAA,CAAM,IAAA,CAAM,IAAA,CAAM,IAAI,CAAA,CAExBC,CAAAA,aAAkB,CAC7B,IAAA,CAAM,CAAE,SAAA,CAAW,MAAA,CAAQ,MAAA,CAAQD,CAAAA,CAAO,UAAA,CAAY,CAAA,CAAA,CAAM,OAAA,CAAS,IAAK,CAC5E,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ZV5ATJ4R.cjs","sourcesContent":["import { ColorProps } from '../../props/color.props';\nimport { MarginProps } from '../../props/margin.props';\nimport { PropDef } from '../../props/prop-def';\nimport { ComponentPropsWithout, RemovedProps } from '../../types/component-props';\nimport { Responsive } from '../../types/responsive';\n\nconst sizes = ['xs', 'sm', 'md', 'lg'] as const;\n\nexport const spinnerPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: true, default: 'md' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport interface SpinnerProps\n  extends ColorProps,\n    ComponentPropsWithout<'div', RemovedProps>,\n    MarginProps {\n  /**\n   * Sets the button height.\n   * @default md\n   */\n  size?: Responsive<(typeof sizes)[number]>;\n  /**\n   * Sets the Spinner stroke colour to `currentColor`.\n   * For use when the Spinner needs to inherit a parent component's colour scheme.\n   */\n  currentColor?: boolean;\n}\n"]}

package/dist/chunk-ZZCBHLRO.js

@@ -0,0 +1,2 @@
+var o=["sm","md","lg","xl","2xl","3xl","4xl"],e=["text","valid","invalid"],s={size:{className:"size",tokens:o,responsive:!0,default:"md"},color:{className:"text-color",tokens:e,responsive:!1,default:"text"}};export{s as a};
+//# sourceMappingURL=chunk-ZZCBHLRO.js.map

package/dist/chunk-ZZCBHLRO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DetailText/DetailText.props.ts"],"sourcesContent":["import { 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 type { Responsive } from '../../types/responsive';\n\nconst sizes = ['sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl'] as const;\nconst colorValues = ['text', 'valid', 'invalid'] as const;\n\nexport const detailTextPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: true, default: 'md' },\n  color: { className: 'text-color', tokens: colorValues, responsive: false, default: 'text' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  color: PropDef<(typeof colorValues)[number]>;\n};\n\ninterface CommonDetailTextProps\n  extends TextAlignProps,\n    TextTransformProps,\n    TextWrapProps,\n    MarginProps {\n  /**\n   * @default span\n   */\n  as?: 'p' | 'div' | 'span';\n  /** Change the default rendered element for the one passed as a child, merging their props and behavior. */\n  asChild?: boolean;\n  /**\n   * Set the text size styles.\n   * @default md\n   */\n  size?: Responsive<(typeof sizes)[number]>;\n  /**\n   * Set the text color\n   * @default text\n   */\n  color?: Responsive<(typeof colorValues)[number]>;\n  /** Inverts the component colours, for use on darker surface colours. */\n  inverted?: boolean;\n}\ntype DetailTextDivProps = { as: 'div' } & ComponentPropsWithout<'div', RemovedProps>;\ntype DetailTextSpanProps = { as: 'span' } & ComponentPropsWithout<'span', RemovedProps>;\ntype DetailTextPProps = { as?: 'p' } & ComponentPropsWithout<'p', RemovedProps>;\nexport type DetailTextProps = CommonDetailTextProps &\n  (DetailTextSpanProps | DetailTextDivProps | DetailTextPProps);\n"],"mappings":"AAQA,IAAMA,EAAQ,CAAC,KAAM,KAAM,KAAM,KAAM,MAAO,MAAO,KAAK,EACpDC,EAAc,CAAC,OAAQ,QAAS,SAAS,EAElCC,EAAqB,CAChC,KAAM,CAAE,UAAW,OAAQ,OAAQF,EAAO,WAAY,GAAM,QAAS,IAAK,EAC1E,MAAO,CAAE,UAAW,aAAc,OAAQC,EAAa,WAAY,GAAO,QAAS,MAAO,CAC5F","names":["sizes","colorValues","detailTextPropDefs"]}

package/dist/components/Badge/Badge.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkQMEY7EJKcjs = require('../../chunk-QMEY7EJK.cjs');require('../../chunk-XI6LBQPN.cjs');require('../../chunk-H4TBSJ2Y.cjs');require('../../chunk-RRY2OIRE.cjs');require('../../chunk-UKQ5LR4P.cjs');require('../../chunk-5PHEU2LX.cjs');require('../../chunk-DPWOHAYD.cjs');require('../../chunk-AURLQ3VG.cjs');require('../../chunk-JHPCQWHT.cjs');exports.Badge = _chunkQMEY7EJKcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkRQ7W2CHYcjs = require('../../chunk-RQ7W2CHY.cjs');require('../../chunk-BX5DJRCU.cjs');require('../../chunk-6CX43AED.cjs');require('../../chunk-5DRU6TDW.cjs');require('../../chunk-3DNRI5YZ.cjs');require('../../chunk-4H5JT5OR.cjs');require('../../chunk-DPWOHAYD.cjs');require('../../chunk-AURLQ3VG.cjs');require('../../chunk-A4KDLDVY.cjs');require('../../chunk-JHPCQWHT.cjs');exports.Badge = _chunkRQ7W2CHYcjs.a;
 //# sourceMappingURL=Badge.cjs.map

package/dist/components/Badge/Badge.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/Badge/Badge.cjs"],"names":[],"mappings":"AAAA,qIAAuC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAmB","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/Badge/Badge.cjs"}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/components/Badge/Badge.cjs"],"names":[],"mappings":"AAAA,qIAAuC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAiC,oCAAmB","file":"/home/runner/work/hearth/hearth/packages/react/dist/components/Badge/Badge.cjs"}

package/dist/components/Badge/Badge.d.cts

@@ -1,12 +1,9 @@
 import * as React from 'react';
 import { BadgeProps } from './Badge.props.cjs';
-import '../../types/component-props.cjs';
+import '../../props/text-transform.props.cjs';
 import '../../types/responsive.cjs';
+import '../../types/component-props.cjs';
 
-/**
- * Provide additional context (such as status), or to draw attention to another
- * interface element.
- */
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
 
 export { Badge };

package/dist/components/Badge/Badge.d.ts

@@ -1,12 +1,9 @@
 import * as React from 'react';
 import { BadgeProps } from './Badge.props.js';
-import '../../types/component-props.js';
+import '../../props/text-transform.props.js';
 import '../../types/responsive.js';
+import '../../types/component-props.js';
 
-/**
- * Provide additional context (such as status), or to draw attention to another
- * interface element.
- */
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
 
 export { Badge };

package/dist/components/Badge/Badge.js

@@ -1,2 +1,2 @@
-import{a}from"../../chunk-QV665DP4.js";import"../../chunk-VRFMS5RF.js";import"../../chunk-QOOUH3JB.js";import"../../chunk-6KSHJIV6.js";import"../../chunk-BB3ZYDDF.js";import"../../chunk-B2Z6W4M6.js";import"../../chunk-FSK5FGWM.js";import"../../chunk-AJUKXCDS.js";import"../../chunk-4IJEOHER.js";export{a as Badge};
+import{a}from"../../chunk-JY5DK2HT.js";import"../../chunk-RA6OQJHG.js";import"../../chunk-XE2VBTS5.js";import"../../chunk-RTGGS5XX.js";import"../../chunk-TOUF44PN.js";import"../../chunk-4PEMW3UE.js";import"../../chunk-FSK5FGWM.js";import"../../chunk-AJUKXCDS.js";import"../../chunk-TLHGRJDQ.js";import"../../chunk-4IJEOHER.js";export{a as Badge};
 //# sourceMappingURL=Badge.js.map

package/dist/components/Badge/Badge.props.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkXI6LBQPNcjs = require('../../chunk-XI6LBQPN.cjs');exports.badgePropDefs = _chunkXI6LBQPNcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkBX5DJRCUcjs = require('../../chunk-BX5DJRCU.cjs');exports.badgePropDefs = _chunkBX5DJRCUcjs.a;
 //# sourceMappingURL=Badge.props.cjs.map

package/dist/components/Badge/Badge.props.d.cts

@@ -1,44 +1,33 @@
+import { TextTransformProps } from '../../props/text-transform.props.cjs';
 import { ComponentPropsWithout, RemovedProps } from '../../types/component-props.cjs';
-import { Responsive } from '../../types/responsive.cjs';
+import '../../types/responsive.cjs';
 import 'react';
 
-declare const variants: readonly ["soft", "strong", "outline"];
-declare const sizes: readonly ["small", "medium"];
+declare const variants: readonly ["solid", "outline"];
 declare const badgePropDefs: {
     variant: {
         className: string;
-        tokens: readonly ["soft", "strong", "outline"];
+        tokens: readonly ["solid", "outline"];
         responsive: false;
         default: string;
     };
-    size: {
-        className: string;
-        tokens: readonly ["small", "medium"];
-        responsive: true;
-        default: string;
-    };
 };
-interface BadgeProps extends ComponentPropsWithout<'span', RemovedProps> {
+interface BadgeProps extends ComponentPropsWithout<'span', RemovedProps>, TextTransformProps {
     /**
      * Sets the badges's visual variant
-     * @default soft
+     * @default solid
      */
     variant?: (typeof variants)[number];
     /**
      * Sets the colour scheme.
-     * @default cyan
+     * @default blue
      */
-    colorScheme?: 'cyan' | 'green' | 'red' | 'gold' | 'grey';
+    colorScheme?: 'blue' | 'green' | 'red' | 'orange' | 'grey';
     /**
      * Removes the bottom radius, set when the Badge sits directly above another container
      * @default false
      */
-    bottomRadiusZero?: boolean;
-    /**
-     * Set the size of the Badge
-     * @default medium
-     */
-    size?: Responsive<(typeof sizes)[number]>;
+    flatBase?: boolean;
 }
 
 export { type BadgeProps, badgePropDefs };