@utilitywarehouse/hearth-react 0.0.0 → 0.0.2

package/README.md

@@ -1,3 +1,11 @@
 # React
 
 [Storybook](https://uw-hearth-react.vercel.app)
+
+## Releases
+
+Currently all `v0` releases should be considered unstable pre-releases. Any
+breaking change will be made in a minor release, with the number of breaking
+changes per minor release kept to a minimum. All breaking changes will be
+documented with guidelines for how to update your code, and, if necessary,
+will be accompanied by a codemod.

package/dist/chunk-24SSG67R.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 _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _react = require('react'); var t = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var o="TextInputSlot",s=_chunk4H5JT5ORcjs.b.call(void 0, o),c= exports.a =t.forwardRef(({className:m,children:p,placement:r,...n},l)=>t.createElement("div",{ref:l,className:_clsx2.default.call(void 0, s,m),"data-placement":r,...n},p));c.displayName=o;exports.a = c;
+//# sourceMappingURL=chunk-24SSG67R.cjs.map

package/dist/chunk-24SSG67R.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-24SSG67R.cjs","../src/components/TextInputSlot/TextInputSlot.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","TextInputSlot","className","children","placement","props","ref","clsx"],"mappings":"AAAA,mfAAwC,uECAjB,wEAEN,IAKXA,CAAAA,CAAgB,eAAA,CAChBC,CAAAA,CAAqBC,iCAAAA,CAA8B,CAAA,CAI5CC,CAAAA,aAAsB,CAAA,CAAA,UAAA,CACjC,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAE3C,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CACC,GAAA,CAAKA,CAAAA,CACL,SAAA,CAAWC,4BAAAA,CAAKR,CAAoBG,CAAS,CAAA,CAC7C,gBAAA,CAAgBE,CAAAA,CACf,GAAGC,CAAAA,CAAAA,CAEHF,CACH,CAGN,CAAA,CAEAF,CAAAA,CAAc,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-24SSG67R.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { TextInputSlotProps } from './TextInputSlot.props';\n\nconst componentName = 'TextInputSlot';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype TextInputSlotElement = ElementRef<'div'>;\n\nexport const TextInputSlot = React.forwardRef<TextInputSlotElement, TextInputSlotProps>(\n  ({ className, children, placement, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={clsx(componentClassName, className)}\n        data-placement={placement}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nTextInputSlot.displayName = componentName;\n"]}

package/dist/chunk-27KAZZTN.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkBCUNL6J3cjs = require('./chunk-BCUNL6J3.cjs');var o="px",f=100,a=n=>`@media (min-width: ${n})`,e=Object.keys(_chunkBCUNL6J3cjs.a);function r(n){let i=_chunkBCUNL6J3cjs.a[n];return i===0?"@media all":a(i+o)}function s(n){return`@media not all and (min-width:${_chunkBCUNL6J3cjs.a[n]+o})`}function d(n,i){return`@media (min-width:${_chunkBCUNL6J3cjs.a[n]+o}) and (max-width:${_chunkBCUNL6J3cjs.a[i]-f/100+o})`}function l(n){return e.indexOf(n)+1<e.length?d(n,e[e.indexOf(n)+1]):r(n)}function m(n){let i=e.indexOf(n);if(i===0)return r(e[1]);if(i===e.length-1)return s(e[i]);let p=e[e.indexOf(n)+1];return d(n,p).replace("@media","@media not all and")}var u={above:r,below:s,between:d,only:l,not:m,mobile:"@media all",tablet:a(_chunkBCUNL6J3cjs.a.tablet+o),desktop:a(_chunkBCUNL6J3cjs.a.desktop+o),wide:a(_chunkBCUNL6J3cjs.a.wide+o)};exports.a = u;
+//# sourceMappingURL=chunk-27KAZZTN.cjs.map

package/dist/chunk-27KAZZTN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-27KAZZTN.cjs","../src/utils/media.ts"],"names":["unit","step","mq","breakpoint","keys","breakpoints","above","bp","below","between","start","end","only","not","keyIndex","media"],"mappings":"AAAA,iIAAwC,ICMlCA,CAAAA,CAAO,IAAA,CACPC,CAAAA,CAAO,GAAA,CACPC,CAAAA,CAAMC,CAAAA,EAAuB,CAAA,mBAAA,EAAsBA,CAAU,CAAA,CAAA,CAAA,CAC7DC,CAAAA,CAAO,MAAA,CAAO,IAAA,CAAKC,mBAAW,CAAA,CAOpC,SAASC,CAAAA,CAAMH,CAAAA,CAAwB,CACrC,IAAMI,CAAAA,CAAKF,mBAAAA,CAAYF,CAAU,CAAA,CACjC,OAAII,CAAAA,GAAO,CAAA,CACF,YAAA,CAEFL,CAAAA,CAAGK,CAAAA,CAAKP,CAAI,CACrB,CAKA,SAASQ,CAAAA,CAAML,CAAAA,CAAwB,CACrC,MAAO,CAAA,8BAAA,EAAiCE,mBAAAA,CAAYF,CAAU,CAAA,CAAIH,CAAI,CAAA,CAAA,CACxE,CAKA,SAASS,CAAAA,CAAQC,CAAAA,CAAmBC,CAAAA,CAAiB,CACnD,MACE,CAAA,kBAAA,EAAqBN,mBAAAA,CAAYK,CAAK,CAAA,CAAIV,CAAI,CAAA,iBAAA,EAChCK,mBAAAA,CAAYM,CAAG,CAAA,CAAIV,CAAAA,CAAO,GAAA,CAAMD,CAAI,CAAA,CAAA,CAEtD,CAKA,SAASY,CAAAA,CAAKT,CAAAA,CAAwB,CACpC,OAAIC,CAAAA,CAAK,OAAA,CAAQD,CAAU,CAAA,CAAI,CAAA,CAAIC,CAAAA,CAAK,MAAA,CAC/BK,CAAAA,CAAQN,CAAAA,CAAYC,CAAAA,CAAKA,CAAAA,CAAK,OAAA,CAAQD,CAAU,CAAA,CAAI,CAAC,CAAe,CAAA,CAEtEG,CAAAA,CAAMH,CAAU,CACzB,CAKA,SAASU,CAAAA,CAAIV,CAAAA,CAAwB,CACnC,IAAMW,CAAAA,CAAWV,CAAAA,CAAK,OAAA,CAAQD,CAAU,CAAA,CACxC,EAAA,CAAIW,CAAAA,GAAa,CAAA,CACf,OAAOR,CAAAA,CAAMF,CAAAA,CAAK,CAAC,CAAe,CAAA,CAEpC,EAAA,CAAIU,CAAAA,GAAaV,CAAAA,CAAK,MAAA,CAAS,CAAA,CAC7B,OAAOI,CAAAA,CAAMJ,CAAAA,CAAKU,CAAQ,CAAe,CAAA,CAE3C,IAAMH,CAAAA,CAAMP,CAAAA,CAAKA,CAAAA,CAAK,OAAA,CAAQD,CAAoB,CAAA,CAAI,CAAC,CAAA,CACvD,OAAOM,CAAAA,CAAQN,CAAAA,CAAYQ,CAAG,CAAA,CAAE,OAAA,CAAQ,QAAA,CAAU,oBAAoB,CACxE,CAEO,IAAMI,CAAAA,CAAQ,CACnB,KAAA,CAAAT,CAAAA,CACA,KAAA,CAAAE,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,IAAA,CAAAG,CAAAA,CACA,GAAA,CAAAC,CAAAA,CAEA,MAAA,CAAQ,YAAA,CACR,MAAA,CAAQX,CAAAA,CAAGG,mBAAAA,CAAY,MAAA,CAASL,CAAI,CAAA,CACpC,OAAA,CAASE,CAAAA,CAAGG,mBAAAA,CAAY,OAAA,CAAUL,CAAI,CAAA,CACtC,IAAA,CAAME,CAAAA,CAAGG,mBAAAA,CAAY,IAAA,CAAOL,CAAI,CAClC,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-27KAZZTN.cjs","sourcesContent":[null,"import { breakpoints } from '../tokens/breakpoints';\n\n/**\n * A lot of this file is directly copied from MUI - https://github.com/mui/material-ui/blob/next/packages/mui-system/src/createTheme/createBreakpoints.js\n */\n\nconst unit = 'px';\nconst step = 100;\nconst mq = (breakpoint: string) => `@media (min-width: ${breakpoint})`;\nconst keys = Object.keys(breakpoints);\n\ntype Breakpoint = keyof typeof breakpoints;\n\n/**\n * Returns a min-width media query string matching screen widths greater than the screen size given by the breakpoint.\n */\nfunction above(breakpoint: Breakpoint) {\n  const bp = breakpoints[breakpoint];\n  if (bp === 0) {\n    return '@media all';\n  }\n  return mq(bp + unit);\n}\n\n/**\n * Returns a max-width media query string matching screen widths less than than the screen size given by the breakpoint.\n */\nfunction below(breakpoint: Breakpoint) {\n  return `@media not all and (min-width:${breakpoints[breakpoint] + unit})`;\n}\n\n/**\n * Returns a media query string matching screen widths greater than the given start screen size and less than the given end screen size.\n */\nfunction between(start: Breakpoint, end: Breakpoint) {\n  return (\n    `@media (min-width:${breakpoints[start] + unit}) and ` +\n    `(max-width:${breakpoints[end] - step / 100 + unit})`\n  );\n}\n\n/**\n * Returns a media query string matching screen widths starting from the given screen size and stopping just before the next breakpoint.\n */\nfunction only(breakpoint: Breakpoint) {\n  if (keys.indexOf(breakpoint) + 1 < keys.length) {\n    return between(breakpoint, keys[keys.indexOf(breakpoint) + 1] as Breakpoint);\n  }\n  return above(breakpoint);\n}\n\n/**\n * Returns a media query string matching screen widths stopping at the given screen size and starting just before the next breakpoint.\n */\nfunction not(breakpoint: Breakpoint) {\n  const keyIndex = keys.indexOf(breakpoint);\n  if (keyIndex === 0) {\n    return above(keys[1] as Breakpoint);\n  }\n  if (keyIndex === keys.length - 1) {\n    return below(keys[keyIndex] as Breakpoint);\n  }\n  const end = keys[keys.indexOf(breakpoint as string) + 1] as Breakpoint;\n  return between(breakpoint, end).replace('@media', '@media not all and');\n}\n\nexport const media = {\n  above,\n  below,\n  between,\n  only,\n  not,\n  /* mobile first media queries mirroring the design system breakpoint values */\n  mobile: '@media all',\n  tablet: mq(breakpoints.tablet + unit),\n  desktop: mq(breakpoints.desktop + unit),\n  wide: mq(breakpoints.wide + unit),\n};\n"]}

package/dist/chunk-2HRHDKI4.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 _chunkVZ3NKVLVcjs = require('./chunk-VZ3NKVLV.cjs');var _chunk3Z52FZHQcjs = require('./chunk-3Z52FZHQ.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 _chunkIYSVQSPGcjs = require('./chunk-IYSVQSPG.cjs');var _chunk5DRU6TDWcjs = require('./chunk-5DRU6TDW.cjs');var _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _chunkA4KDLDVYcjs = require('./chunk-A4KDLDVY.cjs');var _react = require('react'); var r = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var d="Card",R=_chunk4H5JT5ORcjs.b.call(void 0, d),E= exports.a =r.forwardRef((n,P)=>{let{className:x,as:C="div",children:D,colorScheme:h="white",...g}=_chunk5DRU6TDWcjs.a.call(void 0, n,_chunkVZ3NKVLVcjs.f,_chunkDCR54SDPcjs.a,_chunk3Z52FZHQcjs.a,_chunkLAVQWQP2cjs.a,_chunkIYSVQSPGcjs.a,_chunk4VG5MYC3cjs.a,_chunkSPWXYK7Xcjs.a);return r.createElement(_chunkVUGDLYI6cjs.a,{ref:P,asChild:!0,className:_clsx2.default.call(void 0, R,x),"data-colorscheme":_chunkA4KDLDVYcjs.a.call(void 0, h),...g},r.createElement(C,null,D))});E.displayName=d;exports.a = E;
+//# sourceMappingURL=chunk-2HRHDKI4.cjs.map

package/dist/chunk-2HRHDKI4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-2HRHDKI4.cjs","../src/components/Card/Card.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","Card","props","ref","className","Tag","children","colorScheme","cardProps","extractProps","flexPropDefs","gapPropDefs","cardPropDefs","marginPropDefs","sizePropDefs","gridItemPropDefs","flexItemPropDefs","Flex","clsx","kebabCase"],"mappings":"AAAA,mfAAwC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECAja,wEAGN,IAcXA,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,EAAA,CAAIC,CAAAA,CAAM,KAAA,CACV,QAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,OAAA,CACd,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CACFP,CACAQ,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBACF,CAAA,CAEA,OACE,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CACC,GAAA,CAAKd,CAAAA,CACL,OAAA,CAAO,CAAA,CAAA,CACP,SAAA,CAAWe,4BAAAA,CAAKnB,CAAoBK,CAAS,CAAA,CAC7C,kBAAA,CAAkBe,iCAAAA,CAAqB,CAAA,CACtC,GAAIX,CAAAA,CAAAA,CAEL,CAAA,CAAA,aAAA,CAACH,CAAAA,CAAA,IAAA,CAAKC,CAAS,CACjB,CAEJ,CAAC,CAAA,CAEDL,CAAAA,CAAK,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-2HRHDKI4.cjs","sourcesContent":[null,"import * as React from 'react';\nimport type { ElementRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { cardPropDefs, CardProps } 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 { flexPropDefs, FlexProps } from '../Flex/Flex.props';\nimport { kebabCase } from '../../helpers/kebab-case';\nimport { gapPropDefs } from '../../props/gap.props';\n\nconst componentName = 'Card';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype CardElement = ElementRef<'div'>;\n\nexport const Card = React.forwardRef<CardElement, CardProps>((props, ref) => {\n  const {\n    className,\n    as: Tag = 'div',\n    children,\n    colorScheme = 'white',\n    ...cardProps\n  } = extractProps(\n    props,\n    flexPropDefs,\n    gapPropDefs,\n    cardPropDefs,\n    marginPropDefs,\n    sizePropDefs,\n    gridItemPropDefs,\n    flexItemPropDefs\n  );\n\n  return (\n    <Flex\n      ref={ref}\n      asChild\n      className={clsx(componentClassName, className)}\n      data-colorscheme={kebabCase(colorScheme)}\n      {...(cardProps as FlexProps)}\n    >\n      <Tag>{children}</Tag>\n    </Flex>\n  );\n});\n\nCard.displayName = componentName;\n"]}

package/dist/chunk-2JC7EX7T.js

@@ -0,0 +1,2 @@
+import{a as l}from"./chunk-6MD55DWM.js";import{a as m}from"./chunk-XQ5A24NX.js";import{a as s}from"./chunk-QC4ZMGCU.js";import{a as t}from"./chunk-RTGGS5XX.js";import{b as d}from"./chunk-4PEMW3UE.js";import*as a from"react";import C from"clsx";import{Indicator as I,Item as x}from"@radix-ui/react-radio-group";var p="RadioCard",N=d(p),y=a.forwardRef((n,c)=>{let{className:R,children:f,id:b,label:e,"aria-labelledby":o,...h}=t(n,m),{id:r,labelId:i}=s({providedId:b,prefix:"radio"});return a.createElement(x,{ref:c,className:C(N,R),...h,id:r,"aria-labelledby":o||(e?i:void 0)},a.createElement("div",{className:"hearth-RadioContainer"},a.createElement("div",{className:"hearth-RadioItem"},a.createElement(I,{className:"hearth-RadioIndicator"})),a.createElement(l,{id:i,htmlFor:r,disableUserSelect:!0,fontWeight:"semibold"},e)),f)});y.displayName=p;export{y as a};
+//# sourceMappingURL=chunk-2JC7EX7T.js.map

package/dist/chunk-2JC7EX7T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RadioCard/RadioCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport clsx from 'clsx';\nimport type { ElementRef } from 'react';\nimport type { RadioCardProps } from './RadioCard.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport {\n  Indicator as RadixRadioIndicator,\n  Item as RadixRadioItem,\n} from '@radix-ui/react-radio-group';\nimport { useIds } from '../../hooks/use-ids';\nimport { Label } from '../Label/Label';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst componentName = 'RadioCard';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype RadioCardElement = ElementRef<'button'>;\n\nexport const RadioCard = React.forwardRef<RadioCardElement, RadioCardProps>((props, ref) => {\n  const {\n    className,\n    children,\n    id: providedId,\n    label,\n    'aria-labelledby': ariaLabelledby,\n    ...radioCardProps\n  } = extractProps(props, marginPropDefs);\n  const { id, labelId } = useIds({ providedId, prefix: 'radio' });\n  return (\n    <RadixRadioItem\n      ref={ref}\n      className={clsx(componentClassName, className)}\n      {...radioCardProps}\n      id={id}\n      aria-labelledby={ariaLabelledby ? ariaLabelledby : label ? labelId : undefined}\n    >\n      <div className=\"hearth-RadioContainer\">\n        <div className=\"hearth-RadioItem\">\n          <RadixRadioIndicator className=\"hearth-RadioIndicator\" />\n        </div>\n        <Label id={labelId} htmlFor={id} disableUserSelect fontWeight=\"semibold\">\n          {label}\n        </Label>\n      </div>\n      {children}\n    </RadixRadioItem>\n  );\n});\n\nRadioCard.displayName = componentName;\n"],"mappings":"wMAAA,UAAYA,MAAW,QACvB,OAAOC,MAAU,OAIjB,OACE,aAAaC,EACb,QAAQC,MACH,8BAMP,IAAMC,EAAgB,YAChBC,EAAqBC,EAAiBF,CAAa,EAI5CG,EAAkB,aAA6C,CAACC,EAAOC,IAAQ,CAC1F,GAAM,CACJ,UAAAC,EACA,SAAAC,EACA,GAAIC,EACJ,MAAAC,EACA,kBAAmBC,EACnB,GAAGC,CACL,EAAIC,EAAaR,EAAOS,CAAc,EAChC,CAAE,GAAAC,EAAI,QAAAC,CAAQ,EAAIC,EAAO,CAAE,WAAAR,EAAY,OAAQ,OAAQ,CAAC,EAC9D,OACE,gBAACS,EAAA,CACC,IAAKZ,EACL,UAAWa,EAAKjB,EAAoBK,CAAS,EAC5C,GAAGK,EACJ,GAAIG,EACJ,kBAAiBJ,IAAkCD,EAAQM,EAAU,SAErE,gBAAC,OAAI,UAAU,yBACb,gBAAC,OAAI,UAAU,oBACb,gBAACI,EAAA,CAAoB,UAAU,wBAAwB,CACzD,EACA,gBAACC,EAAA,CAAM,GAAIL,EAAS,QAASD,EAAI,kBAAiB,GAAC,WAAW,YAC3DL,CACH,CACF,EACCF,CACH,CAEJ,CAAC,EAEDJ,EAAU,YAAcH","names":["React","clsx","RadixRadioIndicator","RadixRadioItem","componentName","componentClassName","withGlobalPrefix","RadioCard","props","ref","className","children","providedId","label","ariaLabelledby","radioCardProps","extractProps","marginPropDefs","id","labelId","useIds","RadixRadioItem","clsx","RadixRadioIndicator","Label"]}

package/dist/chunk-2VMJRYSU.js

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

package/dist/chunk-2VMJRYSU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CheckboxTile/CheckboxTile.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport clsx from 'clsx';\n\nimport { CheckboxTileProps } from './CheckboxTile.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport * as RadixCheckbox from '@radix-ui/react-checkbox';\nimport { useIds } from '../../hooks/use-ids';\nimport { useFormFieldGroup } from '../FormFieldGroup/FormFieldGroup.context';\nimport { TickSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { useCheckboxGroupBase } from '../CheckboxGroupBase/CheckboxGroupBase.context';\nimport { Label } from '../Label/Label';\nimport { HelperText } from '../HelperText/HelperText';\nimport { Flex } from '../Flex/Flex';\n\nconst componentName = 'CheckboxTile';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype CheckboxTileElement = ElementRef<'button'>;\n\nexport const CheckboxTile = React.forwardRef<CheckboxTileElement, CheckboxTileProps>(\n  (\n    {\n      className,\n      id: providedId,\n      disabled,\n      value = 'on',\n      onCheckedChange,\n      label,\n      helperText,\n      'aria-labelledby': ariaLabelledby,\n      ...props\n    },\n    ref\n  ) => {\n    const { id, labelId, helperTextId } = useIds({ providedId, prefix: 'radio' });\n    const context = 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    return (\n      <label\n        className={clsx(componentClassName, className)}\n        data-disabled={disabled ? '' : undefined}\n      >\n        <RadixCheckbox.Root\n          ref={ref}\n          className=\"hearth-CheckboxRoot\"\n          name={checkboxContext?.name}\n          checked={checked}\n          value={value}\n          {...props}\n          id={id}\n          disabled={disabled}\n          aria-describedby={showHelperText ? helperTextId : ariaDescribedby}\n          aria-labelledby={ariaLabelledby || showLabel ? labelId : undefined}\n          onCheckedChange={(checked: boolean) => {\n            if (context) {\n              if (checked) {\n                checkboxContext?.onItemCheck(value);\n              } else {\n                checkboxContext?.onItemUncheck(value);\n              }\n            }\n            if (onCheckedChange) {\n              onCheckedChange(checked);\n            }\n          }}\n        >\n          <RadixCheckbox.Indicator asChild className=\"hearth-CheckboxIndicator\">\n            <TickSmallIcon />\n          </RadixCheckbox.Indicator>\n        </RadixCheckbox.Root>\n        <Flex direction=\"column\">\n          <Label id={labelId} htmlFor={id} disableUserSelect>\n            {label}\n          </Label>\n          {showHelperText ? (\n            <HelperText id={helperTextId} disableUserSelect>\n              {helperText}\n            </HelperText>\n          ) : null}\n        </Flex>\n      </label>\n    );\n  }\n);\n\nCheckboxTile.displayName = componentName;\n"],"mappings":"wRAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAU,OAKjB,UAAYC,MAAmB,2BAG/B,OAAS,iBAAAC,MAAqB,uCAM9B,IAAMC,EAAgB,eAChBC,EAAqBC,EAAiBF,CAAa,EAI5CG,EAAqB,aAChC,CACE,CACE,UAAAC,EACA,GAAIC,EACJ,SAAAC,EACA,MAAAC,EAAQ,KACR,gBAAAC,EACA,MAAAC,EACA,WAAAC,EACA,kBAAmBC,EACnB,GAAGC,CACL,EACAC,IACG,CACH,GAAM,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,CAAa,EAAIC,EAAO,CAAE,WAAAZ,EAAY,OAAQ,OAAQ,CAAC,EACtEa,EAAUC,EAAkB,EAC5BC,EAAkBC,EAAqB,EACvCC,EAAUF,GAAiB,OAAO,SAASb,CAAK,EAChDgB,EAAqBL,GAAS,mBAC9BM,EAAkBN,EAAUA,EAAQ,kBAAkB,EAAI,GAC1DO,EAAiB,CAACF,GAAsB,CAAC,CAACb,EAC1CgB,EAAY,CAAC,CAACjB,EACpB,OACE,gBAAC,SACC,UAAWkB,EAAK1B,EAAoBG,CAAS,EAC7C,gBAAeE,EAAW,GAAK,QAE/B,gBAAe,OAAd,CACC,IAAKO,EACL,UAAU,sBACV,KAAMO,GAAiB,KACvB,QAASE,EACT,MAAOf,EACN,GAAGK,EACJ,GAAIE,EACJ,SAAUR,EACV,mBAAkBmB,EAAiBT,EAAeQ,EAClD,kBAAiBb,GAAkBe,EAAYX,EAAU,OACzD,gBAAkBO,GAAqB,CACjCJ,IACEI,EACFF,GAAiB,YAAYb,CAAK,EAElCa,GAAiB,cAAcb,CAAK,GAGpCC,GACFA,EAAgBc,CAAO,CAE3B,GAEA,gBAAe,YAAd,CAAwB,QAAO,GAAC,UAAU,4BACzC,gBAACM,EAAA,IAAc,CACjB,CACF,EACA,gBAACC,EAAA,CAAK,UAAU,UACd,gBAACC,EAAA,CAAM,GAAIf,EAAS,QAASD,EAAI,kBAAiB,IAC/CL,CACH,EACCgB,EACC,gBAACM,EAAA,CAAW,GAAIf,EAAc,kBAAiB,IAC5CN,CACH,EACE,IACN,CACF,CAEJ,CACF,EAEAP,EAAa,YAAcH","names":["React","clsx","RadixCheckbox","TickSmallIcon","componentName","componentClassName","withGlobalPrefix","CheckboxTile","className","providedId","disabled","value","onCheckedChange","label","helperText","ariaLabelledby","props","ref","id","labelId","helperTextId","useIds","context","useFormFieldGroup","checkboxContext","useCheckboxGroupBase","checked","hasGroupHelperText","ariaDescribedby","showHelperText","showLabel","clsx","TickSmallIcon","Flex","Label","HelperText"]}

package/dist/chunk-2ZZEVIHZ.js

@@ -0,0 +1,2 @@
+import{a as T}from"./chunk-6MD55DWM.js";import{a as y}from"./chunk-OYKLBFN4.js";import{a as h}from"./chunk-QQSAEQVH.js";import{a as t}from"./chunk-CVTTI5EP.js";import{a as b}from"./chunk-QNQWQMVL.js";import{a as u}from"./chunk-XQ5A24NX.js";import{a as v}from"./chunk-QC4ZMGCU.js";import{a as c}from"./chunk-RTGGS5XX.js";import{b as x}from"./chunk-4PEMW3UE.js";import{a as A}from"./chunk-DVGYWBKQ.js";import*as e from"react";import L from"clsx";var g="TextArea",U=x(g),q=e.forwardRef((I,N)=>{let{className:P,validationStatus:a,validationText:d,label:R,helperText:i,id:w,disabled:r,readOnly:l,required:n,placeholder:F,resize:E,rows:S=3,...V}=c(I,u),{id:s,labelId:m,helperTextId:p,validationTextId:o}=v({providedId:w,prefix:"textarea"}),f=!l&&!r&&a!==void 0&&d!==void 0,B=A(i?p:void 0,f?o:void 0);return e.createElement(t,{direction:"column",gap:"75",className:L(U,P),"data-validation-status":a||void 0,"data-disabled":r?"":void 0},e.createElement(t,{direction:"column"},e.createElement(T,{htmlFor:s,id:m,disableUserSelect:!0,fontWeight:"semibold"},R,n?null:e.createElement(b,{as:"span",marginLeft:"50"},"(optional)")),i?e.createElement(h,{id:p,disableUserSelect:!0},i):null),e.createElement(t,{direction:"column",className:"hearth-TextAreaRoot"},e.createElement("textarea",{ref:N,id:s,rows:S,required:n,disabled:r,readOnly:l,placeholder:r?void 0:F,"aria-labelledby":m,"aria-describedby":B,"aria-invalid":a==="invalid"?!0:void 0,"aria-errormessage":a==="invalid"?o:void 0,"data-resize":E,...V})),f?e.createElement(y,{status:a,disableUserSelect:!0,id:o},d):null)});q.displayName=g;export{q as a};
+//# sourceMappingURL=chunk-2ZZEVIHZ.js.map

package/dist/chunk-2ZZEVIHZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ElementRef } from 'react';\n\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { useIds } from '../../hooks/use-ids';\nimport { TextAreaProps } from './TextArea.props';\nimport { Label } from '../Label/Label';\nimport { HelperText } from '../HelperText/HelperText';\nimport { ValidationText } from '../ValidationText/ValidationText';\nimport { Flex } from '../Flex/Flex';\nimport { BodyText } from '../BodyText/BodyText';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst componentName = 'TextArea';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype TextAreaElement = ElementRef<'textarea'>;\n\nexport const TextArea = React.forwardRef<TextAreaElement, TextAreaProps>((props, ref) => {\n  const {\n    className,\n    validationStatus,\n    validationText,\n    label,\n    helperText,\n    id: providedId,\n    disabled,\n    readOnly,\n    required,\n    placeholder,\n    resize,\n    rows = 3,\n    ...textAreaProps\n  } = extractProps(props, marginPropDefs);\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'textarea',\n  });\n\n  const showValidationText = Boolean(\n    !readOnly && !disabled && validationStatus !== undefined && validationText !== undefined\n  );\n\n  const ariaDescribedbyValue = mergeIds(\n    !!helperText ? helperTextId : undefined,\n    showValidationText ? validationTextId : undefined\n  );\n\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"75\"\n      className={clsx(componentClassName, className)}\n      data-validation-status={validationStatus ? validationStatus : undefined}\n      data-disabled={disabled ? '' : undefined}\n    >\n      <Flex direction=\"column\">\n        <Label htmlFor={id} id={labelId} disableUserSelect fontWeight=\"semibold\">\n          {label}\n          {required ? null : (\n            <BodyText as=\"span\" marginLeft=\"50\">\n              (optional)\n            </BodyText>\n          )}\n        </Label>\n        {helperText ? (\n          <HelperText id={helperTextId} disableUserSelect>\n            {helperText}\n          </HelperText>\n        ) : null}\n      </Flex>\n      <Flex direction=\"column\" className=\"hearth-TextAreaRoot\">\n        <textarea\n          ref={ref}\n          id={id}\n          rows={rows}\n          required={required}\n          disabled={disabled}\n          readOnly={readOnly}\n          placeholder={!disabled ? placeholder : undefined}\n          aria-labelledby={labelId}\n          aria-describedby={ariaDescribedbyValue}\n          aria-invalid={validationStatus === 'invalid' ? true : undefined}\n          aria-errormessage={validationStatus === 'invalid' ? validationTextId : undefined}\n          data-resize={resize}\n          {...textAreaProps}\n        />\n      </Flex>\n      {showValidationText ? (\n        <ValidationText status={validationStatus} disableUserSelect id={validationTextId}>\n          {validationText}\n        </ValidationText>\n      ) : null}\n    </Flex>\n  );\n});\n\nTextArea.displayName = componentName;\n"],"mappings":"gZAAA,UAAYA,MAAW,QAGvB,OAAOC,MAAU,OAajB,IAAMC,EAAgB,WAChBC,EAAqBC,EAAiBF,CAAa,EAI5CG,EAAiB,aAA2C,CAACC,EAAOC,IAAQ,CACvF,GAAM,CACJ,UAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,MAAAC,EACA,WAAAC,EACA,GAAIC,EACJ,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,YAAAC,EACA,OAAAC,EACA,KAAAC,EAAO,EACP,GAAGC,CACL,EAAIC,EAAaf,EAAOgB,CAAc,EAChC,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,EAAc,iBAAAC,CAAiB,EAAIC,EAAO,CAC7D,WAAAd,EACA,OAAQ,UACV,CAAC,EAEKe,EACJ,CAACb,GAAY,CAACD,GAAYL,IAAqB,QAAaC,IAAmB,OAG3EmB,EAAuBC,EACzBlB,EAAaa,EAAe,OAC9BG,EAAqBF,EAAmB,MAC1C,EAEA,OACE,gBAACK,EAAA,CACC,UAAU,SACV,IAAI,KACJ,UAAWC,EAAK7B,EAAoBK,CAAS,EAC7C,yBAAwBC,GAAsC,OAC9D,gBAAeK,EAAW,GAAK,QAE/B,gBAACiB,EAAA,CAAK,UAAU,UACd,gBAACE,EAAA,CAAM,QAASV,EAAI,GAAIC,EAAS,kBAAiB,GAAC,WAAW,YAC3Db,EACAK,EAAW,KACV,gBAACkB,EAAA,CAAS,GAAG,OAAO,WAAW,MAAK,YAEpC,CAEJ,EACCtB,EACC,gBAACuB,EAAA,CAAW,GAAIV,EAAc,kBAAiB,IAC5Cb,CACH,EACE,IACN,EACA,gBAACmB,EAAA,CAAK,UAAU,SAAS,UAAU,uBACjC,gBAAC,YACC,IAAKxB,EACL,GAAIgB,EACJ,KAAMJ,EACN,SAAUH,EACV,SAAUF,EACV,SAAUC,EACV,YAAcD,EAAyB,OAAdG,EACzB,kBAAiBO,EACjB,mBAAkBK,EAClB,eAAcpB,IAAqB,UAAY,GAAO,OACtD,oBAAmBA,IAAqB,UAAYiB,EAAmB,OACvE,cAAaR,EACZ,GAAGE,EACN,CACF,EACCQ,EACC,gBAACQ,EAAA,CAAe,OAAQ3B,EAAkB,kBAAiB,GAAC,GAAIiB,GAC7DhB,CACH,EACE,IACN,CAEJ,CAAC,EAEDL,EAAS,YAAcH","names":["React","clsx","componentName","componentClassName","withGlobalPrefix","TextArea","props","ref","className","validationStatus","validationText","label","helperText","providedId","disabled","readOnly","required","placeholder","resize","rows","textAreaProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidationText","ariaDescribedbyValue","mergeIds","Flex","clsx","Label","BodyText","HelperText","ValidationText"]}

package/dist/chunk-32QVKQAR.js

@@ -0,0 +1,2 @@
+import{a as s}from"./chunk-HW4WPCNT.js";import{a as l}from"./chunk-CVTTI5EP.js";import{b as i}from"./chunk-4PEMW3UE.js";import*as o from"react";import d from"clsx";import{Root as z}from"@radix-ui/react-radio-group";var c="RadioGroupRoot",b=i(c),u=o.forwardRef(({children:r,direction:t="column",width:e,className:p,...m},a)=>o.createElement(z,{ref:a,asChild:!0,...m,orientation:t==="column"?"vertical":"horizontal",className:d(b,p)},o.createElement(l,{width:e},r)));u.displayName=c;var f="RadioGroup",g=i(f),j=o.forwardRef(({children:r,contentWidth:t,direction:e="column",className:p,label:m,helperText:a,validationText:G,validationStatus:N,required:n,disabled:R,loop:E,defaultValue:F,value:P,onValueChange:x,name:h,...w},y)=>{let C={...w,disabled:R,required:n,label:m,helperText:a,validationText:G,validationStatus:N},v={width:t,direction:e,name:h,required:n,disabled:R,loop:E,defaultValue:F,value:P,onValueChange:x};return o.createElement(s,{ref:y,className:d(g,p),...C},o.createElement(u,{...v},r))});j.displayName=f;export{u as a,j as b};
+//# sourceMappingURL=chunk-32QVKQAR.js.map

package/dist/chunk-32QVKQAR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport clsx from 'clsx';\n\nimport { Root } from '@radix-ui/react-radio-group';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { RadioGroupProps, RadioGroupRootProps } from './RadioGroup.props';\nimport { Flex } from '../Flex/Flex';\nimport { FormFieldGroup } from '../FormFieldGroup/FormFieldGroup';\n\nconst rootComponentName = 'RadioGroupRoot';\nconst rootComponentClassName = withGlobalPrefix(rootComponentName);\n\ntype RadioGroupRootElement = ElementRef<'div'>;\n\nexport const RadioGroupRoot = React.forwardRef<RadioGroupRootElement, RadioGroupRootProps>(\n  ({ children, direction = 'column', width, className, ...props }, ref) => {\n    return (\n      <Root\n        ref={ref}\n        asChild\n        {...props}\n        orientation={direction === 'column' ? 'vertical' : 'horizontal'}\n        className={clsx(rootComponentClassName, className)}\n      >\n        <Flex width={width}>{children}</Flex>\n      </Root>\n    );\n  }\n);\n\nRadioGroupRoot.displayName = rootComponentName;\n\nconst componentName = 'RadioGroup';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype RadioGroupElement = ElementRef<'fieldset'>;\n\nexport const RadioGroup = React.forwardRef<RadioGroupElement, RadioGroupProps>(\n  (\n    {\n      children,\n      contentWidth,\n      direction = 'column',\n      className,\n      label,\n      helperText,\n      validationText,\n      validationStatus,\n      required,\n      disabled,\n      loop,\n      defaultValue,\n      value,\n      onValueChange,\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 radioGroupRootProps = {\n      width: contentWidth,\n      direction,\n      name,\n      required,\n      disabled,\n      loop,\n      defaultValue,\n      value,\n      onValueChange,\n    };\n\n    return (\n      <FormFieldGroup\n        ref={ref}\n        className={clsx(componentClassName, className)}\n        {...formFieldGroupProps}\n      >\n        <RadioGroupRoot {...radioGroupRootProps}>{children}</RadioGroupRoot>\n      </FormFieldGroup>\n    );\n  }\n);\n\nRadioGroup.displayName = componentName;\n"],"mappings":"wHAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAU,OAEjB,OAAS,QAAAC,MAAY,8BAOrB,IAAMC,EAAoB,iBACpBC,EAAyBC,EAAiBF,CAAiB,EAIpDG,EAAuB,aAClC,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAY,SAAU,MAAAC,EAAO,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAE7D,gBAACC,EAAA,CACC,IAAKD,EACL,QAAO,GACN,GAAGD,EACJ,YAAaH,IAAc,SAAW,WAAa,aACnD,UAAWM,EAAKV,EAAwBM,CAAS,GAEjD,gBAACK,EAAA,CAAK,MAAON,GAAQF,CAAS,CAChC,CAGN,EAEAD,EAAe,YAAcH,EAE7B,IAAMa,EAAgB,aAChBC,EAAqBZ,EAAiBW,CAAa,EAI5CE,EAAmB,aAC9B,CACE,CACE,SAAAX,EACA,aAAAY,EACA,UAAAX,EAAY,SACZ,UAAAE,EACA,MAAAU,EACA,WAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,SAAAC,EACA,KAAAC,EACA,aAAAC,EACA,MAAAC,EACA,cAAAC,EACA,KAAAC,EACA,GAAGnB,CACL,EACAC,IACG,CACH,IAAMmB,EAAsB,CAC1B,GAAGpB,EACH,SAAAc,EACA,SAAAD,EACA,MAAAJ,EACA,WAAAC,EACA,eAAAC,EACA,iBAAAC,CACF,EACMS,EAAsB,CAC1B,MAAOb,EACP,UAAAX,EACA,KAAAsB,EACA,SAAAN,EACA,SAAAC,EACA,KAAAC,EACA,aAAAC,EACA,MAAAC,EACA,cAAAC,CACF,EAEA,OACE,gBAACI,EAAA,CACC,IAAKrB,EACL,UAAWE,EAAKG,EAAoBP,CAAS,EAC5C,GAAGqB,GAEJ,gBAACzB,EAAA,CAAgB,GAAG0B,GAAsBzB,CAAS,CACrD,CAEJ,CACF,EAEAW,EAAW,YAAcF","names":["React","clsx","Root","rootComponentName","rootComponentClassName","withGlobalPrefix","RadioGroupRoot","children","direction","width","className","props","ref","Root","clsx","Flex","componentName","componentClassName","RadioGroup","contentWidth","label","helperText","validationText","validationStatus","required","disabled","loop","defaultValue","value","onValueChange","name","formFieldGroupProps","radioGroupRootProps","FormFieldGroup"]}

package/dist/chunk-3DNRI5YZ.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _chunkDPWOHAYDcjs = require('./chunk-DPWOHAYD.cjs');var _chunkA4KDLDVYcjs = require('./chunk-A4KDLDVY.cjs');var O=({value:s,prefix:e,tokens:$,isResponsive:f,defaultValue:m,isSingleClassNameTokens:p,transformValue:y})=>{let n=f?"-r":"";if(s===void 0&&m)return{className:`${_chunk4H5JT5ORcjs.a}${n}-${e}-${m}`};if(typeof s=="string"||typeof s=="number")return _optionalChain([$, 'optionalAccess', _ => _.includes, 'call', _2 => _2(s)])?typeof s=="string"&&p&&y!==void 0?{className:`${_chunk4H5JT5ORcjs.a}${n}-${e}`,style:{[`--h${n}-${e}`]:y(s)}}:{className:`${_chunk4H5JT5ORcjs.a}${n}-${e}-${_chunkA4KDLDVYcjs.a.call(void 0, String(s))}`}:{className:`${_chunk4H5JT5ORcjs.a}${n}-${e}`,style:{[`--h${n}-${e}`]:s||m}};if(typeof s=="boolean"&&s===!0)return{className:`${_chunk4H5JT5ORcjs.a}-${e}`};if(_chunkDPWOHAYDcjs.a.call(void 0, s)){let l="mobile",N=Object.keys(s).map(r=>{let i=s[r];if(i!==void 0){let a=_optionalChain([$, 'optionalAccess', _3 => _3.includes, 'call', _4 => _4(i)]),o;return a?o=`${_chunk4H5JT5ORcjs.a}${n}-${e}-${i}`:o=`${_chunk4H5JT5ORcjs.a}${n}-${e}`,r===l?o:`${r}:${o}`}}),k=Object.keys(s).reduce((r,i)=>{let a=s[i],o=_optionalChain([$, 'optionalAccess', _5 => _5.includes, 'call', _6 => _6(a)]);if(a!==void 0&&!o){let c=`--h${n}-${e}`,b=i===l?c:`${c}-${i}`;return r[b]=a,r}return r},{});return{className:N.join(" "),style:k}}return{className:"",styles:{}}};exports.a = O;
+//# sourceMappingURL=chunk-3DNRI5YZ.cjs.map

package/dist/chunk-3DNRI5YZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-3DNRI5YZ.cjs","../src/helpers/get-classname-styles.ts"],"names":["getClassNameStyles","value","prefix","tokens","isResponsive","defaultValue","isSingleClassNameTokens","transformValue","responsivePrefix"],"mappings":"AAAA,qoBAAwC,wDAAyC,wDAAyC,ICe7GA,CAAAA,CAAqB,CAAC,CACjC,KAAA,CAAAC,CAAAA,CACA,MAAA,CAAAC,CAAAA,CACA,MAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,uBAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CACF,CAAA,CAAA,EAAiC,CAC/B,IAAMC,CAAAA,CAAmBJ,CAAAA,CAAe,IAAA,CAAO,EAAA,CAE/C,EAAA,CAAIH,CAAAA,GAAU,KAAA,CAAA,EAAaI,CAAAA,CACzB,MAAO,CAAE,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-3DNRI5YZ.cjs","sourcesContent":[null,"import type { Breakpoints, Responsive } from '../types/responsive';\nimport { isResponsiveObject } from './is-responsive-object';\nimport { kebabCase } from './kebab-case';\nimport { GLOBAL_PREFIX } from './with-global-prefix';\n\ntype GetClassNameStylesOptions = {\n  value: Responsive<string | number> | undefined;\n  prefix: string | undefined;\n  tokens: ReadonlyArray<string | number> | undefined;\n  isResponsive: boolean;\n  defaultValue?: string | number;\n  isSingleClassNameTokens?: boolean;\n  transformValue?: (value: string) => string;\n};\n\nexport const getClassNameStyles = ({\n  value,\n  prefix,\n  tokens,\n  isResponsive,\n  defaultValue,\n  isSingleClassNameTokens,\n  transformValue,\n}: GetClassNameStylesOptions) => {\n  const responsivePrefix = isResponsive ? '-r' : '';\n\n  if (value === undefined && defaultValue) {\n    return { className: `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}-${defaultValue}` };\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    const isTokenValue = tokens?.includes(value);\n    if (isTokenValue) {\n      // As we're currently only dealing with the colour tokens here,\n      // we don't need to consider responsive objects because there is,\n      // as yet, no reason to have the colour props responsive.\n      if (typeof value === 'string' && isSingleClassNameTokens && transformValue !== undefined) {\n        return {\n          className: `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}`,\n          style: { [`--h${responsivePrefix}-${prefix}`]: transformValue(value) },\n        };\n      }\n      return {\n        className: `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}-${kebabCase(String(value))}`,\n      };\n    }\n    return {\n      className: `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}`,\n      style: { [`--h${responsivePrefix}-${prefix}`]: value || defaultValue },\n    };\n  }\n\n  if (typeof value === 'boolean' && value === true) {\n    // we can assume that a boolean value does not have any associated tokens\n    // and currently we don't support responsive boolean props, though we may in the future.\n    return { className: `${GLOBAL_PREFIX}-${prefix}` };\n  }\n\n  if (isResponsiveObject(value)) {\n    const initialBreakpoint = 'mobile';\n\n    const classes = (Object.keys(value) as Array<Breakpoints>).map(bp => {\n      const breakpointValue = value[bp];\n      if (breakpointValue !== undefined) {\n        const isTokenValue = tokens?.includes(breakpointValue);\n        let baseClassName: string;\n        if (isTokenValue) {\n          baseClassName = `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}-${breakpointValue}`;\n        } else {\n          baseClassName = `${GLOBAL_PREFIX}${responsivePrefix}-${prefix}`;\n        }\n        const className = bp === initialBreakpoint ? baseClassName : `${bp}:${baseClassName}`;\n        return className;\n      }\n    });\n\n    const styles = (Object.keys(value) as Array<Breakpoints>).reduce(\n      (acc: { [key: string]: string | number }, bp: Breakpoints) => {\n        const breakpointValue = value[bp];\n        const isTokenValue = tokens?.includes(breakpointValue);\n        if (breakpointValue !== undefined && !isTokenValue) {\n          const baseStyleName = `--h${responsivePrefix}-${prefix}`;\n          const styleName = bp === initialBreakpoint ? baseStyleName : `${baseStyleName}-${bp}`;\n          acc[styleName] = breakpointValue;\n          return acc;\n        }\n        return acc;\n      },\n      {}\n    );\n    return { className: classes.join(' '), style: styles };\n  }\n  return { className: '', styles: {} };\n};\n"]}

package/dist/chunk-3EVYXZRL.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 _chunkZV5ATJ4Rcjs = require('./chunk-ZV5ATJ4R.cjs');var _chunkLAVQWQP2cjs = require('./chunk-LAVQWQP2.cjs');var _chunkGBMJ5JAIcjs = require('./chunk-GBMJ5JAI.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 m="Spinner",d=_chunk4H5JT5ORcjs.b.call(void 0, m),P= exports.a =r.forwardRef(({currentColor:s,...i},a)=>{let{className:c,...f}=_chunk5DRU6TDWcjs.a.call(void 0, i,_chunkZV5ATJ4Rcjs.a,_chunkGBMJ5JAIcjs.a,_chunkLAVQWQP2cjs.a);return r.createElement("div",{ref:a,className:_clsx2.default.call(void 0, d,c),"data-currentColor":s?"":void 0,...f},r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg"},r.createElement("circle",{cx:"50%",cy:"50%",r:"50%"})))});P.displayName=m;exports.a = P;
+//# sourceMappingURL=chunk-3EVYXZRL.cjs.map

package/dist/chunk-3EVYXZRL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-3EVYXZRL.cjs","../src/components/Spinner/Spinner.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","Spinner","currentColor","props","ref","className","spinnerProps","extractProps","spinnerPropDefs","colorPropDefs","marginPropDefs","clsx"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECArL,wEAEN,IAUXA,CAAAA,CAAgB,SAAA,CAChBC,CAAAA,CAAqBC,iCAAAA,CAA8B,CAAA,CAI5CC,CAAAA,aAAgB,CAAA,CAAA,UAAA,CAC3B,CAAC,CAAE,YAAA,CAAAC,CAAAA,CAAc,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAAQ,CACnC,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAa,CAAA,CAAIC,iCAAAA,CACrCJ,CACAK,mBAAAA,CACAC,mBAAAA,CACAC,mBACF,CAAA,CACA,OACE,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CACC,GAAA,CAAKN,CAAAA,CACL,SAAA,CAAWO,4BAAAA,CAAKZ,CAAoBM,CAAS,CAAA,CAC7C,mBAAA,CAAmBH,CAAAA,CAAe,EAAA,CAAK,KAAA,CAAA,CACtC,GAAGI,CAAAA,CAAAA,CAEJ,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,KAAA,CAAM,4BAAA,CAAA,CACT,CAAA,CAAA,aAAA,CAAC,QAAA,CAAA,CAAO,EAAA,CAAG,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,CAAA,CAAE,KAAA,CAAM,CACpC,CACF,CAEJ,CACF,CAAA,CAEAL,CAAAA,CAAQ,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-3EVYXZRL.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\n\nimport { spinnerPropDefs, SpinnerProps } from './Spinner.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\n\nimport type { ElementRef } from 'react';\nimport { extractProps } from '../../helpers/extract-props';\nimport { colorPropDefs } from '../../props/color.props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst componentName = 'Spinner';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype SpinnerElement = ElementRef<'div'>;\n\nexport const Spinner = React.forwardRef<SpinnerElement, SpinnerProps>(\n  ({ currentColor, ...props }, ref) => {\n    const { className, ...spinnerProps } = extractProps(\n      props,\n      spinnerPropDefs,\n      colorPropDefs,\n      marginPropDefs\n    );\n    return (\n      <div\n        ref={ref}\n        className={clsx(componentClassName, className)}\n        data-currentColor={currentColor ? '' : undefined}\n        {...spinnerProps}\n      >\n        <svg xmlns=\"http://www.w3.org/2000/svg\">\n          <circle cx=\"50%\" cy=\"50%\" r=\"50%\" />\n        </svg>\n      </div>\n    );\n  }\n);\n\nSpinner.displayName = componentName;\n"]}

package/dist/chunk-3Q4XWRAL.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var e=["wrap","nowrap","balance","pretty"],r= exports.a ={wrap:{className:"text-wrap",tokens:e,responsive:!0}};exports.a = r;
+//# sourceMappingURL=chunk-3Q4XWRAL.cjs.map

package/dist/chunk-3Q4XWRAL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/props/text-wrap.props.ts"],"names":["textWrapValues","textWrapPropDefs"],"mappings":"AAGA,6EAAMA,CAAAA,CAAiB,CAAC,MAAA,CAAQ,QAAA,CAAU,SAAA,CAAW,QAAQ,CAAA,CAEvDC,CAAAA,aAAmB,CACvB,IAAA,CAAM,CAAE,SAAA,CAAW,WAAA,CAAa,MAAA,CAAQD,CAAAA,CAAgB,UAAA,CAAY,CAAA,CAAK,CAC3E,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-3Q4XWRAL.cjs","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"]}

package/dist/chunk-3Z52FZHQ.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var o=["emphasis","subtle"],r= exports.a ={variant:{className:"variant",tokens:o,responsive:!1,default:"emphasis"},paddingNone:{className:"padding-none",responsive:!1}};exports.a = r;
+//# sourceMappingURL=chunk-3Z52FZHQ.cjs.map

package/dist/chunk-3Z52FZHQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/Card.props.ts"],"names":["variants","cardPropDefs"],"mappings":"AAMA,6EAAMA,CAAAA,CAAW,CAAC,UAAA,CAAY,QAAQ,CAAA,CAEzBC,CAAAA,aAAe,CAC1B,OAAA,CAAS,CAAE,SAAA,CAAW,SAAA,CAAW,MAAA,CAAQD,CAAAA,CAAU,UAAA,CAAY,CAAA,CAAA,CAAO,OAAA,CAAS,UAAW,CAAA,CAC1F,WAAA,CAAa,CAAE,SAAA,CAAW,cAAA,CAAgB,UAAA,CAAY,CAAA,CAAM,CAC9D,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-3Z52FZHQ.cjs","sourcesContent":["import { PropDef } from '../../props/prop-def';\nimport { FlexProps } from '../Flex/Flex.props';\nimport { PaddingProps } from '../../props/padding.props';\nimport { ComponentPropsWithout, RemovedProps } from '../../types/component-props';\nimport { BorderProps } from '../../props/border.props';\n\nconst variants = ['emphasis', 'subtle'] as const;\n\nexport const cardPropDefs = {\n  variant: { className: 'variant', tokens: variants, responsive: false, default: 'emphasis' },\n  paddingNone: { className: 'padding-none', responsive: false },\n} satisfies {\n  variant: PropDef<(typeof variants)[number]>;\n  paddingNone: PropDef<boolean>;\n};\n\ntype CommonCardProps = Omit<\n  FlexProps,\n  | 'as'\n  | 'asChild'\n  | 'color'\n  | 'backgroundColor'\n  | 'spacing'\n  | keyof PaddingProps\n  | keyof BorderProps\n> & {\n  /**\n   * Sets the card's visual variant\n   */\n  variant?: (typeof variants)[number];\n  /**\n   * Sets the card's colour scheme\n   */\n  colorScheme?:\n    | 'white'\n    | 'warmWhite'\n    | 'purple'\n    | 'energyBlue'\n    | 'broadbandGreen'\n    | 'mobileRose'\n    | 'insuranceOrange'\n    | 'cashbackLilac';\n  /**\n   * Shorthand for changing the default rendered element into a semantically appropriate alternative.\n   * @default div\n   */\n  as?: 'div' | 'li';\n  /**\n   * Remove padding\n   */\n  paddingNone?: boolean;\n};\n\ntype CardDivProps = { as?: 'div' } & ComponentPropsWithout<'div', RemovedProps>;\ntype CardLiProps = { as: 'li' } & ComponentPropsWithout<'li', RemovedProps>;\nexport type CardProps = CommonCardProps & (CardLiProps | CardDivProps);\n"]}

package/dist/chunk-4FWHWDUK.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 _chunk3EVYXZRLcjs = require('./chunk-3EVYXZRL.cjs');var _chunkOFJ7WSSKcjs = require('./chunk-OFJ7WSSK.cjs');var _chunkOYNI6NBPcjs = require('./chunk-OYNI6NBP.cjs');var _chunk5DRU6TDWcjs = require('./chunk-5DRU6TDW.cjs');var _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _react = require('react'); var t = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var i="Button",B=_chunk4H5JT5ORcjs.b.call(void 0, i),h= exports.a =t.forwardRef((p,l)=>{let{className:c,children:o,disabled:d,loading:e,...f}=_chunk5DRU6TDWcjs.a.call(void 0, p,_chunkOFJ7WSSKcjs.a);return t.createElement(_chunkOYNI6NBPcjs.a,{ref:l,className:_clsx2.default.call(void 0, B,c),disabled:d||e,...f},e?t.createElement("div",{className:"hearth-loading"},t.createElement("div",null,t.createElement(_chunk3EVYXZRLcjs.a,{size:"xs",currentColor:!0})),t.createElement("span",{className:"hearth-hidden"},o)):o)});h.displayName=i;exports.a = h;
+//# sourceMappingURL=chunk-4FWHWDUK.cjs.map

package/dist/chunk-4FWHWDUK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-4FWHWDUK.cjs","../src/components/Button/Button.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","Button","props","forwardedRef","className","children","disabled","loading","buttonProps","extractProps","buttonPropDefs","ButtonBase","clsx","Spinner"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,uECAhL,wEAEN,IAOXA,CAAAA,CAAgB,QAAA,CAChBC,CAAAA,CAAqBC,iCAAAA,CAA8B,CAAA,CAE5CC,CAAAA,aAAe,CAAA,CAAA,UAAA,CAA2C,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAiB,CAC9F,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,QAAA,CAAAC,CAAAA,CAAU,OAAA,CAAAC,CAAAA,CAAS,GAAGC,CAAY,CAAA,CAAIC,iCAAAA,CACjEP,CACAQ,mBACF,CAAA,CACA,OACE,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CACC,GAAA,CAAKR,CAAAA,CACL,SAAA,CAAWS,4BAAAA,CAAKb,CAAoBK,CAAS,CAAA,CAC7C,QAAA,CAAUE,CAAAA,EAAYC,CAAAA,CACrB,GAAGC,CAAAA,CAAAA,CAEHD,CAAAA,CACC,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,gBAAA,CAAA,CACb,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,IAAA,CACC,CAAA,CAAA,aAAA,CAACM,mBAAAA,CAAA,CAAQ,IAAA,CAAK,IAAA,CAAK,YAAA,CAAY,CAAA,CAAA,CAAC,CAClC,CAAA,CACA,CAAA,CAAA,aAAA,CAAC,MAAA,CAAA,CAAK,SAAA,CAAU,eAAA,CAAA,CAAiBR,CAAS,CAC5C,CAAA,CAEAA,CAEJ,CAEJ,CAAC,CAAA,CAEDJ,CAAAA,CAAO,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-4FWHWDUK.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { ButtonBase, ButtonBaseElement } from '../ButtonBase/ButtonBase';\nimport { buttonPropDefs, ButtonProps } from './Button.props';\nimport { Spinner } from '../Spinner/Spinner';\n\nconst componentName = 'Button';\nconst componentClassName = withGlobalPrefix(componentName);\n\nexport const Button = React.forwardRef<ButtonBaseElement, ButtonProps>((props, forwardedRef) => {\n  const { className, children, disabled, loading, ...buttonProps } = extractProps(\n    props,\n    buttonPropDefs\n  );\n  return (\n    <ButtonBase\n      ref={forwardedRef}\n      className={clsx(componentClassName, className)}\n      disabled={disabled || loading}\n      {...buttonProps}\n    >\n      {loading ? (\n        <div className=\"hearth-loading\">\n          <div>\n            <Spinner size=\"xs\" currentColor />\n          </div>\n          <span className=\"hearth-hidden\">{children}</span>\n        </div>\n      ) : (\n        children\n      )}\n    </ButtonBase>\n  );\n});\n\nButton.displayName = componentName;\n"]}

package/dist/chunk-4H5JT5OR.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var r="hearth";function e(t){return`${r}-${t}`}exports.a = r; exports.b = e;
+//# sourceMappingURL=chunk-4H5JT5OR.cjs.map

package/dist/chunk-4H5JT5OR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/helpers/with-global-prefix.ts"],"names":["GLOBAL_PREFIX","withGlobalPrefix","name"],"mappings":"AACO,6EAAMA,CAAAA,CAAgB,QAAA,CAGtB,SAASC,CAAAA,CAAiBC,CAAAA,CAAc,CAC7C,MAAO,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-4H5JT5OR.cjs","sourcesContent":["/* The global prefix, mostly used with component class names */\nexport const GLOBAL_PREFIX = 'hearth';\n\n/* returns the given value prefixed with the global prefix */\nexport function withGlobalPrefix(name: string) {\n  return `${GLOBAL_PREFIX}-${name}`;\n}\n"]}

package/dist/chunk-4HWGKEV4.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 _chunkHLW3FUGQcjs = require('./chunk-HLW3FUGQ.cjs');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 e = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var l="Label",L=_chunk4H5JT5ORcjs.b.call(void 0, l),g= exports.a =e.forwardRef((s,i)=>{let{children:f,as:n="label",disabled:p,disableUserSelect:d,className:c,fontWeight:b="regular",...x}=_chunk5DRU6TDWcjs.a.call(void 0, s,_chunkLAVQWQP2cjs.a,_chunk6CX43AEDcjs.a);return e.createElement(_chunkHLW3FUGQcjs.a,{as:n,ref:i,size:"md",weight:b,className:_clsx2.default.call(void 0, L,c),"data-disabled":p?"":void 0,"data-disable-user-select":d?"":void 0,...x},f)});g.displayName=l;exports.a = g;
+//# sourceMappingURL=chunk-4HWGKEV4.cjs.map

package/dist/chunk-4HWGKEV4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-4HWGKEV4.cjs","../src/components/Label/Label.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","Label","props","ref","children","tag","disabled","disableUserSelect","className","fontWeight","labelProps","extractProps","marginPropDefs","textTransformPropDefs","BodyText","clsx"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,uECAhL,wEAGN,IASXA,CAAAA,CAAgB,OAAA,CAChBC,CAAAA,CAAqBC,iCAAAA,CAA8B,CAAA,CAI5CC,CAAAA,aAAc,CAAA,CAAA,UAAA,CAAqC,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CAC9E,GAAM,CACJ,QAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CAAM,OAAA,CACV,QAAA,CAAAC,CAAAA,CACA,iBAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CAAa,SAAA,CACb,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaT,CAAOU,mBAAAA,CAAgBC,mBAAqB,CAAA,CAE7D,OACE,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CACC,EAAA,CAAIT,CAAAA,CACJ,GAAA,CAAKF,CAAAA,CACL,IAAA,CAAK,IAAA,CACL,MAAA,CAAQM,CAAAA,CACR,SAAA,CAAWM,4BAAAA,CAAKhB,CAAoBS,CAAS,CAAA,CAC7C,eAAA,CAAeF,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAC/B,0BAAA,CAA0BC,CAAAA,CAAoB,EAAA,CAAK,KAAA,CAAA,CAClD,GAAGG,CAAAA,CAAAA,CAEHN,CACH,CAEJ,CAAC,CAAA,CAEDH,CAAAA,CAAM,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-4HWGKEV4.cjs","sourcesContent":[null,"import * as React from 'react';\nimport type { ElementRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { LabelProps } from './Label.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { BodyText } from '../BodyText/BodyText';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { textTransformPropDefs } from '../../props/text-transform.props';\n\nconst componentName = 'Label';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype LabelElement = ElementRef<'label'>;\n\nexport const Label = React.forwardRef<LabelElement, LabelProps>((props, ref) => {\n  const {\n    children,\n    as: tag = 'label',\n    disabled,\n    disableUserSelect,\n    className,\n    fontWeight = 'regular',\n    ...labelProps\n  } = extractProps(props, marginPropDefs, textTransformPropDefs);\n\n  return (\n    <BodyText\n      as={tag}\n      ref={ref}\n      size=\"md\"\n      weight={fontWeight}\n      className={clsx(componentClassName, className)}\n      data-disabled={disabled ? '' : undefined}\n      data-disable-user-select={disableUserSelect ? '' : undefined}\n      {...labelProps}\n    >\n      {children}\n    </BodyText>\n  );\n});\n\nLabel.displayName = componentName;\n"]}

package/dist/chunk-4JPGKPIU.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var s=["xs","sm","md","lg","xl"],p= exports.a ={spacing:{className:"spacing",tokens:s,responsive:!1}};exports.a = p;
+//# sourceMappingURL=chunk-4JPGKPIU.cjs.map

package/dist/chunk-4JPGKPIU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/props/spacing.props.ts"],"names":["spacingValues","spacingPropDefs"],"mappings":"AAEA,6EAAMA,CAAAA,CAAgB,CAAC,IAAA,CAAM,IAAA,CAAM,IAAA,CAAM,IAAA,CAAM,IAAI,CAAA,CAE7CC,CAAAA,aAAkB,CACtB,OAAA,CAAS,CAAE,SAAA,CAAW,SAAA,CAAW,MAAA,CAAQD,CAAAA,CAAe,UAAA,CAAY,CAAA,CAAM,CAC5E,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-4JPGKPIU.cjs","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"]}

package/dist/chunk-4OQFZRIJ.js

@@ -0,0 +1,2 @@
+import{a as s}from"./chunk-CVTTI5EP.js";import{a as i}from"./chunk-UI5CTQSR.js";import{a as p}from"./chunk-BXITMQY6.js";import{a}from"./chunk-WOH4H47Z.js";import{a as m}from"./chunk-XQ5A24NX.js";import{a as e}from"./chunk-EUTKQ2DV.js";import{a as t}from"./chunk-RTGGS5XX.js";import{b as o}from"./chunk-4PEMW3UE.js";import*as r from"react";import A from"clsx";var f="CardAction",C=o(f),y=r.forwardRef((n,c)=>{let{className:d,secondary:l,...P}=t(n,i,m,e,a,p),x={"data-secondary":l?"":void 0};return r.createElement(s,{ref:c,className:A(C,d),...P,...x})});y.displayName=f;export{y as a};
+//# sourceMappingURL=chunk-4OQFZRIJ.js.map

package/dist/chunk-4OQFZRIJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/CardAction.tsx"],"sourcesContent":["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"],"mappings":"2TAAA,UAAYA,MAAW,QAGvB,OAAOC,MAAU,OAajB,IAAMC,EAAgB,aAChBC,EAAqBC,EAAiBF,CAAa,EAI5CG,EAAmB,aAA+C,CAACC,EAAOC,IAAQ,CAC7F,GAAM,CAAE,UAAAC,EAAW,UAAAC,EAAW,GAAGC,CAAU,EAAIC,EAC7CL,EACAM,EACAC,EACAC,EACAC,EACAC,CACF,EAEMC,EAAqB,CACzB,iBAAkBR,EAAY,GAAK,MACrC,EAEA,OACE,gBAACS,EAAA,CACC,IAAKX,EACL,UAAWY,EAAKhB,EAAoBK,CAAS,EAC5C,GAAIE,EACJ,GAAGO,EACN,CAEJ,CAAC,EAEDZ,EAAW,YAAcH","names":["React","clsx","componentName","componentClassName","withGlobalPrefix","CardAction","props","ref","className","secondary","cardProps","extractProps","cardPropDefs","marginPropDefs","sizePropDefs","gridItemPropDefs","flexItemPropDefs","dataAttributeProps","Flex","clsx"]}

package/dist/chunk-4PEMW3UE.js

@@ -0,0 +1,2 @@
+var r="hearth";function e(t){return`${r}-${t}`}export{r as a,e as b};
+//# sourceMappingURL=chunk-4PEMW3UE.js.map

package/dist/chunk-4PEMW3UE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/helpers/with-global-prefix.ts"],"sourcesContent":["/* The global prefix, mostly used with component class names */\nexport const GLOBAL_PREFIX = 'hearth';\n\n/* returns the given value prefixed with the global prefix */\nexport function withGlobalPrefix(name: string) {\n  return `${GLOBAL_PREFIX}-${name}`;\n}\n"],"mappings":"AACO,IAAMA,EAAgB,SAGtB,SAASC,EAAiBC,EAAc,CAC7C,MAAO,GAAGF,CAAa,IAAIE,CAAI,EACjC","names":["GLOBAL_PREFIX","withGlobalPrefix","name"]}

package/dist/chunk-4TDWQANL.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkDPWOHAYDcjs = require('./chunk-DPWOHAYD.cjs');function i(n){let r={md:"sm",sm:"xs"};if(typeof n=="string")return r[n];if(_chunkDPWOHAYDcjs.a.call(void 0, n))return Object.keys(n).reduce((s,o)=>{let t=r[n[o]];return t&&(s[o]=t),s},{})}exports.a = i;
+//# sourceMappingURL=chunk-4TDWQANL.cjs.map

package/dist/chunk-4TDWQANL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-4TDWQANL.cjs","../src/helpers/translate-responsive-button-size.ts"],"names":["translateResponsiveButtonSize","buttonSize","sizeTranslation","isResponsiveObject","acc","bp","translation"],"mappings":"AAAA,iIAAwC,SCKxBA,CAAAA,CACdC,CAAAA,CACsB,CACtB,IAAMC,CAAAA,CAA6C,CAAE,EAAA,CAAI,IAAA,CAAM,EAAA,CAAI,IAAK,CAAA,CACxE,EAAA,CAAI,OAAOD,CAAAA,EAAe,QAAA,CACxB,OAAOC,CAAAA,CAAgBD,CAAU,CAAA,CAEnC,EAAA,CAAIE,iCAAAA,CAA6B,CAAA,CAC/B,OAAO,MAAA,CAAO,IAAA,CAAKF,CAAU,CAAA,CAAE,MAAA,CAAO,CAACG,CAAAA,CAAgCC,CAAAA,CAAAA,EAAe,CACpF,IAAMC,CAAAA,CAAcJ,CAAAA,CAAgBD,CAAAA,CAAWI,CAAgB,CAAC,CAAA,CAChE,OAAIC,CAAAA,EAAAA,CACFF,CAAAA,CAAIC,CAAE,CAAA,CAAIC,CAAAA,CAAAA,CAELF,CACT,CAAA,CAAG,CAAC,CAAC,CAET,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-4TDWQANL.cjs","sourcesContent":[null,"import type { IconButtonProps } from '../components/IconButton/IconButton.props';\nimport type { SpinnerProps } from '../components/Spinner/Spinner.props';\nimport type { Breakpoint } from '../types/responsive';\nimport { isResponsiveObject } from './is-responsive-object';\n\nexport function translateResponsiveButtonSize(\n  buttonSize: IconButtonProps['size']\n): SpinnerProps['size'] {\n  const sizeTranslation: { [key: string]: string } = { md: 'sm', sm: 'xs' };\n  if (typeof buttonSize === 'string') {\n    return sizeTranslation[buttonSize] as SpinnerProps['size'];\n  }\n  if (isResponsiveObject(buttonSize)) {\n    return Object.keys(buttonSize).reduce((acc: { [key: string]: string }, bp: string) => {\n      const translation = sizeTranslation[buttonSize[bp as Breakpoint]];\n      if (translation) {\n        acc[bp] = translation;\n      }\n      return acc;\n    }, {});\n  }\n}\n"]}

package/dist/chunk-4VG5MYC3.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var r=["1","2","3","4","5","6","7","8","9","10","11","12"],s= exports.a ={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}};exports.a = s;
+//# sourceMappingURL=chunk-4VG5MYC3.cjs.map

package/dist/chunk-4VG5MYC3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/props/grid-item.props.ts"],"names":["columnsValues","gridItemPropDefs"],"mappings":"AAGA,6EAAMA,CAAAA,CAAgB,CAAC,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,GAAA,CAAK,IAAA,CAAM,IAAA,CAAM,IAAI,CAAA,CAE9EC,CAAAA,aAAmB,CACvB,cAAA,CAAgB,CAAE,SAAA,CAAW,kBAAA,CAAoB,MAAA,CAAQD,CAAAA,CAAe,UAAA,CAAY,CAAA,CAAK,CAAA,CACzF,QAAA,CAAU,CAAE,SAAA,CAAW,WAAA,CAAa,UAAA,CAAY,CAAA,CAAK,CAAA,CACrD,UAAA,CAAY,CAAE,SAAA,CAAW,aAAA,CAAe,UAAA,CAAY,CAAA,CAAK,CAAA,CACzD,eAAA,CAAiB,CAAE,SAAA,CAAW,mBAAA,CAAqB,UAAA,CAAY,CAAA,CAAK,CAAA,CACpE,aAAA,CAAe,CAAE,SAAA,CAAW,iBAAA,CAAmB,UAAA,CAAY,CAAA,CAAK,CAAA,CAChE,OAAA,CAAS,CAAE,SAAA,CAAW,UAAA,CAAY,UAAA,CAAY,CAAA,CAAK,CAAA,CACnD,YAAA,CAAc,CAAE,SAAA,CAAW,gBAAA,CAAkB,UAAA,CAAY,CAAA,CAAK,CAAA,CAC9D,UAAA,CAAY,CAAE,SAAA,CAAW,cAAA,CAAgB,UAAA,CAAY,CAAA,CAAK,CAC5D,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-4VG5MYC3.cjs","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"]}

package/dist/chunk-4WMT5PSA.js

@@ -0,0 +1,2 @@
+import{a as m}from"./chunk-ZJGOTQ4M.js";import{a as l}from"./chunk-E2FMYLM2.js";import{a as i}from"./chunk-RBXZRE4M.js";import{a as s}from"./chunk-RTGGS5XX.js";import{b as r}from"./chunk-4PEMW3UE.js";import*as t from"react";import U from"clsx";var a="UnstyledIconButton",P=r(a),R=t.forwardRef((o,c)=>{let{className:d,children:p,label:u,disabled:e,inverted:f,loading:n,onClick:y,...B}=s(o,m),{size:I}=o,b=i(I||"md");return t.createElement("button",{ref:c,className:U(P,d),"aria-label":u,"aria-disabled":e||n,"data-inverted":f?"":void 0,onClick:e?void 0:y,...B},n?t.createElement(l,{size:b,currentColor:!0}):p)});R.displayName=a;export{R as a};
+//# sourceMappingURL=chunk-4WMT5PSA.js.map

package/dist/chunk-4WMT5PSA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/UnstyledIconButton/UnstyledIconButton.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { unstyledIconButtonPropDefs } from './UnstyledIconButton.props';\nimport type { UnstyledIconButtonProps } from './UnstyledIconButton.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { translateResponsiveButtonSize } from '../../helpers/translate-responsive-button-size';\n\nconst componentName = 'UnstyledIconButton';\nconst componentClassName = withGlobalPrefix(componentName);\n\nexport type UnstyledIconButtonElement = ElementRef<'button'>;\n\nexport const UnstyledIconButton = React.forwardRef<\n  UnstyledIconButtonElement,\n  UnstyledIconButtonProps\n>((props, forwardedRef) => {\n  const {\n    className,\n    children,\n    label,\n    disabled,\n    inverted,\n    loading,\n    onClick,\n    ...unstyledIconButtonProps\n  } = extractProps(props, unstyledIconButtonPropDefs);\n  const { size } = props;\n  const spinnerSize = translateResponsiveButtonSize(size || 'md');\n  return (\n    <button\n      ref={forwardedRef}\n      className={clsx(componentClassName, className)}\n      aria-label={label}\n      aria-disabled={disabled || loading}\n      data-inverted={inverted ? '' : undefined}\n      onClick={disabled ? undefined : onClick}\n      {...unstyledIconButtonProps}\n    >\n      {loading ? <Spinner size={spinnerSize} currentColor /> : children}\n    </button>\n  );\n});\n\nUnstyledIconButton.displayName = componentName;\n"],"mappings":"wMAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAU,OASjB,IAAMC,EAAgB,qBAChBC,EAAqBC,EAAiBF,CAAa,EAI5CG,EAA2B,aAGtC,CAACC,EAAOC,IAAiB,CACzB,GAAM,CACJ,UAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAIC,EAAaV,EAAOW,CAA0B,EAC5C,CAAE,KAAAC,CAAK,EAAIZ,EACXa,EAAcC,EAA8BF,GAAQ,IAAI,EAC9D,OACE,gBAAC,UACC,IAAKX,EACL,UAAWc,EAAKlB,EAAoBK,CAAS,EAC7C,aAAYE,EACZ,gBAAeC,GAAYE,EAC3B,gBAAeD,EAAW,GAAK,OAC/B,QAASD,EAAW,OAAYG,EAC/B,GAAGC,GAEHF,EAAU,gBAACS,EAAA,CAAQ,KAAMH,EAAa,aAAY,GAAC,EAAKV,CAC3D,CAEJ,CAAC,EAEDJ,EAAmB,YAAcH","names":["React","clsx","componentName","componentClassName","withGlobalPrefix","UnstyledIconButton","props","forwardedRef","className","children","label","disabled","inverted","loading","onClick","unstyledIconButtonProps","extractProps","unstyledIconButtonPropDefs","size","spinnerSize","translateResponsiveButtonSize","clsx","Spinner"]}

package/dist/chunk-5DRU6TDW.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunk3DNRI5YZcjs = require('./chunk-3DNRI5YZ.cjs');var _chunkJHPCQWHTcjs = require('./chunk-JHPCQWHT.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);function S(o,...m){let s=Object.assign({},...m),t={...o},r,a;for(let e in s){let i=t[e];delete t[e];let f=_optionalChain([s, 'access', _ => _[e], 'optionalAccess', _2 => _2.tokens]),p=_optionalChain([s, 'access', _3 => _3[e], 'optionalAccess', _4 => _4.className]),y=_optionalChain([s, 'access', _5 => _5[e], 'optionalAccess', _6 => _6.singleClassNameTokens]),g=_optionalChain([s, 'access', _7 => _7[e], 'optionalAccess', _8 => _8.transformValue]),{className:d,style:u}=_chunk3DNRI5YZcjs.a.call(void 0, {value:i,prefix:p,defaultValue:_optionalChain([s, 'access', _9 => _9[e], 'optionalAccess', _10 => _10.default]),tokens:f,isResponsive:!!_optionalChain([s, 'access', _11 => _11[e], 'optionalAccess', _12 => _12.responsive]),isSingleClassNameTokens:y,transformValue:g});r=_clsx2.default.call(void 0, r,d),a=_chunkJHPCQWHTcjs.a.call(void 0, a,u)}return t.className=_clsx2.default.call(void 0, r,o.className),t.style=_chunkJHPCQWHTcjs.a.call(void 0, a,o.style),t}exports.a = S;
+//# sourceMappingURL=chunk-5DRU6TDW.cjs.map

package/dist/chunk-5DRU6TDW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-5DRU6TDW.cjs","../src/helpers/extract-props.ts"],"names":["extractProps","props","propDefs","allPropDefs","extractedProps","className","style","key","value","tokens","prefix","isSingleClassNameTokens","transformValue","propClassName","propStyle","getClassNameStyles","clsx","mergeStyles"],"mappings":"AAAA,quBAAwC,wDAAyC,wECChE,SAMDA,CAAAA,CAGdC,CAAAA,CAAAA,GAAaC,CAAAA,CAAa,CAC1B,IAAMC,CAAAA,CAAuC,MAAA,CAAO,MAAA,CAAO,CAAC,CAAA,CAAG,GAAGD,CAAQ,CAAA,CACpEE,CAAAA,CAAiB,CAAE,GAAGH,CAAM,CAAA,CAC9BI,CAAAA,CACAC,CAAAA,CAEJ,GAAA,CAAA,IAAWC,EAAAA,GAAOJ,CAAAA,CAAa,CAC7B,IAAMK,CAAAA,CAAQJ,CAAAA,CAAeG,CAAG,CAAA,CAChC,OAAOH,CAAAA,CAAeG,CAAG,CAAA,CACzB,IAAME,CAAAA,iBAASN,CAAAA,mBAAYI,CAAG,CAAA,6BAAG,QAAA,CAC3BG,CAAAA,iBAASP,CAAAA,qBAAYI,CAAG,CAAA,6BAAG,WAAA,CAC3BI,CAAAA,iBAA0BR,CAAAA,qBAAYI,CAAG,CAAA,6BAAG,uBAAA,CAC5CK,CAAAA,iBAAiBT,CAAAA,qBAAYI,CAAG,CAAA,6BAAG,gBAAA,CACnC,CAAE,SAAA,CAAWM,CAAAA,CAAe,KAAA,CAAOC,CAAU,CAAA,CAAIC,iCAAAA,CACrD,KAAA,CAAAP,CAAAA,CACA,MAAA,CAAAE,CAAAA,CACA,YAAA,iBAAcP,CAAAA,qBAAYI,CAAG,CAAA,+BAAG,SAAA,CAChC,MAAA,CAAAE,CAAAA,CACA,YAAA,CAAc,CAAA,iBAAQN,CAAAA,uBAAYI,CAAG,CAAA,+BAAG,YAAA,CACxC,uBAAA,CAAAI,CAAAA,CACA,cAAA,CAAAC,CACF,CAAC,CAAA,CACDP,CAAAA,CAAYW,4BAAAA,CAAKX,CAAWQ,CAAa,CAAA,CACzCP,CAAAA,CAAQW,iCAAAA,CAAYX,CAAOQ,CAAS,CACtC,CACA,OAAAV,CAAAA,CAAe,SAAA,CAAYY,4BAAAA,CAAKX,CAAWJ,CAAAA,CAAM,SAAS,CAAA,CAC1DG,CAAAA,CAAe,KAAA,CAAQa,iCAAAA,CAAYX,CAAOL,CAAAA,CAAM,KAAK,CAAA,CAC9CG,CACT,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-5DRU6TDW.cjs","sourcesContent":[null,"/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport clsx from 'clsx';\nimport { mergeStyles } from './merge-styles';\nimport { getClassNameStyles } from './get-classname-styles';\nimport { PropDef } from '../props/prop-def';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport function extractProps<\n  P extends { className?: string; style?: React.CSSProperties; [key: string]: any },\n  T extends Array<Record<string, PropDef>>,\n>(props: P, ...propDefs: T) {\n  const allPropDefs: Record<string, PropDef> = Object.assign({}, ...propDefs);\n  const extractedProps = { ...props };\n  let className: string | undefined;\n  let style: ReturnType<typeof mergeStyles>;\n\n  for (const key in allPropDefs) {\n    const value = extractedProps[key];\n    delete extractedProps[key];\n    const tokens = allPropDefs[key]?.tokens;\n    const prefix = allPropDefs[key]?.className;\n    const isSingleClassNameTokens = allPropDefs[key]?.singleClassNameTokens;\n    const transformValue = allPropDefs[key]?.transformValue;\n    const { className: propClassName, style: propStyle } = getClassNameStyles({\n      value,\n      prefix,\n      defaultValue: allPropDefs[key]?.default,\n      tokens,\n      isResponsive: Boolean(allPropDefs[key]?.responsive),\n      isSingleClassNameTokens,\n      transformValue,\n    });\n    className = clsx(className, propClassName);\n    style = mergeStyles(style, propStyle);\n  }\n  extractedProps.className = clsx(className, props.className);\n  extractedProps.style = mergeStyles(style, props.style);\n  return extractedProps;\n}\n"]}

package/dist/chunk-5FEV22T3.cjs

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

package/dist/chunk-5FEV22T3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Switch/Switch.props.ts"],"names":["sizes","switchPropDefs"],"mappings":"AAKA,6EAAMA,CAAAA,CAAQ,CAAC,IAAA,CAAM,IAAI,CAAA,CAEZC,CAAAA,aAAiB,CAC5B,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-5FEV22T3.cjs","sourcesContent":["import type { SwitchProps as RadixSwitchProps } from '@radix-ui/react-switch';\nimport { PropDef } from '../../props/prop-def';\nimport { Responsive } from '../../types/responsive';\nimport { MarginProps } from '../../props/margin.props';\n\nconst sizes = ['sm', 'md'] as const;\n\nexport const switchPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: true, default: 'md' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport interface SwitchProps extends RadixSwitchProps, MarginProps {\n  size?: Responsive<(typeof sizes)[number]>;\n  /**\n   * The label for the Switch, describing its purpose.\n   */\n  label?: string;\n}\n"]}

package/dist/chunk-5L3GP5UG.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 _chunkUI4O6XL6cjs = require('./chunk-UI4O6XL6.cjs');var _chunkLAVQWQP2cjs = require('./chunk-LAVQWQP2.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 s="Divider",u=_chunk4H5JT5ORcjs.b.call(void 0, s);function D(r){return r===void 0?!1:_chunkUI4O6XL6cjs.a.includes(r)}var O=e.forwardRef((r,p)=>{let{decorative:d,orientation:t,className:c,...f}=_chunk5DRU6TDWcjs.a.call(void 0, r,_chunkLAVQWQP2cjs.a),i=D(t)?t:"horizontal",l=d?{"aria-hidden":!0}:{"aria-orientation":i==="vertical"?i:void 0};return e.createElement("hr",{ref:p,className:_clsx2.default.call(void 0, u,c),"data-orientation":i,...l,...f})});O.displayName=s;exports.a = O;
+//# sourceMappingURL=chunk-5L3GP5UG.cjs.map

package/dist/chunk-5L3GP5UG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-5L3GP5UG.cjs","../src/components/Divider/Divider.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","isValidOrientation","orientation","ORIENTATIONS","Divider","props","ref","decorative","providedOrientation","className","dividerProps","extractProps","marginPropDefs","semanticProps","clsx"],"mappings":"AAAA,mfAAwC,wDAAoC,wDAAyC,wDAAyC,uECAvI,wEAEN,IASXA,CAAAA,CAAgB,SAAA,CAChBC,CAAAA,CAAqBC,iCAAAA,CAA8B,CAAA,CAIzD,SAASC,CAAAA,CAAmBC,CAAAA,CAA2B,CACrD,OAAIA,CAAAA,GAAgB,KAAA,CAAA,CAAkB,CAAA,CAAA,CAC/BC,mBAAAA,CAAa,QAAA,CAASD,CAAW,CAC1C,CAOO,IAAME,CAAAA,CAAgB,CAAA,CAAA,UAAA,CAAyC,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACpF,GAAM,CACJ,UAAA,CAAAC,CAAAA,CACA,WAAA,CAAaC,CAAAA,CACb,SAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaN,CAAOO,mBAAc,CAAA,CAChCV,CAAAA,CAAcD,CAAAA,CAAmBO,CAAmB,CAAA,CAAIA,CAAAA,CAAsB,YAAA,CAI9EK,CAAAA,CAAgBN,CAAAA,CAClB,CAAE,aAAA,CAAe,CAAA,CAAK,CAAA,CACtB,CAAE,kBAAA,CAHkBL,CAAAA,GAAgB,UAAA,CAAaA,CAAAA,CAAc,KAAA,CAGzB,CAAA,CAE1C,OACE,CAAA,CAAA,aAAA,CAAC,IAAA,CAAA,CACC,GAAA,CAAKI,CAAAA,CACL,SAAA,CAAWQ,4BAAAA,CAAKf,CAAoBU,CAAS,CAAA,CAC7C,kBAAA,CAAkBP,CAAAA,CACjB,GAAGW,CAAAA,CACH,GAAGH,CAAAA,CACN,CAEJ,CAAC,CAAA,CAEDN,CAAAA,CAAQ,WAAA,CAAcN,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-5L3GP5UG.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\n\nimport type { DividerProps } from './Divider.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ORIENTATIONS, type Orientation } from '../../types/orientation';\nimport type { ElementRef } from 'react';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst componentName = 'Divider';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype DividerElement = ElementRef<'hr'>;\n\nfunction isValidOrientation(orientation?: Orientation) {\n  if (orientation === undefined) return false;\n  return ORIENTATIONS.includes(orientation);\n}\n\n/**\n * Used to provide a visual break and semantically divide content. Supports\n * vertical and horizontal orientations. Vertical dividers will only be visible\n * when contained inside an element with display set to `flexbox` or `grid`.\n */\nexport const Divider = React.forwardRef<DividerElement, DividerProps>((props, ref) => {\n  const {\n    decorative,\n    orientation: providedOrientation,\n    className,\n    ...dividerProps\n  } = extractProps(props, marginPropDefs);\n  const orientation = isValidOrientation(providedOrientation) ? providedOrientation : 'horizontal';\n\n  // `aria-orientation` defaults to `horizontal` so we only need it if `orientation` is vertical\n  const ariaOrientation = orientation === 'vertical' ? orientation : undefined;\n  const semanticProps = decorative\n    ? { 'aria-hidden': true }\n    : { 'aria-orientation': ariaOrientation };\n\n  return (\n    <hr\n      ref={ref}\n      className={clsx(componentClassName, className)}\n      data-orientation={orientation}\n      {...semanticProps}\n      {...dividerProps}\n    />\n  );\n});\n\nDivider.displayName = componentName;\n"]}

package/dist/chunk-5LFE33FH.js

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

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

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

package/dist/chunk-5OXSLTCJ.js

@@ -0,0 +1,2 @@
+import{a as u}from"./chunk-PUVKWSFV.js";import{a as m}from"./chunk-4WMT5PSA.js";import{a as p}from"./chunk-CNKDVHRL.js";import{b as a}from"./chunk-4PEMW3UE.js";import v from"clsx";import t from"react";import{EyeOffSmallIcon as S,EyeSmallIcon as x}from"@utilitywarehouse/hearth-react-icons";var f="PasswordInput",P=a(f),h=t.forwardRef(({className:d,disabled:r,...c},b)=>{let y=t.useRef(null),s=b||y,[o,w]=t.useState(!1),[n,l]=t.useState(!1),I=t.useCallback(()=>{let e=!o,i=!n;w(e),l(i)},[o,n]);t.useEffect(()=>{let e=null;s&&typeof s=="object"&&s.current&&(e=s.current);let i=()=>{e?.type&&(e.type="password")};return e&&e.form!==null&&e.form.addEventListener("submit",i),()=>{e?.form&&e.form.removeEventListener("submit",i)}},[s]);let E=`Your password is ${o?"shown":"hidden"}!`;return t.useEffect(()=>{setTimeout(()=>{l(!1)},1500)},[n]),t.createElement(t.Fragment,null,t.createElement(p,{ref:s,className:v(P,d),type:o?"text":"password",disabled:r,...c},t.createElement(u,{placement:"suffix"},t.createElement(m,{type:"button",label:"toggle password visibility",onClick:I,disabled:r,"aria-pressed":o},o?t.createElement(x,null):t.createElement(S,null)))),t.createElement("div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status"},n?E:""))});h.displayName=f;export{h as a};
+//# sourceMappingURL=chunk-5OXSLTCJ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { PasswordInputProps } from './PasswordInput.props';\nimport { TextInput } from '../TextInput/TextInput';\nimport { TextInputSlot } from '../TextInputSlot/TextInputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { EyeOffSmallIcon, EyeSmallIcon } from '@utilitywarehouse/hearth-react-icons';\n\nconst componentName = 'PasswordInput';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype PasswordInputElement = ElementRef<'input'>;\n\nexport const PasswordInput = React.forwardRef<PasswordInputElement, PasswordInputProps>(\n  ({ className, disabled, ...props }, forwardedRef) => {\n    const defaultRef = React.useRef<HTMLInputElement | null>(null);\n    const inputRef = forwardedRef || defaultRef;\n    const [visible, setVisible] = React.useState(false);\n    const [showVisibilityMessage, setShowVisibilityMessage] = React.useState(false);\n\n    const handleVisibility = React.useCallback(() => {\n      const newVisibilityState = !visible;\n      const newVisibilityMessageState = !showVisibilityMessage;\n      setVisible(newVisibilityState);\n      setShowVisibilityMessage(newVisibilityMessageState);\n    }, [visible, showVisibilityMessage]);\n\n    // If the PasswordInput is inside a form we should switch the input type\n    // back to password when its parent form is submitted\n    React.useEffect(() => {\n      // Get the ref value and ensure proper typing\n      let currentElement: HTMLInputElement | null = null;\n      if (inputRef && typeof inputRef === 'object' && inputRef.current) {\n        // Type assertion to ensure TypeScript understands this is a valid ref object\n        const refObject = inputRef as React.RefObject<HTMLInputElement>;\n        currentElement = refObject.current;\n      }\n\n      const handleSubmit = () => {\n        if (currentElement?.type) {\n          currentElement.type = 'password';\n        }\n      };\n\n      if (currentElement && currentElement.form !== null) {\n        currentElement.form.addEventListener('submit', handleSubmit);\n      }\n      return () => {\n        if (currentElement?.form) {\n          currentElement.form.removeEventListener('submit', handleSubmit);\n        }\n      };\n    }, [inputRef]);\n\n    const visibilityMessage = `Your password is ${visible ? 'shown' : 'hidden'}!`;\n\n    React.useEffect(() => {\n      setTimeout(() => {\n        setShowVisibilityMessage(false);\n      }, 1500);\n    }, [showVisibilityMessage]);\n\n    return (\n      <>\n        <TextInput\n          ref={inputRef}\n          className={clsx(componentClassName, className)}\n          type={visible ? 'text' : 'password'}\n          disabled={disabled}\n          {...props}\n        >\n          <TextInputSlot placement=\"suffix\">\n            <UnstyledIconButton\n              type=\"button\"\n              label=\"toggle password visibility\"\n              onClick={handleVisibility}\n              disabled={disabled}\n              aria-pressed={visible}\n            >\n              {visible ? <EyeSmallIcon /> : <EyeOffSmallIcon />}\n            </UnstyledIconButton>\n          </TextInputSlot>\n        </TextInput>\n        <div data-visually-hidden aria-live=\"assertive\" role=\"status\">\n          {showVisibilityMessage ? visibilityMessage : ''}\n        </div>\n      </>\n    );\n  }\n);\n\nPasswordInput.displayName = componentName;\n"],"mappings":"gKAEA,OAAOA,MAAU,OACjB,OAAOC,MAAW,QAKlB,OAAS,mBAAAC,EAAiB,gBAAAC,MAAoB,uCAE9C,IAAMC,EAAgB,gBAChBC,EAAqBC,EAAiBF,CAAa,EAI5CG,EAAgBC,EAAM,WACjC,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAAiB,CACnD,IAAMC,EAAaL,EAAM,OAAgC,IAAI,EACvDM,EAAWF,GAAgBC,EAC3B,CAACE,EAASC,CAAU,EAAIR,EAAM,SAAS,EAAK,EAC5C,CAACS,EAAuBC,CAAwB,EAAIV,EAAM,SAAS,EAAK,EAExEW,EAAmBX,EAAM,YAAY,IAAM,CAC/C,IAAMY,EAAqB,CAACL,EACtBM,EAA4B,CAACJ,EACnCD,EAAWI,CAAkB,EAC7BF,EAAyBG,CAAyB,CACpD,EAAG,CAACN,EAASE,CAAqB,CAAC,EAInCT,EAAM,UAAU,IAAM,CAEpB,IAAIc,EAA0C,KAC1CR,GAAY,OAAOA,GAAa,UAAYA,EAAS,UAGvDQ,EADkBR,EACS,SAG7B,IAAMS,EAAe,IAAM,CACrBD,GAAgB,OAClBA,EAAe,KAAO,WAE1B,EAEA,OAAIA,GAAkBA,EAAe,OAAS,MAC5CA,EAAe,KAAK,iBAAiB,SAAUC,CAAY,EAEtD,IAAM,CACPD,GAAgB,MAClBA,EAAe,KAAK,oBAAoB,SAAUC,CAAY,CAElE,CACF,EAAG,CAACT,CAAQ,CAAC,EAEb,IAAMU,EAAoB,oBAAoBT,EAAU,QAAU,QAAQ,IAE1E,OAAAP,EAAM,UAAU,IAAM,CACpB,WAAW,IAAM,CACfU,EAAyB,EAAK,CAChC,EAAG,IAAI,CACT,EAAG,CAACD,CAAqB,CAAC,EAGxBT,EAAA,cAAAA,EAAA,cACEA,EAAA,cAACiB,EAAA,CACC,IAAKX,EACL,UAAWY,EAAKrB,EAAoBI,CAAS,EAC7C,KAAMM,EAAU,OAAS,WACzB,SAAUL,EACT,GAAGC,GAEJH,EAAA,cAACmB,EAAA,CAAc,UAAU,UACvBnB,EAAA,cAACoB,EAAA,CACC,KAAK,SACL,MAAM,6BACN,QAAST,EACT,SAAUT,EACV,eAAcK,GAEbA,EAAUP,EAAA,cAACL,EAAA,IAAa,EAAKK,EAAA,cAACN,EAAA,IAAgB,CACjD,CACF,CACF,EACAM,EAAA,cAAC,OAAI,uBAAoB,GAAC,YAAU,YAAY,KAAK,UAClDS,EAAwBO,EAAoB,EAC/C,CACF,CAEJ,CACF,EAEAjB,EAAc,YAAcH","names":["clsx","React","EyeOffSmallIcon","EyeSmallIcon","componentName","componentClassName","withGlobalPrefix","PasswordInput","React","className","disabled","props","forwardedRef","defaultRef","inputRef","visible","setVisible","showVisibilityMessage","setShowVisibilityMessage","handleVisibility","newVisibilityState","newVisibilityMessageState","currentElement","handleSubmit","visibilityMessage","TextInput","clsx","TextInputSlot","UnstyledIconButton"]}

package/dist/chunk-63I5YSQU.js

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

package/dist/chunk-63I5YSQU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Heading/Heading.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';\n\nconst sizes = ['sm', 'md', 'lg', 'xl'] as const;\n\nexport const headingPropDefs = {\n  size: { className: 'size', tokens: sizes, responsive: false, default: 'md' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport interface HeadingProps\n  extends ComponentPropsWithout<'h2', RemovedProps>,\n    TextAlignProps,\n    TextTransformProps,\n    TextWrapProps,\n    MarginProps {\n  /**\n   * @default h2\n   */\n  as?: 'h1' | 'h2' | 'h3' | 'h4';\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?: (typeof sizes)[number];\n  /** Inverts the component colours, for use on darker surface colours. */\n  inverted?: boolean;\n}\n"],"mappings":"AAOA,IAAMA,EAAQ,CAAC,KAAM,KAAM,KAAM,IAAI,EAExBC,EAAkB,CAC7B,KAAM,CAAE,UAAW,OAAQ,OAAQD,EAAO,WAAY,GAAO,QAAS,IAAK,CAC7E","names":["sizes","headingPropDefs"]}

package/dist/chunk-6CX43AED.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var e=["none","uppercase","lowercase","capitalize"],r= exports.a ={textTransform:{className:"text-transform",tokens:e,responsive:!0}};exports.a = r;
+//# sourceMappingURL=chunk-6CX43AED.cjs.map

package/dist/chunk-6CX43AED.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/props/text-transform.props.ts"],"names":["textTransformValues","textTransformPropDefs"],"mappings":"AAGA,6EAAMA,CAAAA,CAAsB,CAAC,MAAA,CAAQ,WAAA,CAAa,WAAA,CAAa,YAAY,CAAA,CAErEC,CAAAA,aAAwB,CAC5B,aAAA,CAAe,CAAE,SAAA,CAAW,gBAAA,CAAkB,MAAA,CAAQD,CAAAA,CAAqB,UAAA,CAAY,CAAA,CAAK,CAC9F,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-6CX43AED.cjs","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"]}

package/dist/chunk-6D6OHJRG.js

@@ -0,0 +1,2 @@
+import{a as r}from"./chunk-TLHGRJDQ.js";function a(o){return`var(--h-color-${r(o)})`}export{a};
+//# sourceMappingURL=chunk-6D6OHJRG.js.map

package/dist/chunk-6D6OHJRG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/helpers/transform-color-value.ts"],"sourcesContent":["import { kebabCase } from './kebab-case';\n\nexport function transformColorValue(colorValue: string) {\n  return `var(--h-color-${kebabCase(colorValue)})`;\n}\n"],"mappings":"wCAEO,SAASA,EAAoBC,EAAoB,CACtD,MAAO,iBAAiBC,EAAUD,CAAU,CAAC,GAC/C","names":["transformColorValue","colorValue","kebabCase"]}

package/dist/chunk-6FLNPC2R.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunk4HWGKEV4cjs = require('./chunk-4HWGKEV4.cjs');var _chunkVJQI5CIXcjs = require('./chunk-VJQI5CIX.cjs');var _chunk7Z2AP6U3cjs = require('./chunk-7Z2AP6U3.cjs');var _chunkVUGDLYI6cjs = require('./chunk-VUGDLYI6.cjs');var _chunkHLW3FUGQcjs = require('./chunk-HLW3FUGQ.cjs');var _chunkLAVQWQP2cjs = require('./chunk-LAVQWQP2.cjs');var _chunkTMWB3U4Xcjs = require('./chunk-TMWB3U4X.cjs');var _chunk5DRU6TDWcjs = require('./chunk-5DRU6TDW.cjs');var _chunk4H5JT5ORcjs = require('./chunk-4H5JT5OR.cjs');var _chunkDSW76HKTcjs = require('./chunk-DSW76HKT.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _react = require('react'); var _react2 = _interopRequireDefault(_react);var P="TextInput",O=_chunk4H5JT5ORcjs.b.call(void 0, P),j= exports.a =_react2.default.forwardRef((E,L)=>{let{className:N,validationStatus:t,validationText:d,label:F,helperText:r,children:w,id:H,disabled:n,readOnly:l,hideLabel:S,required:s,placeholder:V,...q}=_chunk5DRU6TDWcjs.a.call(void 0, E,_chunkLAVQWQP2cjs.a),{id:p,labelId:m,helperTextId:u,validationTextId:o}=_chunkTMWB3U4Xcjs.a.call(void 0, {providedId:H,prefix:"input"}),f=!l&&!n&&t!==void 0&&d!==void 0,B=_chunkDSW76HKTcjs.a.call(void 0, r?u:void 0,f?o:void 0),D=_react2.default.useRef(null),i=L||D;return _react2.default.createElement(_chunkVUGDLYI6cjs.a,{className:_clsx2.default.call(void 0, O,N),direction:"column",gap:"75","data-validation-status":t||void 0,"data-disabled":n?"":void 0,onPointerDown:U=>{if(!U.target.closest("input, button, a")&&i&&typeof i=="object"&&i.current){let C=i.current;requestAnimationFrame(()=>{C.focus()})}}},_react2.default.createElement(_chunkVUGDLYI6cjs.a,{direction:"column","data-visually-hidden":S?"":void 0},_react2.default.createElement(_chunk4HWGKEV4cjs.a,{htmlFor:p,id:m,disableUserSelect:!0,fontWeight:"semibold"},F,s?null:_react2.default.createElement(_chunkHLW3FUGQcjs.a,{as:"span",marginLeft:"50"},"(optional)")),r?_react2.default.createElement(_chunk7Z2AP6U3cjs.a,{id:u,disableUserSelect:!0},r):null),_react2.default.createElement("div",{className:"hearth-TextInputRoot"},_react2.default.createElement("input",{ref:i,spellCheck:"false",id:p,required:s,disabled:n,readOnly:l,placeholder:n?void 0:V,"aria-labelledby":m,"aria-describedby":B,"aria-invalid":t==="invalid"?!0:void 0,"aria-errormessage":t==="invalid"?o:void 0,...q}),w),f?_react2.default.createElement(_chunkVJQI5CIXcjs.a,{status:t,disableUserSelect:!0,id:o},d):null)});j.displayName=P;exports.a = j;
+//# sourceMappingURL=chunk-6FLNPC2R.cjs.map

package/dist/chunk-6FLNPC2R.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-6FLNPC2R.cjs","../src/components/TextInput/TextInput.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","TextInput","React","props","forwardedRef","className","validationStatus","validationText","label","helperText","children","providedId","disabled","readOnly","hideLabel","required","placeholder","textInputProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidationText","ariaDescribedbyValue","mergeIds","defaultRef","inputRef","Flex","clsx","event","input","Label","BodyText","HelperText","ValidationText"],"mappings":"AAAA,iOAAwC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wECInY,4EACC,IAUZA,CAAAA,CAAgB,WAAA,CAChBC,CAAAA,CAAqBC,iCAAAA,CAA8B,CAAA,CAI5CC,CAAAA,aAAYC,eAAAA,CAAM,UAAA,CAC7B,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAiB,CACvB,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaf,CAAOgB,mBAAc,CAAA,CAChC,CAAE,EAAA,CAAAC,CAAAA,CAAI,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAAC,CAAAA,CAAc,gBAAA,CAAAC,CAAiB,CAAA,CAAIC,iCAAAA,CACtD,UAAA,CAAAb,CAAAA,CACA,MAAA,CAAQ,OACV,CAAC,CAAA,CAEKc,CAAAA,CACJ,CAACZ,CAAAA,EAAY,CAACD,CAAAA,EAAYN,CAAAA,GAAqB,KAAA,CAAA,EAAaC,CAAAA,GAAmB,KAAA,CAAA,CAE3EmB,CAAAA,CAAuBC,iCAAAA,CACzBlB,CAAaa,CAAAA,CAAe,KAAA,CAAA,CAC9BG,CAAAA,CAAqBF,CAAAA,CAAmB,KAAA,CAC1C,CAAA,CAEMK,CAAAA,CAAa1B,eAAAA,CAAM,MAAA,CAAyB,IAAI,CAAA,CAChD2B,CAAAA,CAAWzB,CAAAA,EAAgBwB,CAAAA,CACjC,OACE1B,eAAAA,CAAA,aAAA,CAAC4B,mBAAAA,CAAA,CACC,SAAA,CAAWC,4BAAAA,CAAKhC,CAAoBM,CAAS,CAAA,CAC7C,SAAA,CAAU,QAAA,CACV,GAAA,CAAI,IAAA,CACJ,wBAAA,CAAwBC,CAAAA,EAAsC,KAAA,CAAA,CAC9D,eAAA,CAAeM,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAC/B,aAAA,CAAeoB,CAAAA,EAAS,CAGtB,EAAA,CAAI,CADWA,CAAAA,CAAM,MAAA,CACV,OAAA,CAAQ,kBAAkB,CAAA,EAEjCH,CAAAA,EAAY,OAAOA,CAAAA,EAAa,QAAA,EAAYA,CAAAA,CAAS,OAAA,CAAS,CAChE,IAAMI,CAAAA,CAAQJ,CAAAA,CAAS,OAAA,CACvB,qBAAA,CAAsB,CAAA,CAAA,EAAM,CAC1BI,CAAAA,CAAM,KAAA,CAAM,CACd,CAAC,CACH,CACF,CAAA,CAAA,CAEA/B,eAAAA,CAAA,aAAA,CAAC4B,mBAAAA,CAAA,CAAK,SAAA,CAAU,QAAA,CAAS,sBAAA,CAAsBhB,CAAAA,CAAY,EAAA,CAAK,KAAA,CAAA,CAAA,CAC9DZ,eAAAA,CAAA,aAAA,CAACgC,mBAAAA,CAAA,CAAM,OAAA,CAASd,CAAAA,CAAI,EAAA,CAAIC,CAAAA,CAAS,iBAAA,CAAiB,CAAA,CAAA,CAAC,UAAA,CAAW,UAAA,CAAA,CAC3Db,CAAAA,CACAO,CAAAA,CAAW,IAAA,CACVb,eAAAA,CAAA,aAAA,CAACiC,mBAAAA,CAAA,CAAS,EAAA,CAAG,MAAA,CAAO,UAAA,CAAW,IAAA,CAAA,CAAK,YAEpC,CAEJ,CAAA,CACC1B,CAAAA,CACCP,eAAAA,CAAA,aAAA,CAACkC,mBAAAA,CAAA,CAAW,EAAA,CAAId,CAAAA,CAAc,iBAAA,CAAiB,CAAA,CAAA,CAAA,CAC5Cb,CACH,CAAA,CACE,IACN,CAAA,CACAP,eAAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,sBAAA,CAAA,CACbA,eAAAA,CAAA,aAAA,CAAC,OAAA,CAAA,CACC,GAAA,CAAK2B,CAAAA,CACL,UAAA,CAAW,OAAA,CACX,EAAA,CAAIT,CAAAA,CACJ,QAAA,CAAUL,CAAAA,CACV,QAAA,CAAUH,CAAAA,CACV,QAAA,CAAUC,CAAAA,CACV,WAAA,CAAcD,CAAAA,CAAyB,KAAA,CAAA,CAAdI,CAAAA,CACzB,iBAAA,CAAiBK,CAAAA,CACjB,kBAAA,CAAkBK,CAAAA,CAClB,cAAA,CAAcpB,CAAAA,GAAqB,SAAA,CAAY,CAAA,CAAA,CAAO,KAAA,CAAA,CACtD,mBAAA,CAAmBA,CAAAA,GAAqB,SAAA,CAAYiB,CAAAA,CAAmB,KAAA,CAAA,CACtE,GAAGN,CAAAA,CACN,CAAA,CACCP,CACH,CAAA,CACCe,CAAAA,CACCvB,eAAAA,CAAA,aAAA,CAACmC,mBAAAA,CAAA,CAAe,MAAA,CAAQ/B,CAAAA,CAAkB,iBAAA,CAAiB,CAAA,CAAA,CAAC,EAAA,CAAIiB,CAAAA,CAAAA,CAC7DhB,CACH,CAAA,CACE,IACN,CAEJ,CACF,CAAA,CAEAN,CAAAA,CAAU,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-6FLNPC2R.cjs","sourcesContent":[null,"import type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { TextInputProps } from './TextInput.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { Label } from '../Label/Label';\nimport { HelperText } from '../HelperText/HelperText';\nimport { Flex } from '../Flex/Flex';\nimport { useIds } from '../../hooks/use-ids';\nimport { ValidationText } from '../ValidationText/ValidationText';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { BodyText } from '../BodyText/BodyText';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst componentName = 'TextInput';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype TextInputElement = ElementRef<'input'>;\n\nexport const TextInput = React.forwardRef<TextInputElement, TextInputProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      validationStatus,\n      validationText,\n      label,\n      helperText,\n      children,\n      id: providedId,\n      disabled,\n      readOnly,\n      hideLabel,\n      required,\n      placeholder,\n      ...textInputProps\n    } = extractProps(props, marginPropDefs);\n    const { id, labelId, helperTextId, validationTextId } = useIds({\n      providedId,\n      prefix: 'input',\n    });\n\n    const showValidationText = Boolean(\n      !readOnly && !disabled && validationStatus !== undefined && validationText !== undefined\n    );\n    const ariaDescribedbyValue = mergeIds(\n      !!helperText ? helperTextId : undefined,\n      showValidationText ? validationTextId : undefined\n    );\n\n    const defaultRef = React.useRef<HTMLInputElement>(null);\n    const inputRef = forwardedRef || defaultRef;\n    return (\n      <Flex\n        className={clsx(componentClassName, className)}\n        direction=\"column\"\n        gap=\"75\"\n        data-validation-status={validationStatus ? validationStatus : undefined}\n        data-disabled={disabled ? '' : undefined}\n        onPointerDown={event => {\n          // avoid losing focus when users click on non-interactive slot elements, such as icons\n          const target = event.target as HTMLElement;\n          if (target.closest('input, button, a')) return;\n\n          if (inputRef && typeof inputRef === 'object' && inputRef.current) {\n            const input = inputRef.current;\n            requestAnimationFrame(() => {\n              input.focus();\n            });\n          }\n        }}\n      >\n        <Flex direction=\"column\" data-visually-hidden={hideLabel ? '' : undefined}>\n          <Label htmlFor={id} id={labelId} disableUserSelect fontWeight=\"semibold\">\n            {label}\n            {required ? null : (\n              <BodyText as=\"span\" marginLeft=\"50\">\n                (optional)\n              </BodyText>\n            )}\n          </Label>\n          {helperText ? (\n            <HelperText id={helperTextId} disableUserSelect>\n              {helperText}\n            </HelperText>\n          ) : null}\n        </Flex>\n        <div className=\"hearth-TextInputRoot\">\n          <input\n            ref={inputRef}\n            spellCheck=\"false\"\n            id={id}\n            required={required}\n            disabled={disabled}\n            readOnly={readOnly}\n            placeholder={!disabled ? placeholder : undefined}\n            aria-labelledby={labelId}\n            aria-describedby={ariaDescribedbyValue}\n            aria-invalid={validationStatus === 'invalid' ? true : undefined}\n            aria-errormessage={validationStatus === 'invalid' ? validationTextId : undefined}\n            {...textInputProps}\n          />\n          {children}\n        </div>\n        {showValidationText ? (\n          <ValidationText status={validationStatus} disableUserSelect id={validationTextId}>\n            {validationText}\n          </ValidationText>\n        ) : null}\n      </Flex>\n    );\n  }\n);\n\nTextInput.displayName = componentName;\n"]}

package/dist/chunk-6FQWQRB3.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }var _chunk5FEV22T3cjs = require('./chunk-5FEV22T3.cjs');var _chunkHLW3FUGQcjs = require('./chunk-HLW3FUGQ.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 _react2 = _interopRequireDefault(_react);var _reactswitch = require('@radix-ui/react-switch');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var b="Switch",P=_chunk4H5JT5ORcjs.b.call(void 0, b),B= exports.a =_react2.default.forwardRef((w,S)=>{let{className:E,label:r,id:x,"aria-labelledby":R,disabled:t,onCheckedChange:T,...y}=_chunk5DRU6TDWcjs.a.call(void 0, w,_chunk5FEV22T3cjs.a,_chunkLAVQWQP2cjs.a),{id:l,labelId:n}=_chunkTMWB3U4Xcjs.a.call(void 0, {providedId:x,prefix:"switch"}),a=!!r,N=_react2.default.useRef(null),o=S||N;return _react2.default.useEffect(()=>{let s=c=>{c.preventDefault()},i=null;return o&&typeof o=="object"&&o.current&&(i=o.current),i&&t&&i.addEventListener("click",s),()=>{i&&i.removeEventListener("click",s)}},[o,t]),_react2.default.createElement("div",{"aria-disabled":t||void 0,className:P},a?_react2.default.createElement(_chunkHLW3FUGQcjs.a,{as:"label",size:"lg",id:n,htmlFor:l},r):null,_react2.default.createElement(_reactswitch.Root,{ref:o,className:_clsx2.default.call(void 0, "hearth-SwitchRoot",E),id:l,"aria-labelledby":_nullishCoalesce(R, () => ((a?n:void 0))),"aria-disabled":t||void 0,"data-disabled":t||void 0,onCheckedChange:t?void 0:T,...y},_react2.default.createElement(_reactswitch.Thumb,{className:"hearth-SwitchThumb"},_react2.default.createElement(_hearthreacticons.CloseSmallIcon,{className:"hearth-CloseIcon"}),_react2.default.createElement(_hearthreacticons.TickSmallIcon,{className:"hearth-TickIcon"}))))});B.displayName=b;exports.a = B;
+//# sourceMappingURL=chunk-6FQWQRB3.cjs.map

package/dist/chunk-6FQWQRB3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-6FQWQRB3.cjs","../src/components/Switch/Switch.tsx"],"names":["componentName","componentClassName","withGlobalPrefix","Switch","React","props","forwardedRef","className","label","providedId","ariaLabelledby","disabled","onCheckedChange","switchProps","extractProps","switchPropDefs","marginPropDefs","id","labelId","useIds","showLabel","defaultRef","switchRef","handleClick","e","currentElement","BodyText","RadixSwitchRoot","clsx","RadixSwitchThumb","CloseSmallIcon","TickSmallIcon"],"mappings":"AAAA,qUAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,4ECEnO,qDAEiD,wEAClD,wEAE6B,IAKxCA,CAAAA,CAAgB,QAAA,CAChBC,CAAAA,CAAqBC,iCAAAA,CAA8B,CAAA,CAI5CC,CAAAA,aAASC,eAAAA,CAAM,UAAA,CAAuC,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAiB,CAC1F,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,iBAAA,CAAmBC,CAAAA,CACnB,QAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaT,CAAOU,mBAAAA,CAAgBC,mBAAc,CAAA,CAChD,CAAE,EAAA,CAAAC,CAAAA,CAAI,OAAA,CAAAC,CAAQ,CAAA,CAAIC,iCAAAA,CAAS,UAAA,CAAAV,CAAAA,CAAY,MAAA,CAAQ,QAAS,CAAC,CAAA,CACzDW,CAAAA,CAAY,CAAC,CAACZ,CAAAA,CACda,CAAAA,CAAajB,eAAAA,CAAM,MAAA,CAAiC,IAAI,CAAA,CACxDkB,CAAAA,CAAYhB,CAAAA,EAAgBe,CAAAA,CAKlC,OAAAjB,eAAAA,CAAM,SAAA,CAAU,CAAA,CAAA,EAAM,CACpB,IAAMmB,CAAAA,CAAeC,CAAAA,EAAkB,CACrCA,CAAAA,CAAE,cAAA,CAAe,CACnB,CAAA,CAGIC,CAAAA,CAA2C,IAAA,CAC/C,OAAIH,CAAAA,EAAa,OAAOA,CAAAA,EAAc,QAAA,EAAYA,CAAAA,CAAU,OAAA,EAAA,CAG1DG,CAAAA,CADkBH,CAAAA,CACS,OAAA,CAAA,CAGzBG,CAAAA,EAAkBd,CAAAA,EACpBc,CAAAA,CAAe,gBAAA,CAAiB,OAAA,CAASF,CAAW,CAAA,CAG/C,CAAA,CAAA,EAAM,CACPE,CAAAA,EACFA,CAAAA,CAAe,mBAAA,CAAoB,OAAA,CAASF,CAAW,CAE3D,CACF,CAAA,CAAG,CAACD,CAAAA,CAAWX,CAAQ,CAAC,CAAA,CAGtBP,eAAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,eAAA,CAAeO,CAAAA,EAAY,KAAA,CAAA,CAAW,SAAA,CAAWV,CAAAA,CAAAA,CACnDmB,CAAAA,CACChB,eAAAA,CAAA,aAAA,CAACsB,mBAAAA,CAAA,CAAS,EAAA,CAAG,OAAA,CAAQ,IAAA,CAAK,IAAA,CAAK,EAAA,CAAIR,CAAAA,CAAS,OAAA,CAASD,CAAAA,CAAAA,CAClDT,CACH,CAAA,CACE,IAAA,CACJJ,eAAAA,CAAA,aAAA,CAACuB,iBAAAA,CAAA,CACC,GAAA,CAAKL,CAAAA,CACL,SAAA,CAAWM,4BAAAA,mBAAK,CAAqBrB,CAAS,CAAA,CAC9C,EAAA,CAAIU,CAAAA,CACJ,iBAAA,kBAAiBP,CAAAA,SAAAA,CAAmBU,CAAAA,CAAYF,CAAAA,CAAU,KAAA,CAAA,GAAA,CAC1D,eAAA,CAAeP,CAAAA,EAAY,KAAA,CAAA,CAC3B,eAAA,CAAeA,CAAAA,EAAY,KAAA,CAAA,CAC3B,eAAA,CAAiBA,CAAAA,CAAW,KAAA,CAAA,CAAYC,CAAAA,CACvC,GAAGC,CAAAA,CAAAA,CAEJT,eAAAA,CAAA,aAAA,CAACyB,kBAAAA,CAAA,CAAiB,SAAA,CAAU,oBAAA,CAAA,CAC1BzB,eAAAA,CAAA,aAAA,CAAC0B,gCAAAA,CAAA,CAAe,SAAA,CAAU,kBAAA,CAAmB,CAAA,CAC7C1B,eAAAA,CAAA,aAAA,CAAC2B,+BAAAA,CAAA,CAAc,SAAA,CAAU,iBAAA,CAAkB,CAC7C,CACF,CACF,CAEJ,CAAC,CAAA,CAED5B,CAAAA,CAAO,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-6FQWQRB3.cjs","sourcesContent":[null,"import type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport React from 'react';\nimport { switchPropDefs, SwitchProps } from './Switch.props';\nimport { Root as RadixSwitchRoot, Thumb as RadixSwitchThumb } from '@radix-ui/react-switch';\nimport clsx from 'clsx';\nimport { extractProps } from '../../helpers/extract-props';\nimport { CloseSmallIcon, TickSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport { useIds } from '../../hooks/use-ids';\nimport { marginPropDefs } from '../../props/margin.props';\n\nconst componentName = 'Switch';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype SwitchElement = ElementRef<'button'>;\n\nexport const Switch = React.forwardRef<SwitchElement, SwitchProps>((props, forwardedRef) => {\n  const {\n    className,\n    label,\n    id: providedId,\n    'aria-labelledby': ariaLabelledby,\n    disabled,\n    onCheckedChange,\n    ...switchProps\n  } = extractProps(props, switchPropDefs, marginPropDefs);\n  const { id, labelId } = useIds({ providedId, prefix: 'switch' });\n  const showLabel = !!label;\n  const defaultRef = React.useRef<HTMLButtonElement | null>(null);\n  const switchRef = forwardedRef || defaultRef;\n\n  // We're using aria-disabled rather than disabled, so that the element can\n  // still be focused with a keyboard. Therefore we need to prevent the\n  // internal button from being clickable when the component is disabled.\n  React.useEffect(() => {\n    const handleClick = (e: MouseEvent) => {\n      e.preventDefault();\n    };\n\n    // Get the ref value and ensure proper typing\n    let currentElement: HTMLButtonElement | null = null;\n    if (switchRef && typeof switchRef === 'object' && switchRef.current) {\n      // Type assertion to ensure TypeScript understands this is a valid ref object\n      const refObject = switchRef as React.RefObject<HTMLButtonElement>;\n      currentElement = refObject.current;\n    }\n\n    if (currentElement && disabled) {\n      currentElement.addEventListener('click', handleClick);\n    }\n\n    return () => {\n      if (currentElement) {\n        currentElement.removeEventListener('click', handleClick);\n      }\n    };\n  }, [switchRef, disabled]);\n\n  return (\n    <div aria-disabled={disabled || undefined} className={componentClassName}>\n      {showLabel ? (\n        <BodyText as=\"label\" size=\"lg\" id={labelId} htmlFor={id}>\n          {label}\n        </BodyText>\n      ) : null}\n      <RadixSwitchRoot\n        ref={switchRef}\n        className={clsx('hearth-SwitchRoot', className)}\n        id={id}\n        aria-labelledby={ariaLabelledby ?? (showLabel ? labelId : undefined)}\n        aria-disabled={disabled || undefined}\n        data-disabled={disabled || undefined}\n        onCheckedChange={disabled ? undefined : onCheckedChange}\n        {...switchProps}\n      >\n        <RadixSwitchThumb className=\"hearth-SwitchThumb\">\n          <CloseSmallIcon className=\"hearth-CloseIcon\" />\n          <TickSmallIcon className=\"hearth-TickIcon\" />\n        </RadixSwitchThumb>\n      </RadixSwitchRoot>\n    </div>\n  );\n});\n\nSwitch.displayName = componentName;\n"]}

package/dist/chunk-6MD55DWM.js

@@ -0,0 +1,2 @@
+import{a as m}from"./chunk-QNQWQMVL.js";import{a as o}from"./chunk-XE2VBTS5.js";import{a}from"./chunk-XQ5A24NX.js";import{a as t}from"./chunk-RTGGS5XX.js";import{b as r}from"./chunk-4PEMW3UE.js";import*as e from"react";import P from"clsx";var l="Label",L=r(l),g=e.forwardRef((s,i)=>{let{children:f,as:n="label",disabled:p,disableUserSelect:d,className:c,fontWeight:b="regular",...x}=t(s,a,o);return e.createElement(m,{as:n,ref:i,size:"md",weight:b,className:P(L,c),"data-disabled":p?"":void 0,"data-disable-user-select":d?"":void 0,...x},f)});g.displayName=l;export{g as a};
+//# sourceMappingURL=chunk-6MD55DWM.js.map

package/dist/chunk-6MD55DWM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Label/Label.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ElementRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { LabelProps } from './Label.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { BodyText } from '../BodyText/BodyText';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { textTransformPropDefs } from '../../props/text-transform.props';\n\nconst componentName = 'Label';\nconst componentClassName = withGlobalPrefix(componentName);\n\ntype LabelElement = ElementRef<'label'>;\n\nexport const Label = React.forwardRef<LabelElement, LabelProps>((props, ref) => {\n  const {\n    children,\n    as: tag = 'label',\n    disabled,\n    disableUserSelect,\n    className,\n    fontWeight = 'regular',\n    ...labelProps\n  } = extractProps(props, marginPropDefs, textTransformPropDefs);\n\n  return (\n    <BodyText\n      as={tag}\n      ref={ref}\n      size=\"md\"\n      weight={fontWeight}\n      className={clsx(componentClassName, className)}\n      data-disabled={disabled ? '' : undefined}\n      data-disable-user-select={disableUserSelect ? '' : undefined}\n      {...labelProps}\n    >\n      {children}\n    </BodyText>\n  );\n});\n\nLabel.displayName = componentName;\n"],"mappings":"mMAAA,UAAYA,MAAW,QAGvB,OAAOC,MAAU,OASjB,IAAMC,EAAgB,QAChBC,EAAqBC,EAAiBF,CAAa,EAI5CG,EAAc,aAAqC,CAACC,EAAOC,IAAQ,CAC9E,GAAM,CACJ,SAAAC,EACA,GAAIC,EAAM,QACV,SAAAC,EACA,kBAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,UACb,GAAGC,CACL,EAAIC,EAAaT,EAAOU,EAAgBC,CAAqB,EAE7D,OACE,gBAACC,EAAA,CACC,GAAIT,EACJ,IAAKF,EACL,KAAK,KACL,OAAQM,EACR,UAAWM,EAAKhB,EAAoBS,CAAS,EAC7C,gBAAeF,EAAW,GAAK,OAC/B,2BAA0BC,EAAoB,GAAK,OAClD,GAAGG,GAEHN,CACH,CAEJ,CAAC,EAEDH,EAAM,YAAcH","names":["React","clsx","componentName","componentClassName","withGlobalPrefix","Label","props","ref","children","tag","disabled","disableUserSelect","className","fontWeight","labelProps","extractProps","marginPropDefs","textTransformPropDefs","BodyText","clsx"]}

package/dist/chunk-6TDZE7FX.js

@@ -0,0 +1,2 @@
+var o=["sm","md","lg"],e=["regular","semibold","bold"],s={size:{className:"size",tokens:o,responsive:!0,default:"md"},weight:{className:"weight",tokens:e,responsive:!0,default:"regular"},paragraphSpacing:{className:"paragraph-spacing",responsive:!1}};export{s as a};
+//# sourceMappingURL=chunk-6TDZE7FX.js.map

package/dist/chunk-6TDZE7FX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/BodyText/BodyText.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'] 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"],"mappings":"AAQA,IAAMA,EAAQ,CAAC,KAAM,KAAM,IAAI,EACzBC,EAAU,CAAC,UAAW,WAAY,MAAM,EAEjCC,EAAmB,CAC9B,KAAM,CAAE,UAAW,OAAQ,OAAQF,EAAO,WAAY,GAAM,QAAS,IAAK,EAC1E,OAAQ,CAAE,UAAW,SAAU,OAAQC,EAAS,WAAY,GAAM,QAAS,SAAU,EACrF,iBAAkB,CAAE,UAAW,oBAAqB,WAAY,EAAM,CACxE","names":["sizes","weights","bodyTextPropDefs"]}

package/dist/chunk-6XA5OQRT.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var e=["left","center","right"],t= exports.a ={textAlign:{className:"text-align",tokens:e,responsive:!0}};exports.a = t;
+//# sourceMappingURL=chunk-6XA5OQRT.cjs.map

package/dist/chunk-6XA5OQRT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/props/text-align.props.ts"],"names":["textAlignValues","textAlignPropDefs"],"mappings":"AAGA,6EAAMA,CAAAA,CAAkB,CAAC,MAAA,CAAQ,QAAA,CAAU,OAAO,CAAA,CAE5CC,CAAAA,aAAoB,CACxB,SAAA,CAAW,CAAE,SAAA,CAAW,YAAA,CAAc,MAAA,CAAQD,CAAAA,CAAiB,UAAA,CAAY,CAAA,CAAK,CAClF,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-6XA5OQRT.cjs","sourcesContent":["import { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst textAlignValues = ['left', 'center', 'right'] as const;\n\nconst textAlignPropDefs = {\n  textAlign: { className: 'text-align', tokens: textAlignValues, responsive: true },\n} satisfies {\n  textAlign: PropDef<(typeof textAlignValues)[number]>;\n};\n\ninterface TextAlignProps {\n  /**\n   * Set the text-align on the component.\n   */\n  textAlign?: Responsive<(typeof textAlignValues)[number]>;\n}\n\nexport { textAlignPropDefs };\nexport type { TextAlignProps };\n"]}