@utilitywarehouse/hearth-react 0.31.9 → 0.32.1

package/dist/chunk-WB4GZ3CX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-WB4GZ3CX.cjs","../src/components/DatePicker/DatePickerHeader.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","DatePickerHeader","date","decreaseYear","increaseYear","decreaseMonth","increaseMonth","prevMonthButtonDisabled","nextMonthButtonDisabled","prevYearButtonDisabled","nextYearButtonDisabled","view","onClick","visibleYearsRange","disableTodayIndicator","buttonText","handlePrevClick","handleNextClick","isPrevDisabled","isNextDisabled","prevLabel"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAmC,wDAAyC,wDAAyC,wECQ9G,+CAiEC,IA7DFA,CAAAA,CAAiB,kBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAmB,CAAC,CAC/B,IAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,uBAAA,CAAAC,CAAAA,CACA,uBAAA,CAAAC,CAAAA,CACA,sBAAA,CAAAC,CAAAA,CACA,sBAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,iBAAA,CAAAC,CAAAA,CACA,qBAAA,CAAAC,CACF,CAAA,CAAA,EAA6B,CAgB3B,IAAMC,CAAAA,CAAoD,CACxD,IAAA,CAAM,CAhBO,CACb,SAAA,CACA,UAAA,CACA,OAAA,CACA,OAAA,CACA,KAAA,CACA,MAAA,CACA,MAAA,CACA,QAAA,CACA,WAAA,CACA,SAAA,CACA,UAAA,CACA,UACF,CAAA,CAGgBb,CAAAA,CAAK,QAAA,CAAS,CAAC,CAAA,CAAGA,CAAAA,CAAK,WAAA,CAAY,CAAC,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,CAC5D,MAAA,CAAQA,CAAAA,CAAK,WAAA,CAAY,CAAA,CAAE,QAAA,CAAS,CAAA,CACpC,KAAA,CAAOW,CAAAA,CACH,CAACA,CAAAA,CAAkB,SAAA,CAAW,GAAA,CAAKA,CAAAA,CAAkB,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,CACtE,KAAA,CACN,CAAA,CAEMG,CAAAA,CACJL,CAAAA,GAAS,MAAA,CAASN,CAAAA,CAAgBM,CAAAA,GAAS,OAAA,CAAUR,CAAAA,CAAe,KAAA,CAAA,CAChEc,CAAAA,CACJN,CAAAA,GAAS,MAAA,CAASL,CAAAA,CAAgBK,CAAAA,GAAS,OAAA,CAAUP,CAAAA,CAAe,KAAA,CAAA,CAEhEc,CAAAA,CACHP,CAAAA,GAAS,MAAA,EAAUJ,CAAAA,EAA6BI,CAAAA,GAAS,OAAA,EAAWF,CAAAA,CACjEU,CAAAA,CACHR,CAAAA,GAAS,MAAA,EAAUH,CAAAA,EAA6BG,CAAAA,GAAS,OAAA,EAAWD,CAAAA,CAEjEU,CAAAA,CAAY,CAAA,SAAA,EAAYT,CAAAA,GAAS,MAAA,CAAS,OAAA,CAAU,MAAM,CAAA,CAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-WB4GZ3CX.cjs","sourcesContent":[null,"'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { DatePickerHeaderProps } from './DatePickerHeader.props';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport {\n  ChevronDownSmallIcon,\n  ChevronLeftSmallIcon,\n  ChevronRightSmallIcon,\n  ChevronUpSmallIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport type { View } from './DatePicker.props';\n\nconst COMPONENT_NAME = 'DatePickerHeader';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const DatePickerHeader = ({\n  date,\n  decreaseYear,\n  increaseYear,\n  decreaseMonth,\n  increaseMonth,\n  prevMonthButtonDisabled,\n  nextMonthButtonDisabled,\n  prevYearButtonDisabled,\n  nextYearButtonDisabled,\n  view,\n  onClick,\n  visibleYearsRange,\n  disableTodayIndicator,\n}: DatePickerHeaderProps) => {\n  const MONTHS = [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ] as const;\n\n  const buttonText: { [key in View]: string | undefined } = {\n    days: [MONTHS[date.getMonth()], date.getFullYear()].join(' '),\n    months: date.getFullYear().toString(),\n    years: visibleYearsRange\n      ? [visibleYearsRange.startYear, '-', visibleYearsRange.endYear].join(' ')\n      : undefined,\n  };\n\n  const handlePrevClick =\n    view === 'days' ? decreaseMonth : view === 'years' ? decreaseYear : undefined;\n  const handleNextClick =\n    view === 'days' ? increaseMonth : view === 'years' ? increaseYear : undefined;\n\n  const isPrevDisabled =\n    (view === 'days' && prevMonthButtonDisabled) || (view === 'years' && prevYearButtonDisabled);\n  const isNextDisabled =\n    (view === 'days' && nextMonthButtonDisabled) || (view === 'years' && nextYearButtonDisabled);\n\n  const prevLabel = `previous ${view === 'days' ? 'month' : 'year'}`;\n  const nextLabel = `next ${view === 'days' ? 'month' : 'year'}`;\n\n  return (\n    <div\n      className={componentClassName}\n      data-monthyear-state={view === 'days' ? 'closed' : 'open'}\n      data-disable-today-indicator={disableTodayIndicator ? '' : undefined}\n    >\n      <BodyText asChild size=\"md\" weight=\"semibold\">\n        <button className={`${componentClassName}MonthButton`} onClick={onClick}>\n          {buttonText[view]}\n          {view === 'days' ? (\n            <ChevronDownSmallIcon aria-hidden />\n          ) : (\n            <ChevronUpSmallIcon aria-hidden />\n          )}\n        </button>\n      </BodyText>\n\n      {view !== 'months' ? (\n        <div className={`${componentClassName}Control`}>\n          <UnstyledIconButton onClick={handlePrevClick} disabled={isPrevDisabled} label={prevLabel}>\n            <ChevronLeftSmallIcon />\n          </UnstyledIconButton>\n          <UnstyledIconButton onClick={handleNextClick} disabled={isNextDisabled} label={nextLabel}>\n            <ChevronRightSmallIcon />\n          </UnstyledIconButton>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nDatePickerHeader.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-WCKH4IWU.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as i}from"./chunk-EXRVVYBQ.js";import{a as r}from"./chunk-J3AJBV4B.js";import{b as e}from"./chunk-PDEVCIQ3.js";import{ChevronRightSmallIcon as N}from"@utilitywarehouse/hearth-react-icons";import{forwardRef as P}from"react";import{jsx as t}from"react/jsx-runtime";var m="CardActionButton",b=e(m),y=P(({className:p,heading:a,helperText:c,leadingIcon:f,leadingIconContainerColorScheme:C,trailingIcon:o,badge:d,badgePlacement:s,disabled:n,onClick:u,...l},A)=>{let B={heading:a,helperText:c,leadingIcon:f,leadingIconContainerColorScheme:C,badge:d,badgePlacement:s};return t("button",{ref:A,className:r(b,p),...l,"aria-disabled":n||void 0,onClick:n?void 0:u,children:t(i,{trailingIcon:o||t(N,{}),...B})})});y.displayName=m;export{y as a};
+//# sourceMappingURL=chunk-WCKH4IWU.js.map

package/dist/chunk-WCKH4IWU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CardActions/CardActionButton.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../helpers/cn';\nimport type { CardActionButtonProps } from './CardActionButton.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { CardActionContent } from './CardActionContent';\nimport type { ComponentRef } from 'react';\nimport { forwardRef } from 'react';\n\ntype CardActionButtonElement = ComponentRef<'button'>;\n\nconst COMPONENT_NAME = 'CardActionButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\n/**\n * Use CardActionButton within a Card to trigger an action, such as opening\n * a dialog or performing an in-page action. Use `CardActionLink` instead\n * when the action navigates to a new location.\n *\n * @summary A Card action that renders a button.\n */\nexport const CardActionButton = forwardRef<CardActionButtonElement, CardActionButtonProps>(\n  (\n    {\n      className,\n      heading,\n      helperText,\n      leadingIcon,\n      leadingIconContainerColorScheme,\n      trailingIcon,\n      badge,\n      badgePlacement,\n      disabled,\n      onClick,\n      ...props\n    },\n    ref\n  ) => {\n    const contentProps = {\n      heading,\n      helperText,\n      leadingIcon,\n      leadingIconContainerColorScheme,\n      badge,\n      badgePlacement,\n    };\n    return (\n      <button\n        ref={ref}\n        className={cn(componentClassName, className)}\n        {...props}\n        aria-disabled={disabled || undefined}\n        onClick={disabled ? undefined : onClick}\n      >\n        <CardActionContent\n          trailingIcon={trailingIcon ? trailingIcon : <ChevronRightSmallIcon />}\n          {...contentProps}\n        />\n      </button>\n    );\n  }\n);\n\nCardActionButton.displayName = COMPONENT_NAME;\n"],"mappings":";;wHAKA,OAAS,yBAAAA,MAA6B,uCAGtC,OAAS,cAAAC,MAAkB,QAgD2B,cAAAC,MAAA,oBA5CtD,IAAMC,EAAiB,mBACjBC,EAAqBC,EAAiBF,CAAc,EAS7CG,EAAmBL,EAC9B,CACE,CACE,UAAAM,EACA,QAAAC,EACA,WAAAC,EACA,YAAAC,EACA,gCAAAC,EACA,aAAAC,EACA,MAAAC,EACA,eAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,IAAMC,EAAe,CACnB,QAAAX,EACA,WAAAC,EACA,YAAAC,EACA,gCAAAC,EACA,MAAAE,EACA,eAAAC,CACF,EACA,OACEZ,EAAC,UACC,IAAKgB,EACL,UAAWE,EAAGhB,EAAoBG,CAAS,EAC1C,GAAGU,EACJ,gBAAeF,GAAY,OAC3B,QAASA,EAAW,OAAYC,EAEhC,SAAAd,EAACmB,EAAA,CACC,aAAcT,GAA8BV,EAACoB,EAAA,EAAsB,EAClE,GAAGH,EACN,EACF,CAEJ,CACF,EAEAb,EAAiB,YAAcH","names":["ChevronRightSmallIcon","forwardRef","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","CardActionButton","className","heading","helperText","leadingIcon","leadingIconContainerColorScheme","trailingIcon","badge","badgePlacement","disabled","onClick","props","ref","contentProps","cn","CardActionContent","ChevronRightSmallIcon"]}

package/dist/chunk-WDL4OS5J.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkX2RF6SG2cjs = require('./chunk-X2RF6SG2.cjs');var _chunk3ESB267Xcjs = require('./chunk-3ESB267X.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var i="ProgressBarLinear",e=_chunk4Q432K4Wcjs.b.call(void 0, i),g= exports.a =_react.forwardRef.call(void 0, ({value:n,label:m,valueText:d,labelId:l,hideLabel:a,...p},P)=>_jsxruntime.jsxs.call(void 0, "div",{ref:P,className:e,...p,children:[_jsxruntime.jsx.call(void 0, _chunkX2RF6SG2cjs.a,{id:l,"data-visually-hidden":a?"":void 0,children:m}),_jsxruntime.jsx.call(void 0, _chunk3ESB267Xcjs.a,{"data-visually-hidden":a?"":void 0,children:d}),_jsxruntime.jsx.call(void 0, "div",{className:`${e}Track`,children:_jsxruntime.jsx.call(void 0, "div",{className:`${e}Indicator`,style:{width:`${n}%`}})})]}));g.displayName=i;exports.a = g;
+//# sourceMappingURL=chunk-WDL4OS5J.cjs.map

package/dist/chunk-WDL4OS5J.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-WDL4OS5J.cjs","../src/components/ProgressBar/ProgressBarLinear.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ProgressBarLinear","forwardRef","value","label","valueText","labelId","hideLabel","props","ref","jsxs","jsx","ProgressBarLabel","ProgressBarValueText"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,8BCF/F,+CAerB,IARAA,CAAAA,CAAiB,mBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAoBC,+BAAAA,CAC9B,CAAE,KAAA,CAAAC,CAAAA,CAAO,KAAA,CAAAC,CAAAA,CAAO,SAAA,CAAAC,CAAAA,CAAW,OAAA,CAAAC,CAAAA,CAAS,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAExDC,8BAAAA,KAAC,CAAA,CAAI,GAAA,CAAKD,CAAAA,CAAK,SAAA,CAAWV,CAAAA,CAAqB,GAAGS,CAAAA,CAChD,QAAA,CAAA,CAAAG,6BAAAA,mBAACC,CAAA,CAAiB,EAAA,CAAIN,CAAAA,CAAS,sBAAA,CAAsBC,CAAAA,CAAY,EAAA,CAAK,KAAA,CAAA,CACnE,QAAA,CAAAH,CAAAA,CACH,CAAA,CACAO,6BAAAA,mBAACE,CAAA,CAAqB,sBAAA,CAAsBN,CAAAA,CAAY,EAAA,CAAK,KAAA,CAAA,CAC1D,QAAA,CAAAF,CAAAA,CACH,CAAA,CAEAM,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-WDL4OS5J.cjs","sourcesContent":[null,"import { forwardRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ProgressBarLabel } from './ProgressBarLabel';\nimport { ProgressBarValueText } from './ProgressBarValueText';\nimport type { ProgressBarInternalProps } from './ProgressBar.props';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'ProgressBarLinear';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ProgressBarLinearElement = ComponentRef<'div'>;\n\nexport const ProgressBarLinear = forwardRef<ProgressBarLinearElement, ProgressBarInternalProps>(\n  ({ value, label, valueText, labelId, hideLabel, ...props }, ref) => {\n    return (\n      <div ref={ref} className={componentClassName} {...props}>\n        <ProgressBarLabel id={labelId} data-visually-hidden={hideLabel ? '' : undefined}>\n          {label}\n        </ProgressBarLabel>\n        <ProgressBarValueText data-visually-hidden={hideLabel ? '' : undefined}>\n          {valueText}\n        </ProgressBarValueText>\n\n        <div className={`${componentClassName}Track`}>\n          <div className={`${componentClassName}Indicator`} style={{ width: `${value}%` }} />\n        </div>\n      </div>\n    );\n  }\n);\n\nProgressBarLinear.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-WFVKT4MG.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkYQOUIHWNcjs = require('./chunk-YQOUIHWN.cjs');var _chunkHHKQ3ZBDcjs = require('./chunk-HHKQ3ZBD.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _chunk5XQBCR7Qcjs = require('./chunk-5XQBCR7Q.cjs');var _chunkZSLWPF2Ucjs = require('./chunk-ZSLWPF2U.cjs');var _react = require('react');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var u="UnstyledIconButton",c=_chunk4Q432K4Wcjs.b.call(void 0, u),z= exports.a =_react.forwardRef.call(void 0, (o,y)=>{let{className:C,children:t,label:B,disabled:n,inverted:I,loading:e,onClick:P,asChild:r,...b}=_chunkZPJNQBTNcjs.a.call(void 0, o,_chunkYQOUIHWNcjs.a),S=_chunk5XQBCR7Qcjs.a.call(void 0, o.size||"md",{md:"sm",sm:"xs"}),N=r?_radixui.Slot.Root:"button";return _jsxruntime.jsx.call(void 0, N,{ref:y,className:_chunkONNSZMWFcjs.a.call(void 0, c,C),"aria-label":B,"aria-disabled":n||e,"data-inverted":I?"":void 0,onClick:n?void 0:P,"data-testid":c,...b,children:e?_chunkZSLWPF2Ucjs.a.call(void 0, {asChild:r,children:t},()=>_jsxruntime.jsx.call(void 0, _chunkHHKQ3ZBDcjs.a,{size:S,currentColor:!0})):t})});z.displayName=u;exports.a = z;
+//# sourceMappingURL=chunk-WFVKT4MG.cjs.map

package/dist/chunk-WFVKT4MG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-WFVKT4MG.cjs","../src/components/UnstyledIconButton/UnstyledIconButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","UnstyledIconButton","forwardRef","props","ref","className","children","label","disabled","inverted","loading","onClick","asChild","unstyledIconButtonProps","extractProps","unstyledIconButtonPropDefs","spinnerSize","getResponsiveTranslation","Component","Slot","jsx","cn","getSubtree","Spinner"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAmC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCA9P,mCASN,+CA+CP,IA3CRA,CAAAA,CAAiB,oBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAY7CC,CAAAA,aAAqBC,+BAAAA,CAC/BC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACd,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaX,CAAOY,mBAA0B,CAAA,CAE5CC,CAAAA,CAAcC,iCAAAA,CAAyBd,CAAM,IAAA,EAAQ,IAAA,CAAM,CAAE,EAAA,CAAI,IAAA,CAAM,EAAA,CAAI,IAAK,CAAC,CAAA,CACjFe,CAAAA,CAAYN,CAAAA,CAAUO,aAAAA,CAAK,IAAA,CAAO,QAAA,CAExC,OACEC,6BAAAA,CAACF,CAAA,CACC,GAAA,CAAKd,CAAAA,CACL,SAAA,CAAWiB,iCAAAA,CAAGtB,CAAoBM,CAAS,CAAA,CAC3C,YAAA,CAAYE,CAAAA,CACZ,eAAA,CAAeC,CAAAA,EAAYE,CAAAA,CAC3B,eAAA,CAAeD,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAC/B,OAAA,CAASD,CAAAA,CAAW,KAAA,CAAA,CAAYG,CAAAA,CAChC,aAAA,CAAaZ,CAAAA,CACZ,GAAGc,CAAAA,CAEH,QAAA,CAAAH,CAAAA,CACGY,iCAAAA,CAAa,OAAA,CAAAV,CAAAA,CAAS,QAAA,CAAAN,CAAS,CAAA,CAAG,CAAA,CAAA,EAChCc,6BAAAA,mBAACG,CAAA,CAAQ,IAAA,CAAMP,CAAAA,CAAqC,YAAA,CAAY,CAAA,CAAA,CAAC,CAClE,CAAA,CACDV,CAAAA,CACN,CAEJ,CACF,CAAA,CAEAL,CAAAA,CAAmB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-WFVKT4MG.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { unstyledIconButtonPropDefs } from './UnstyledIconButton.props';\nimport type { UnstyledIconButtonProps } from './UnstyledIconButton.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { Spinner } from '../Spinner/Spinner';\nimport type { SpinnerProps } from '../Spinner/Spinner.props';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\nimport { getResponsiveTranslation } from '../../helpers/get-responsive-translation';\n\nconst COMPONENT_NAME = 'UnstyledIconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype UnstyledIconButtonElement = ComponentRef<'button'>;\n\n/**\n * Use UnstyledIconButton for an icon-only button with no visual styling of\n * its own: a plain, unstyled base for building custom icon button variants.\n * For a fully-styled icon button, use IconButton instead. A `label` is\n * required, since the button contains only an icon with no visible text.\n *\n * @summary An unstyled, icon-only button base for building custom icon buttons.\n */\nexport const UnstyledIconButton = forwardRef<UnstyledIconButtonElement, UnstyledIconButtonProps>(\n  (props, ref) => {\n    const {\n      className,\n      children,\n      label,\n      disabled,\n      inverted,\n      loading,\n      onClick,\n      asChild,\n      ...unstyledIconButtonProps\n    } = extractProps(props, unstyledIconButtonPropDefs);\n\n    const spinnerSize = getResponsiveTranslation(props.size || 'md', { md: 'sm', sm: 'xs' });\n    const Component = asChild ? Slot.Root : 'button';\n\n    return (\n      <Component\n        ref={ref}\n        className={cn(componentClassName, className)}\n        aria-label={label}\n        aria-disabled={disabled || loading}\n        data-inverted={inverted ? '' : undefined}\n        onClick={disabled ? undefined : onClick}\n        data-testid={componentClassName}\n        {...unstyledIconButtonProps}\n      >\n        {loading\n          ? getSubtree({ asChild, children }, () => (\n              <Spinner size={spinnerSize as SpinnerProps['size']} currentColor />\n            ))\n          : children}\n      </Component>\n    );\n  }\n);\n\nUnstyledIconButton.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-WJIFMT3P.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as m}from"./chunk-3KEOP2WO.js";import{a as n}from"./chunk-4MNQRAHO.js";import{a as t}from"./chunk-XVM5ECBR.js";import{a as o}from"./chunk-J3AJBV4B.js";import{b as r}from"./chunk-PDEVCIQ3.js";import{forwardRef as B}from"react";import{jsx as a,jsxs as i}from"react/jsx-runtime";var p="CardBannerContent",x=r(p),g=B(({heading:C,description:d,className:s,children:f,textAlign:e,...l},c)=>i(n,{ref:c,className:o(x,s),direction:"column",spacing:"lg",...l,children:[i(n,{spacing:"sm",direction:"column",children:[a(m,{size:"sm",textAlign:e,children:C}),a(t,{size:"md",textAlign:e,children:d})]}),f]}));g.displayName=p;export{g as a};
+//# sourceMappingURL=chunk-WJIFMT3P.js.map

package/dist/chunk-WJIFMT3P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/CardBannerContent.tsx"],"sourcesContent":["import { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Flex } from '../Flex/Flex';\nimport { Heading } from '../Heading/Heading';\nimport { BodyText } from '../BodyText/BodyText';\nimport type { CardBannerContentProps } from './CardBannerContent.props';\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'CardBannerContent';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype CardBannerContentElement = ComponentRef<'div'>;\n\n/**\n * Use CardBannerContent to lay out the heading and description text within a\n * Card banner, alongside any additional content such as actions. Pair it\n * with `CardBannerImage` for banners that include an image or illustration.\n *\n * @summary Text content layout for a Card banner.\n */\nexport const CardBannerContent = forwardRef<CardBannerContentElement, CardBannerContentProps>(\n  ({ heading, description, className, children, textAlign, ...props }, ref) => {\n    return (\n      <Flex\n        ref={ref}\n        className={cn(componentClassName, className)}\n        direction=\"column\"\n        spacing=\"lg\"\n        {...props}\n      >\n        <Flex spacing=\"sm\" direction=\"column\">\n          <Heading size=\"sm\" textAlign={textAlign}>\n            {heading}\n          </Heading>\n          <BodyText size=\"md\" textAlign={textAlign}>\n            {description}\n          </BodyText>\n        </Flex>\n        {children}\n      </Flex>\n    );\n  }\n);\n\nCardBannerContent.displayName = COMPONENT_NAME;\n"],"mappings":";;wMAMA,OAAS,cAAAA,MAAkB,QAyBnB,OACE,OAAAC,EADF,QAAAC,MAAA,oBAtBR,IAAMC,EAAiB,oBACjBC,EAAqBC,EAAiBF,CAAc,EAW7CG,EAAoBN,EAC/B,CAAC,CAAE,QAAAO,EAAS,YAAAC,EAAa,UAAAC,EAAW,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAEjEX,EAACY,EAAA,CACC,IAAKD,EACL,UAAWE,EAAGX,EAAoBK,CAAS,EAC3C,UAAU,SACV,QAAQ,KACP,GAAGG,EAEJ,UAAAV,EAACY,EAAA,CAAK,QAAQ,KAAK,UAAU,SAC3B,UAAAb,EAACe,EAAA,CAAQ,KAAK,KAAK,UAAWL,EAC3B,SAAAJ,EACH,EACAN,EAACgB,EAAA,CAAS,KAAK,KAAK,UAAWN,EAC5B,SAAAH,EACH,GACF,EACCE,GACH,CAGN,EAEAJ,EAAkB,YAAcH","names":["forwardRef","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","CardBannerContent","heading","description","className","children","textAlign","props","ref","Flex","cn","Heading","BodyText"]}

package/dist/chunk-WMOTZLQC.cjs

@@ -0,0 +1,4 @@
+"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; }"use client";
+
+var _chunkWFVKT4MGcjs = require('./chunk-WFVKT4MG.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var g="TabsList",s=_chunk4Q432K4Wcjs.b.call(void 0, g),U= exports.a =_react.forwardRef.call(void 0, ({className:I,children:R,...y},C)=>{let m=_react.useRef.call(void 0, null),c=_react.useRef.call(void 0, null),[E,N]=_react.useState.call(void 0, 0),[W,w]=_react.useState.call(void 0, 0),[h,M]=_react.useState.call(void 0, !1),[p,O]=_react.useState.call(void 0, !1),a=_react.useCallback.call(void 0, ()=>{let e=m.current;if(!e)return;let t=e.querySelector("."+_chunk4Q432K4Wcjs.b.call(void 0, 'Tab[data-state="active"]'));t&&(N(t.offsetLeft),w(t.offsetWidth))},[]),i=_react.useCallback.call(void 0, ()=>{let e=c.current;if(!e)return;let t=e.scrollWidth>e.clientWidth+1,r=t&&e.scrollLeft>0,o=t&&e.scrollLeft+e.clientWidth<e.scrollWidth-1;M(r),O(o)},[]);_react.useLayoutEffect.call(void 0, ()=>{a(),i();let e=m.current,t=c.current;if(!e&&!t)return;let r=new ResizeObserver(()=>{a(),i()});e&&r.observe(e),t&&r.observe(t);let o=new MutationObserver(()=>{a(),i()});e&&o.observe(e,{subtree:!0,attributes:!0,attributeFilter:["data-state"],childList:!0});let L=()=>i();return _optionalChain([t, 'optionalAccess', _ => _.addEventListener, 'call', _2 => _2("scroll",L,{passive:!0})]),()=>{r.disconnect(),o.disconnect(),_optionalChain([t, 'optionalAccess', _3 => _3.removeEventListener, 'call', _4 => _4("scroll",L)])}},[a,i]);let d=_react.useCallback.call(void 0, e=>{let t=c.current;if(!t)return;let r=t.clientWidth*.6,o=Math.max(0,Math.min(t.scrollLeft+e*r,t.scrollWidth-t.clientWidth));t.scrollTo({left:o,behavior:"smooth"})},[]),$=_react.useCallback.call(void 0, ()=>d(-1),[d]),x=_react.useCallback.call(void 0, ()=>d(1),[d]);return _jsxruntime.jsxs.call(void 0, _radixui.Tabs.List,{ref:C,className:_chunkONNSZMWFcjs.a.call(void 0, s,I),...y,children:[h?_jsxruntime.jsx.call(void 0, "div",{className:`${s}ScrollButtonLeft`,"aria-hidden":!0,children:_jsxruntime.jsx.call(void 0, _chunkWFVKT4MGcjs.a,{label:"scroll left",tabIndex:-1,onClick:$,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronLeftSmallIcon,{})})}):null,_jsxruntime.jsx.call(void 0, "div",{className:_chunkONNSZMWFcjs.a.call(void 0, `${s}Scroll`),"data-scroll-left":h?"":void 0,"data-scroll-right":p?"":void 0,ref:c,children:_jsxruntime.jsxs.call(void 0, "div",{className:`${s}Container`,ref:m,children:[R,_jsxruntime.jsx.call(void 0, "div",{className:`${s}Indicator`,style:{transform:`translateX(${E}px)`,width:`${W}px`}})]})}),p?_jsxruntime.jsx.call(void 0, "div",{className:`${s}ScrollButtonRight`,"aria-hidden":!0,children:_jsxruntime.jsx.call(void 0, _chunkWFVKT4MGcjs.a,{label:"scroll right",tabIndex:-1,onClick:x,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronRightSmallIcon,{})})}):null]})});U.displayName=g;exports.a = U;
+//# sourceMappingURL=chunk-WMOTZLQC.cjs.map

package/dist/chunk-WMOTZLQC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-WMOTZLQC.cjs","../src/components/Tabs/TabsList.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","TabsList","forwardRef","className","children","rest","ref","containerRef","useRef","scrollRef","activeTabIndicatorX","setActiveTabIndicatorX","useState","activeTabIndicatorWidth","setActiveTabIndicatorWidth","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","updateIndicator","useCallback","container","activeTrigger","checkOverflow","el","overflow","canLeft","canRight","useLayoutEffect","scrollEl","resizeObserver","mutationObserver","onScroll","scrollBy","direction","step","target","handleScrollLeft","handleScrollRight","jsxs","TabsPrimitive","cn","jsx"],"mappings":"AAAA,ylBAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,8BCA/C,mCAGrC,wEAEsB,+CAkH9C,IA9GRA,CAAAA,CAAiB,UAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAWC,+BAAAA,CACrB,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAK,CAAA,CAAGC,CAAAA,CAAAA,EAAQ,CACzC,IAAMC,CAAAA,CAAeC,2BAAAA,IAAkC,CAAA,CACjDC,CAAAA,CAAYD,2BAAAA,IAAkC,CAAA,CAG9C,CAACE,CAAAA,CAAqBC,CAAsB,CAAA,CAAIC,6BAAAA,CAAU,CAAA,CAC1D,CAACC,CAAAA,CAAyBC,CAA0B,CAAA,CAAIF,6BAAAA,CAAU,CAAA,CAGlE,CAACG,CAAAA,CAAeC,CAAgB,CAAA,CAAIJ,6BAAAA,CAAS,CAAK,CAAA,CAClD,CAACK,CAAAA,CAAgBC,CAAiB,CAAA,CAAIN,6BAAAA,CAAS,CAAK,CAAA,CAGpDO,CAAAA,CAAkBC,gCAAAA,CAAY,CAAA,EAAM,CACxC,IAAMC,CAAAA,CAAYd,CAAAA,CAAa,OAAA,CAC/B,EAAA,CAAI,CAACc,CAAAA,CAAW,MAAA,CAEhB,IAAMC,CAAAA,CAAgBD,CAAAA,CAAU,aAAA,CAC9B,GAAA,CAAMrB,iCAAAA,0BAA2C,CACnD,CAAA,CACKsB,CAAAA,EAAAA,CAELX,CAAAA,CAAuBW,CAAAA,CAAc,UAAU,CAAA,CAC/CR,CAAAA,CAA2BQ,CAAAA,CAAc,WAAW,CAAA,CACtD,CAAA,CAAG,CAAC,CAAC,CAAA,CAGCC,CAAAA,CAAgBH,gCAAAA,CAAY,CAAA,EAAM,CACtC,IAAMI,CAAAA,CAAKf,CAAAA,CAAU,OAAA,CACrB,EAAA,CAAI,CAACe,CAAAA,CAAI,MAAA,CAET,IAAMC,CAAAA,CAAWD,CAAAA,CAAG,WAAA,CAAcA,CAAAA,CAAG,WAAA,CAAc,CAAA,CAC7CE,CAAAA,CAAUD,CAAAA,EAAYD,CAAAA,CAAG,UAAA,CAAa,CAAA,CACtCG,CAAAA,CAAWF,CAAAA,EAAYD,CAAAA,CAAG,UAAA,CAAaA,CAAAA,CAAG,WAAA,CAAcA,CAAAA,CAAG,WAAA,CAAc,CAAA,CAE/ER,CAAAA,CAAiBU,CAAO,CAAA,CACxBR,CAAAA,CAAkBS,CAAQ,CAC5B,CAAA,CAAG,CAAC,CAAC,CAAA,CAGLC,oCAAAA,CAAgB,CAAA,EAAM,CACpBT,CAAAA,CAAgB,CAAA,CAChBI,CAAAA,CAAc,CAAA,CAEd,IAAMF,CAAAA,CAAYd,CAAAA,CAAa,OAAA,CACzBsB,CAAAA,CAAWpB,CAAAA,CAAU,OAAA,CAC3B,EAAA,CAAI,CAACY,CAAAA,EAAa,CAACQ,CAAAA,CAAU,MAAA,CAG7B,IAAMC,CAAAA,CAAiB,IAAI,cAAA,CAAe,CAAA,CAAA,EAAM,CAC9CX,CAAAA,CAAgB,CAAA,CAChBI,CAAAA,CAAc,CAChB,CAAC,CAAA,CAEGF,CAAAA,EAAWS,CAAAA,CAAe,OAAA,CAAQT,CAAS,CAAA,CAC3CQ,CAAAA,EAAUC,CAAAA,CAAe,OAAA,CAAQD,CAAQ,CAAA,CAG7C,IAAME,CAAAA,CAAmB,IAAI,gBAAA,CAAiB,CAAA,CAAA,EAAM,CAClDZ,CAAAA,CAAgB,CAAA,CAChBI,CAAAA,CAAc,CAChB,CAAC,CAAA,CAEGF,CAAAA,EACFU,CAAAA,CAAiB,OAAA,CAAQV,CAAAA,CAAW,CAClC,OAAA,CAAS,CAAA,CAAA,CACT,UAAA,CAAY,CAAA,CAAA,CACZ,eAAA,CAAiB,CAAC,YAAY,CAAA,CAC9B,SAAA,CAAW,CAAA,CACb,CAAC,CAAA,CAIH,IAAMW,CAAAA,CAAW,CAAA,CAAA,EAAMT,CAAAA,CAAc,CAAA,CACrC,uBAAAM,CAAAA,2BAAU,gBAAA,mBAAiB,QAAA,CAAUG,CAAAA,CAAU,CAAE,OAAA,CAAS,CAAA,CAAK,CAAC,GAAA,CAEzD,CAAA,CAAA,EAAM,CACXF,CAAAA,CAAe,UAAA,CAAW,CAAA,CAC1BC,CAAAA,CAAiB,UAAA,CAAW,CAAA,iBAC5BF,CAAAA,6BAAU,mBAAA,mBAAoB,QAAA,CAAUG,CAAQ,GAClD,CACF,CAAA,CAAG,CAACb,CAAAA,CAAiBI,CAAa,CAAC,CAAA,CAGnC,IAAMU,CAAAA,CAAWb,gCAAAA,CAAac,EAAsB,CAClD,IAAMV,CAAAA,CAAKf,CAAAA,CAAU,OAAA,CACrB,EAAA,CAAI,CAACe,CAAAA,CAAI,MAAA,CAET,IAAMW,CAAAA,CAAOX,CAAAA,CAAG,WAAA,CAAc,EAAA,CACxBY,CAAAA,CAAS,IAAA,CAAK,GAAA,CAClB,CAAA,CACA,IAAA,CAAK,GAAA,CAAIZ,CAAAA,CAAG,UAAA,CAAaU,CAAAA,CAAYC,CAAAA,CAAMX,CAAAA,CAAG,WAAA,CAAcA,CAAAA,CAAG,WAAW,CAC5E,CAAA,CACAA,CAAAA,CAAG,QAAA,CAAS,CAAE,IAAA,CAAMY,CAAAA,CAAQ,QAAA,CAAU,QAAS,CAAC,CAClD,CAAA,CAAG,CAAC,CAAC,CAAA,CAECC,CAAAA,CAAmBjB,gCAAAA,CAAY,CAAA,EAAMa,CAAAA,CAAS,CAAA,CAAE,CAAA,CAAG,CAACA,CAAQ,CAAC,CAAA,CAC7DK,CAAAA,CAAoBlB,gCAAAA,CAAY,CAAA,EAAMa,CAAAA,CAAS,CAAC,CAAA,CAAG,CAACA,CAAQ,CAAC,CAAA,CAEnE,OACEM,8BAAAA,aAACC,CAAc,IAAA,CAAd,CAAmB,GAAA,CAAKlC,CAAAA,CAAK,SAAA,CAAWmC,iCAAAA,CAAG1C,CAAoBI,CAAS,CAAA,CAAI,GAAGE,CAAAA,CAC7E,QAAA,CAAA,CAAAU,CAAAA,CACC2B,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-WMOTZLQC.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef, useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { Tabs as TabsPrimitive } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ChevronLeftSmallIcon, ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport type { TabsListProps } from './Tabs.props';\n\nconst COMPONENT_NAME = 'TabsList';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype TabsListElement = ComponentRef<'div'>;\n\nexport const TabsList = forwardRef<TabsListElement, TabsListProps>(\n  ({ className, children, ...rest }, ref) => {\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const scrollRef = useRef<HTMLDivElement | null>(null);\n\n    // Underline indicator that animates to match the active tab trigger\n    const [activeTabIndicatorX, setActiveTabIndicatorX] = useState(0);\n    const [activeTabIndicatorWidth, setActiveTabIndicatorWidth] = useState(0);\n\n    // Whether horizontal scroll icons should be shown\n    const [canScrollLeft, setCanScrollLeft] = useState(false);\n    const [canScrollRight, setCanScrollRight] = useState(false);\n\n    // Sync indicator position/size to the current active tab trigger\n    const updateIndicator = useCallback(() => {\n      const container = containerRef.current;\n      if (!container) return;\n\n      const activeTrigger = container.querySelector<HTMLElement>(\n        '.' + withGlobalPrefix('Tab[data-state=\"active\"]')\n      );\n      if (!activeTrigger) return;\n\n      setActiveTabIndicatorX(activeTrigger.offsetLeft);\n      setActiveTabIndicatorWidth(activeTrigger.offsetWidth);\n    }, []);\n\n    // Compute overflow and whether we can scroll left/right to show scroll icons\n    const checkOverflow = useCallback(() => {\n      const el = scrollRef.current;\n      if (!el) return;\n\n      const overflow = el.scrollWidth > el.clientWidth + 1;\n      const canLeft = overflow && el.scrollLeft > 0;\n      const canRight = overflow && el.scrollLeft + el.clientWidth < el.scrollWidth - 1;\n\n      setCanScrollLeft(canLeft);\n      setCanScrollRight(canRight);\n    }, []);\n\n    // Keep indicator and scroll buttons in sync with DOM/layout changes\n    useLayoutEffect(() => {\n      updateIndicator();\n      checkOverflow();\n\n      const container = containerRef.current;\n      const scrollEl = scrollRef.current;\n      if (!container && !scrollEl) return;\n\n      // Watch size changes (container and scroll viewport)\n      const resizeObserver = new ResizeObserver(() => {\n        updateIndicator();\n        checkOverflow();\n      });\n\n      if (container) resizeObserver.observe(container);\n      if (scrollEl) resizeObserver.observe(scrollEl);\n\n      // Watch DOM mutations that can affect which tab is active or present\n      const mutationObserver = new MutationObserver(() => {\n        updateIndicator();\n        checkOverflow();\n      });\n\n      if (container) {\n        mutationObserver.observe(container, {\n          subtree: true,\n          attributes: true,\n          attributeFilter: ['data-state'],\n          childList: true,\n        });\n      }\n\n      // Update scroll icons as the user scrolls\n      const onScroll = () => checkOverflow();\n      scrollEl?.addEventListener('scroll', onScroll, { passive: true });\n\n      return () => {\n        resizeObserver.disconnect();\n        mutationObserver.disconnect();\n        scrollEl?.removeEventListener('scroll', onScroll);\n      };\n    }, [updateIndicator, checkOverflow]);\n\n    // Smoothly scroll the tab section by ~60% of the viewport width\n    const scrollBy = useCallback((direction: 1 | -1) => {\n      const el = scrollRef.current;\n      if (!el) return;\n\n      const step = el.clientWidth * 0.6;\n      const target = Math.max(\n        0,\n        Math.min(el.scrollLeft + direction * step, el.scrollWidth - el.clientWidth)\n      );\n      el.scrollTo({ left: target, behavior: 'smooth' });\n    }, []);\n\n    const handleScrollLeft = useCallback(() => scrollBy(-1), [scrollBy]);\n    const handleScrollRight = useCallback(() => scrollBy(1), [scrollBy]);\n\n    return (\n      <TabsPrimitive.List ref={ref} className={cn(componentClassName, className)} {...rest}>\n        {canScrollLeft ? (\n          <div className={`${componentClassName}ScrollButtonLeft`} aria-hidden>\n            <UnstyledIconButton label=\"scroll left\" tabIndex={-1} onClick={handleScrollLeft}>\n              <ChevronLeftSmallIcon />\n            </UnstyledIconButton>\n          </div>\n        ) : null}\n        <div\n          className={cn(`${componentClassName}Scroll`)}\n          data-scroll-left={canScrollLeft ? '' : undefined}\n          data-scroll-right={canScrollRight ? '' : undefined}\n          ref={scrollRef}\n        >\n          <div className={`${componentClassName}Container`} ref={containerRef}>\n            {children}\n            <div\n              className={`${componentClassName}Indicator`}\n              // Animated underline: position and width driven by active trigger\n              style={{\n                transform: `translateX(${activeTabIndicatorX}px)`,\n                width: `${activeTabIndicatorWidth}px`,\n              }}\n            />\n          </div>\n        </div>\n        {canScrollRight ? (\n          <div className={`${componentClassName}ScrollButtonRight`} aria-hidden>\n            <UnstyledIconButton label=\"scroll right\" tabIndex={-1} onClick={handleScrollRight}>\n              <ChevronRightSmallIcon />\n            </UnstyledIconButton>\n          </div>\n        ) : null}\n      </TabsPrimitive.List>\n    );\n  }\n);\n\nTabsList.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-WNMUEIB4.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var o=["none","inline-grid","grid"],r=["1","2","3","4","5","6","7","8","9","10","11","12"],s=["row","column","dense","row-dense","column-dense"],e=["start","center","end","stretch"],t= exports.a ={display:{className:"d",tokens:o,responsive:!0},columns:{className:"columns",tokens:r,responsive:!0},template:{className:"grid-t",responsive:!0},templateColumns:{className:"grid-tc",responsive:!0},templateRows:{className:"grid-tr",responsive:!0},templateAreas:{className:"grid-ta",responsive:!0},autoFlow:{className:"grid-af",tokens:s,responsive:!0},autoColumns:{className:"grid-ac",responsive:!0},autoRows:{className:"grid-ar",responsive:!0},justifyItems:{className:"ji",tokens:e,responsive:!0}};exports.a = t;
+//# sourceMappingURL=chunk-WNMUEIB4.cjs.map

package/dist/chunk-WNMUEIB4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-WNMUEIB4.cjs","../src/components/Grid/Grid.props.ts"],"names":["displayValues","columnsValues","flowValues","justifyItemsValues","gridPropDefs"],"mappings":"AAAA,qFAAY;AACZ;AC2BA,IAAMA,CAAAA,CAAgB,CAAC,MAAA,CAAQ,aAAA,CAAe,MAAM,CAAA,CAC9CC,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,CAC9EC,CAAAA,CAAa,CAAC,KAAA,CAAO,QAAA,CAAU,OAAA,CAAS,WAAA,CAAa,cAAc,CAAA,CACnEC,CAAAA,CAAqB,CAAC,OAAA,CAAS,QAAA,CAAU,KAAA,CAAO,SAAS,CAAA,CAMlDC,CAAAA,aAAe,CAS1B,OAAA,CAAS,CAAE,SAAA,CAAW,GAAA,CAAK,MAAA,CAAQJ,CAAAA,CAAe,UAAA,CAAY,CAAA,CAAK,CAAA,CAYnE,OAAA,CAAS,CAAE,SAAA,CAAW,SAAA,CAAW,MAAA,CAAQC,CAAAA,CAAe,UAAA,CAAY,CAAA,CAAK,CAAA,CAKzE,QAAA,CAAU,CAAE,SAAA,CAAW,QAAA,CAAU,UAAA,CAAY,CAAA,CAAK,CAAA,CAKlD,eAAA,CAAiB,CAAE,SAAA,CAAW,SAAA,CAAW,UAAA,CAAY,CAAA,CAAK,CAAA,CAK1D,YAAA,CAAc,CAAE,SAAA,CAAW,SAAA,CAAW,UAAA,CAAY,CAAA,CAAK,CAAA,CAKvD,aAAA,CAAe,CAAE,SAAA,CAAW,SAAA,CAAW,UAAA,CAAY,CAAA,CAAK,CAAA,CAKxD,QAAA,CAAU,CAAE,SAAA,CAAW,SAAA,CAAW,MAAA,CAAQC,CAAAA,CAAY,UAAA,CAAY,CAAA,CAAK,CAAA,CAKvE,WAAA,CAAa,CAAE,SAAA,CAAW,SAAA,CAAW,UAAA,CAAY,CAAA,CAAK,CAAA,CAKtD,QAAA,CAAU,CAAE,SAAA,CAAW,SAAA,CAAW,UAAA,CAAY,CAAA,CAAK,CAAA,CAKnD,YAAA,CAAc,CAAE,SAAA,CAAW,IAAA,CAAM,MAAA,CAAQC,CAAAA,CAAoB,UAAA,CAAY,CAAA,CAAK,CAChF,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-WNMUEIB4.cjs","sourcesContent":[null,"import { AlignContentProps } from '../../props/align-content.props';\nimport { AlignSelfProps } from '../../props/align-self.props';\nimport { ComponentPropsWithRef } from 'react';\nimport { AlignItemsProps } from '../../props/align-items.props';\nimport { BackgroundColorProps } from '../../props/background-color.props';\nimport { BorderColorProps } from '../../props/border-color.props';\nimport { BorderRadiusProps } from '../../props/border-radius.props';\nimport { BorderStyleProps } from '../../props/border-style.props';\nimport { BorderWidthProps } from '../../props/border-width.props';\nimport { ColorProps } from '../../props/color.props';\nimport { FlexItemProps } from '../../props/flex-item.props';\nimport { GapProps } from '../../props/gap.props';\nimport { GridItemProps } from '../../props/grid-item.props';\nimport { JustifyContentProps } from '../../props/justify-content.props';\nimport { MarginProps } from '../../props/margin.props';\nimport { OpacityProps } from '../../props/opacity.props';\nimport { OverflowProps } from '../../props/overflow.props';\nimport { PaddingProps } from '../../props/padding.props';\nimport { PositionProps } from '../../props/position.props';\nimport { PropDef } from '../../props/prop-def';\nimport { SizeProps } from '../../props/size.props';\nimport { SpacingProps } from '../../props/spacing.props';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { ZIndexProps } from '../../props/z-index.props';\nimport { Responsive, Union } from '../../types/responsive';\nimport { OrderProps } from '../../props/order.props';\n\nconst displayValues = ['none', 'inline-grid', 'grid'] as const;\nconst columnsValues = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\nconst flowValues = ['row', 'column', 'dense', 'row-dense', 'column-dense'] as const;\nconst justifyItemsValues = ['start', 'center', 'end', 'stretch'] as const;\n\n/**\n * Low-level prop definitions used by the Grid component to generate utility\n * class names and map props to CSS properties.\n */\nexport const gridPropDefs = {\n  /**\n   * Controls the CSS `display` property for the grid container.\n   *\n   * @example\n   * ```tsx\n   * <Grid display=\"grid\" />\n   * ```\n   */\n  display: { className: 'd', tokens: displayValues, responsive: true },\n\n  /**\n   * Shorthand for setting `grid-template-columns` using a 12-column system.\n   * Accepts a number as a string (`\"1\"`–`\"12\"`) or a custom template string.\n   *\n   * @example\n   * ```tsx\n   * <Grid columns=\"3\" />\n   * <Grid columns=\"1fr 2fr\" />\n   * ```\n   */\n  columns: { className: 'columns', tokens: columnsValues, responsive: true },\n\n  /**\n   * Shorthand for the full `grid-template` property.\n   */\n  template: { className: 'grid-t', responsive: true },\n\n  /**\n   * Maps to `grid-template-columns`.\n   */\n  templateColumns: { className: 'grid-tc', responsive: true },\n\n  /**\n   * Maps to `grid-template-rows`.\n   */\n  templateRows: { className: 'grid-tr', responsive: true },\n\n  /**\n   * Maps to `grid-template-areas`.\n   */\n  templateAreas: { className: 'grid-ta', responsive: true },\n\n  /**\n   * Maps to `grid-auto-flow`.\n   */\n  autoFlow: { className: 'grid-af', tokens: flowValues, responsive: true },\n\n  /**\n   * Maps to `grid-auto-columns`.\n   */\n  autoColumns: { className: 'grid-ac', responsive: true },\n\n  /**\n   * Maps to `grid-auto-rows`.\n   */\n  autoRows: { className: 'grid-ar', responsive: true },\n\n  /**\n   * Maps to `justify-items`.\n   */\n  justifyItems: { className: 'ji', tokens: justifyItemsValues, responsive: true },\n} satisfies {\n  display: PropDef<(typeof displayValues)[number]>;\n  columns: PropDef<(typeof columnsValues)[number]>;\n  template: PropDef<string>;\n  templateAreas: PropDef<string>;\n  templateColumns: PropDef<string>;\n  templateRows: PropDef<string>;\n  autoFlow: PropDef<(typeof flowValues)[number]>;\n  autoColumns: PropDef<string>;\n  autoRows: PropDef<string>;\n  justifyItems: PropDef<(typeof justifyItemsValues)[number]>;\n};\n\n/**\n * Common props shared by all Grid variants. These props primarily control\n * layout, spacing, and positioning of the grid container and its items.\n */\nexport interface CommonGridProps\n  extends\n    AlignContentProps,\n    AlignItemsProps,\n    AlignSelfProps,\n    BackgroundColorProps,\n    BorderColorProps,\n    BorderRadiusProps,\n    BorderStyleProps,\n    BorderWidthProps,\n    ColorProps,\n    FlexItemProps,\n    GapProps,\n    GridItemProps,\n    JustifyContentProps,\n    MarginProps,\n    OpacityProps,\n    OrderProps,\n    OverflowProps,\n    PaddingProps,\n    PositionProps,\n    SizeProps,\n    SpacingProps,\n    TextAlignProps,\n    TextTransformProps,\n    ZIndexProps {\n  /**\n   * When `true`, renders the Grid as a `Slot` so that its props are\n   * forwarded to the child element instead of rendering a DOM node.\n   */\n  asChild?: boolean;\n\n  /**\n   * When `true`, applies a default responsive column configuration (typically\n   * a single column on small screens and multiple columns on larger screens).\n   */\n  defaultResponsiveColumns?: boolean;\n\n  /**\n   * Controls the `display` behavior of the grid container.\n   */\n  display?: Responsive<(typeof displayValues)[number]>;\n\n  /**\n   * Shorthand for configuring columns using the 12-column system or a custom\n   * `grid-template-columns` string. Supports responsive values.\n   */\n  columns?: Responsive<Union<string, (typeof columnsValues)[number]>>;\n\n  /**\n   * Shorthand for the full `grid-template` property. Supports responsive values.\n   */\n  template?: Responsive<string>;\n\n  /**\n   * Maps to `grid-template-columns`. Supports responsive values.\n   */\n  templateColumns?: Responsive<string>;\n\n  /**\n   * Maps to `grid-template-rows`. Supports responsive values.\n   */\n  templateRows?: Responsive<string>;\n\n  /**\n   * Maps to `grid-template-areas`. Supports responsive values.\n   */\n  templateAreas?: Responsive<string>;\n\n  /**\n   * Maps to `grid-auto-flow`. Supports responsive values.\n   */\n  autoFlow?: Responsive<(typeof flowValues)[number]>;\n\n  /**\n   * Maps to `grid-auto-rows`. Supports responsive values.\n   */\n  autoRows?: Responsive<string>;\n\n  /**\n   * Maps to `grid-auto-columns`. Supports responsive values.\n   */\n  autoColumns?: Responsive<string>;\n\n  /**\n   * Maps to `justify-items`. Supports responsive values.\n   */\n  justifyItems?: Responsive<(typeof justifyItemsValues)[number]>;\n}\n\ntype GridDivProps = {\n  /** Renders a `div` element. This is the default. */\n  as?: 'div';\n} & ComponentPropsWithRef<'div'>;\ntype GridSpanProps = {\n  /** Renders a `span` element. */\n  as: 'span';\n} & ComponentPropsWithRef<'span'>;\nexport type GridProps = CommonGridProps & (GridSpanProps | GridDivProps);\n"]}

package/dist/chunk-WSQTW3VH.cjs

@@ -0,0 +1,4 @@
+"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; }"use client";
+
+var _chunkMZMYW4KCcjs = require('./chunk-MZMYW4KC.cjs');var _chunkWSD52THLcjs = require('./chunk-WSD52THL.cjs');var _chunkS3DGCUDLcjs = require('./chunk-S3DGCUDL.cjs');var _chunkDR4D5JX2cjs = require('./chunk-DR4D5JX2.cjs');var _chunkRAIRXO6Fcjs = require('./chunk-RAIRXO6F.cjs');var _chunkQKGE3FJXcjs = require('./chunk-QKGE3FJX.cjs');var _chunkOB7O3UFLcjs = require('./chunk-OB7O3UFL.cjs');var _chunkRIHABKWYcjs = require('./chunk-RIHABKWY.cjs');var _chunkHIF6HKZ3cjs = require('./chunk-HIF6HKZ3.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _radixui = require('radix-ui');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var H="Checkbox",a=_chunk4Q432K4Wcjs.b.call(void 0, H),Q= exports.a =_react.forwardRef.call(void 0, (S,E)=>{let{id:L,label:m,helperText:r,className:U,disabled:p,onCheckedChange:b,value:t="on","aria-labelledby":D,image:M,validationStatus:n,validationText:l,...O}=_chunkZPJNQBTNcjs.a.call(void 0, S,_chunkOB7O3UFLcjs.a),{id:f,labelId:x,helperTextId:h,validationTextId:d}=_chunkRIHABKWYcjs.a.call(void 0, {providedId:L,prefix:"checkbox"}),e=_chunkWSD52THLcjs.c.call(void 0, ),i=_chunkDR4D5JX2cjs.c.call(void 0, ),$=_optionalChain([i, 'optionalAccess', _2 => _2.value, 'optionalAccess', _3 => _3.includes, 'call', _4 => _4(t)]),A=_optionalChain([e, 'optionalAccess', _5 => _5.hasGroupHelperText]),B=_optionalChain([e, 'optionalAccess', _6 => _6.hasGroupValidationText]),_=e?e["aria-describedby"]:"",q=!A&&!!r,u=!!m,C=!B&&n!==void 0&&l!==void 0,z=_chunkHIF6HKZ3cjs.a.call(void 0, _,r?h:void 0,C&&l!==void 0?d:void 0);return _jsxruntime.jsxs.call(void 0, _chunkQKGE3FJXcjs.a,{className:_chunkONNSZMWFcjs.a.call(void 0, a,U),"data-testid":a,"data-disabled":p?"":void 0,children:[_jsxruntime.jsx.call(void 0, _radixui.Checkbox.Root,{ref:E,className:`${a}Root`,name:_optionalChain([i, 'optionalAccess', _7 => _7.name]),checked:$,value:t,...O,id:f,disabled:p,"aria-describedby":z,"aria-labelledby":D||u?x:void 0,"aria-errormessage":n==="invalid"?d:void 0,onCheckedChange:k=>{e&&(k?_optionalChain([i, 'optionalAccess', _8 => _8.onItemCheck, 'call', _9 => _9(t)]):_optionalChain([i, 'optionalAccess', _10 => _10.onItemUncheck, 'call', _11 => _11(t)])),b&&b(k)},children:_jsxruntime.jsx.call(void 0, _radixui.Checkbox.Indicator,{asChild:!0,className:`${a}Indicator`,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.TickSmallIcon,{})})}),u?_jsxruntime.jsxs.call(void 0, _chunkQKGE3FJXcjs.a,{direction:"column",children:[_jsxruntime.jsxs.call(void 0, _chunkMZMYW4KCcjs.a,{id:x,htmlFor:f,disableUserSelect:!0,children:[M,m]}),q?_jsxruntime.jsx.call(void 0, _chunkRAIRXO6Fcjs.a,{id:h,disableUserSelect:!0,children:r}):null,C?_jsxruntime.jsx.call(void 0, _chunkS3DGCUDLcjs.a,{id:d,status:n,disableUserSelect:!0,children:l}):null]}):null]})});Q.displayName=H;exports.a = Q;
+//# sourceMappingURL=chunk-WSQTW3VH.cjs.map

package/dist/chunk-WSQTW3VH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-WSQTW3VH.cjs","../src/components/Checkbox/Checkbox.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Checkbox","forwardRef","props","ref","providedId","label","helperText","className","disabled","onCheckedChange","value","ariaLabelledby","image","validationStatus","validationText","checkboxProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","context","useFormGroupBase","checkboxContext","useCheckboxGroup","checked","hasGroupHelperText","hasGroupValidationText","ariaDescribedby","showHelperText","showLabel","showValidation","ariaDescribedbyValue","mergeIds","jsxs","Flex","cn","jsx","CheckboxPrimitive"],"mappings":"AAAA,ylBAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wECK7c,mCAKgB,8BAMnB,+CAoFjB,IAlFJA,CAAAA,CAAiB,UAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAa7CC,CAAAA,aAAWC,+BAAAA,CAA4CC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACjF,GAAM,CACJ,EAAA,CAAIC,CAAAA,CACJ,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CAAQ,IAAA,CACR,iBAAA,CAAmBC,CAAAA,CACnB,KAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAad,CAAOe,mBAAc,CAAA,CAChC,CAAE,EAAA,CAAAC,CAAAA,CAAI,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAAC,CAAAA,CAAc,gBAAA,CAAAC,CAAiB,CAAA,CAAIC,iCAAAA,CACtD,UAAA,CAAAlB,CAAAA,CACA,MAAA,CAAQ,UACV,CAAC,CAAA,CACKmB,CAAAA,CAAUC,iCAAAA,CAAiB,CAC3BC,CAAAA,CAAkBC,iCAAAA,CAAiB,CACnCC,CAAAA,iBAAUF,CAAAA,6BAAiB,KAAA,6BAAO,QAAA,mBAASf,CAAK,GAAA,CAChDkB,CAAAA,iBAAqBL,CAAAA,6BAAS,oBAAA,CAC9BM,CAAAA,iBAAyBN,CAAAA,6BAAS,wBAAA,CAClCO,CAAAA,CAAkBP,CAAAA,CAAUA,CAAAA,CAAQ,kBAAkB,CAAA,CAAI,EAAA,CAC1DQ,CAAAA,CAAiB,CAACH,CAAAA,EAAsB,CAAC,CAACtB,CAAAA,CAC1C0B,CAAAA,CAAY,CAAC,CAAC3B,CAAAA,CACd4B,CAAAA,CACJ,CAACJ,CAAAA,EAA0BhB,CAAAA,GAAqB,KAAA,CAAA,EAAaC,CAAAA,GAAmB,KAAA,CAAA,CAE5EoB,CAAAA,CAAuBC,iCAAAA,CAC3BL,CACExB,CAAAA,CAAac,CAAAA,CAAe,KAAA,CAAA,CAC9Ba,CAAAA,EAAkBnB,CAAAA,GAAmB,KAAA,CAAA,CAAYO,CAAAA,CAAmB,KAAA,CACtE,CAAA,CAEA,OACEe,8BAAAA,mBAACC,CAAA,CACC,SAAA,CAAWC,iCAAAA,CAAGxC,CAAoBS,CAAS,CAAA,CAC3C,aAAA,CAAaT,CAAAA,CACb,eAAA,CAAeU,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAE/B,QAAA,CAAA,CAAA+B,6BAAAA,iBAACC,CAAkB,IAAA,CAAlB,CACC,GAAA,CAAKrC,CAAAA,CACL,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-WSQTW3VH.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport type { CheckboxProps } from './Checkbox.props';\nimport { Flex } from '../Flex/Flex';\nimport { Label } from '../Label/Label';\nimport { HelperText } from '../HelperText/HelperText';\nimport { TickSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { useIds } from '../../hooks/use-ids';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { useCheckboxGroup } from '../CheckboxGroup/CheckboxGroup.context';\nimport { useFormGroupBase } from '../FormGroupBase/FormGroupBase.context';\nimport { ValidationText } from '../ValidationText/ValidationText';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport type { ComponentRef } from 'react';\nimport { forwardRef } from 'react';\n\nconst COMPONENT_NAME = 'Checkbox';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype CheckboxElement = ComponentRef<'button'>;\n\n/**\n * Use Checkbox to let a user toggle a dual-state option between checked and\n * not checked. It can be used independently, but when presenting multiple\n * checkboxes together use `CheckboxGroup` instead, which handles their state\n * and layout. If not using the `label` prop, provide an `aria-label` or\n * `aria-labelledby` so the checkbox has an accessible name.\n *\n * @summary A dual-state control letting a user toggle between checked and not checked.\n */\nexport const Checkbox = forwardRef<CheckboxElement, CheckboxProps>((props, ref) => {\n  const {\n    id: providedId,\n    label,\n    helperText,\n    className,\n    disabled,\n    onCheckedChange,\n    value = 'on',\n    'aria-labelledby': ariaLabelledby,\n    image,\n    validationStatus,\n    validationText,\n    ...checkboxProps\n  } = extractProps(props, marginPropDefs);\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'checkbox',\n  });\n  const context = useFormGroupBase();\n  const checkboxContext = useCheckboxGroup();\n  const checked = checkboxContext?.value?.includes(value);\n  const hasGroupHelperText = context?.hasGroupHelperText;\n  const hasGroupValidationText = context?.hasGroupValidationText;\n  const ariaDescribedby = context ? context['aria-describedby'] : '';\n  const showHelperText = !hasGroupHelperText && !!helperText;\n  const showLabel = !!label;\n  const showValidation =\n    !hasGroupValidationText && validationStatus !== undefined && validationText !== undefined;\n\n  const ariaDescribedbyValue = mergeIds(\n    ariaDescribedby,\n    !!helperText ? helperTextId : undefined,\n    showValidation && validationText !== undefined ? validationTextId : undefined\n  );\n\n  return (\n    <Flex\n      className={cn(componentClassName, className)}\n      data-testid={componentClassName}\n      data-disabled={disabled ? '' : undefined}\n    >\n      <CheckboxPrimitive.Root\n        ref={ref}\n        className={`${componentClassName}Root`}\n        name={checkboxContext?.name}\n        checked={checked}\n        value={value}\n        {...checkboxProps}\n        id={id}\n        disabled={disabled}\n        aria-describedby={ariaDescribedbyValue}\n        aria-labelledby={ariaLabelledby || showLabel ? labelId : undefined}\n        aria-errormessage={validationStatus === 'invalid' ? validationTextId : 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        <CheckboxPrimitive.Indicator asChild className={`${componentClassName}Indicator`}>\n          <TickSmallIcon />\n        </CheckboxPrimitive.Indicator>\n      </CheckboxPrimitive.Root>\n      {showLabel ? (\n        <Flex direction=\"column\">\n          <Label id={labelId} htmlFor={id} disableUserSelect>\n            {image}\n            {label}\n          </Label>\n          {showHelperText ? (\n            <HelperText id={helperTextId} disableUserSelect>\n              {helperText}\n            </HelperText>\n          ) : null}\n          {showValidation ? (\n            <ValidationText id={validationTextId} status={validationStatus} disableUserSelect>\n              {validationText}\n            </ValidationText>\n          ) : null}\n        </Flex>\n      ) : null}\n    </Flex>\n  );\n});\n\nCheckbox.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-WTWF62OS.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as s}from"./chunk-PA4C67SO.js";import{a as p}from"./chunk-2OMLGMRF.js";import{a as l}from"./chunk-VYI2K7YI.js";import{a as i}from"./chunk-RH5FXMPM.js";import{a as e}from"./chunk-OPPG3NOC.js";import{a}from"./chunk-4NKDPRXJ.js";import{a as n}from"./chunk-MEOGXNU6.js";import{a as m}from"./chunk-ZDMXLKPU.js";import{a as t}from"./chunk-KGEVWEVL.js";import{a as o}from"./chunk-J3AJBV4B.js";import{b as r}from"./chunk-PDEVCIQ3.js";import{forwardRef as N}from"react";import{jsx as E,jsxs as R}from"react/jsx-runtime";var d="ToggleButtonCard",f=r(d),x=N((g,b)=>{let{className:c,style:C,children:u,label:y,"aria-label":B,"aria-labelledby":P,"aria-describedby":T,...D}=t(g,a,l,m,n,i,e);return R(p,{direction:"column",className:o(f,c),"data-testid":f,style:C,children:[u,E(s,{ref:b,"aria-label":B,"aria-labelledby":P,"aria-describedby":T,...D,children:y})]})});x.displayName=d;export{x as a};
+//# sourceMappingURL=chunk-WTWF62OS.js.map

package/dist/chunk-WWLZJ5GG.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkIWJMKPPJcjs = require('./chunk-IWJMKPPJ.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _chunkZSLWPF2Ucjs = require('./chunk-ZSLWPF2U.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _react = require('react');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var m="CardActionLink",y=_chunk4Q432K4Wcjs.b.call(void 0, m),E= exports.a =_react.forwardRef.call(void 0, (c,p)=>{let{className:l,heading:C,helperText:s,leadingIcon:d,leadingIconContainerColorScheme:f,trailingIcon:n,badge:A,badgePlacement:g,asChild:t,children:h,...k}=c,L={heading:C,helperText:s,leadingIcon:d,leadingIconContainerColorScheme:f,badge:A,badgePlacement:g},N=t?_radixui.Slot.Root:"a";return _jsxruntime.jsx.call(void 0, N,{ref:p,className:_chunkONNSZMWFcjs.a.call(void 0, y,l),...k,children:_chunkZSLWPF2Ucjs.a.call(void 0, {asChild:t,children:h},P=>_jsxruntime.jsx.call(void 0, _chunkIWJMKPPJcjs.a,{trailingIcon:n||_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronRightSmallIcon,{}),...L,children:P}))})});E.displayName=m;exports.a = E;
+//# sourceMappingURL=chunk-WWLZJ5GG.cjs.map

package/dist/chunk-WWLZJ5GG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-WWLZJ5GG.cjs","../src/components/CardActions/CardActionLink.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","CardActionLink","forwardRef","props","ref","className","heading","helperText","leadingIcon","leadingIconContainerColorScheme","trailingIcon","badge","badgePlacement","asChild","children","restProps","contentProps","Component","Slot","jsx","cn","getSubtree","CardActionContent","ChevronRightSmallIcon"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAmC,wDAAyC,wDAAyC,wDAAyC,wECGxH,8BAGX,mCACN,+CA8CmC,IAzClDA,CAAAA,CAAiB,gBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAS7CC,CAAAA,aAAiBC,+BAAAA,CAC3BC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACd,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,+BAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIZ,CAAAA,CAEEa,CAAAA,CAAe,CACnB,OAAA,CAAAV,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,+BAAA,CAAAC,CAAAA,CACA,KAAA,CAAAE,CAAAA,CACA,cAAA,CAAAC,CACF,CAAA,CAEMK,CAAAA,CAAYJ,CAAAA,CAAUK,aAAAA,CAAK,IAAA,CAAO,GAAA,CAExC,OACEC,6BAAAA,CAACF,CAAA,CAAU,GAAA,CAAKb,CAAAA,CAAK,SAAA,CAAWgB,iCAAAA,CAAGrB,CAAoBM,CAAS,CAAA,CAAI,GAAGU,CAAAA,CACpE,QAAA,CAAAM,iCAAAA,CAAa,OAAA,CAAAR,CAAAA,CAAS,QAAA,CAAAC,CAAS,CAAA,CAAGA,CAAAA,EACjCK,6BAAAA,mBAACG,CAAA,CACC,YAAA,CAAcZ,CAAAA,EAA8BS,6BAAAA,uCAACI,CAAA,CAAA,CAAsB,CAAA,CAClE,GAAGP,CAAAA,CAEH,QAAA,CAAAF,CAAAA,CACH,CACD,CAAA,CACH,CAEJ,CACF,CAAA,CAEAb,CAAAA,CAAe,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-WWLZJ5GG.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport type { CardActionLinkProps } from './CardActionLink.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { CardActionContent } from './CardActionContent';\nimport type { ComponentRef } from 'react';\nimport { forwardRef } from 'react';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\n\ntype CardActionLinkElement = ComponentRef<'a'>;\n\nconst COMPONENT_NAME = 'CardActionLink';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\n/**\n * Use CardActionLink within a Card to navigate to another page or\n * location. Use `CardActionButton` instead when the action doesn't\n * navigate.\n *\n * @summary A Card action that renders a link.\n */\nexport const CardActionLink = forwardRef<CardActionLinkElement, CardActionLinkProps>(\n  (props, ref) => {\n    const {\n      className,\n      heading,\n      helperText,\n      leadingIcon,\n      leadingIconContainerColorScheme,\n      trailingIcon,\n      badge,\n      badgePlacement,\n      asChild,\n      children,\n      ...restProps\n    } = props;\n\n    const contentProps = {\n      heading,\n      helperText,\n      leadingIcon,\n      leadingIconContainerColorScheme,\n      badge,\n      badgePlacement,\n    };\n\n    const Component = asChild ? Slot.Root : 'a';\n\n    return (\n      <Component ref={ref} className={cn(componentClassName, className)} {...restProps}>\n        {getSubtree({ asChild, children }, children => (\n          <CardActionContent\n            trailingIcon={trailingIcon ? trailingIcon : <ChevronRightSmallIcon />}\n            {...contentProps}\n          >\n            {children}\n          </CardActionContent>\n        ))}\n      </Component>\n    );\n  }\n);\n\nCardActionLink.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-WYLVXCEC.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a}from"./chunk-MD3VAECH.js";import{a as l}from"./chunk-XVM5ECBR.js";import{b as d}from"./chunk-PDEVCIQ3.js";import{ChevronDownSmallIcon as I,ChevronLeftSmallIcon as g,ChevronRightSmallIcon as B,ChevronUpSmallIcon as T}from"@utilitywarehouse/hearth-react-icons";import{jsx as t,jsxs as s}from"react/jsx-runtime";var c="DatePickerHeader",r=d(c),O=({date:o,decreaseYear:i,increaseYear:m,decreaseMonth:y,increaseMonth:p,prevMonthButtonDisabled:u,nextMonthButtonDisabled:h,prevYearButtonDisabled:b,nextYearButtonDisabled:f,view:e,onClick:C,visibleYearsRange:n,disableTodayIndicator:N})=>{let k={days:[["January","February","March","April","May","June","July","August","September","October","November","December"][o.getMonth()],o.getFullYear()].join(" "),months:o.getFullYear().toString(),years:n?[n.startYear,"-",n.endYear].join(" "):void 0},P=e==="days"?y:e==="years"?i:void 0,D=e==="days"?p:e==="years"?m:void 0,x=e==="days"&&u||e==="years"&&b,M=e==="days"&&h||e==="years"&&f,S=`previous ${e==="days"?"month":"year"}`,H=`next ${e==="days"?"month":"year"}`;return s("div",{className:r,"data-monthyear-state":e==="days"?"closed":"open","data-disable-today-indicator":N?"":void 0,children:[t(l,{asChild:!0,size:"md",weight:"semibold",children:s("button",{className:`${r}MonthButton`,onClick:C,children:[k[e],e==="days"?t(I,{"aria-hidden":!0}):t(T,{"aria-hidden":!0})]})}),e!=="months"?s("div",{className:`${r}Control`,children:[t(a,{onClick:P,disabled:x,label:S,children:t(g,{})}),t(a,{onClick:D,disabled:M,label:H,children:t(B,{})})]}):null]})};O.displayName=c;export{O as a};
+//# sourceMappingURL=chunk-WYLVXCEC.js.map

package/dist/chunk-WZGWQ7SF.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as m}from"./chunk-XVM5ECBR.js";import{a as t}from"./chunk-OPPG3NOC.js";import{a}from"./chunk-7X24J4CX.js";import{a as i}from"./chunk-KGEVWEVL.js";import{a as p}from"./chunk-J3AJBV4B.js";import{b as e}from"./chunk-PDEVCIQ3.js";import{forwardRef as C}from"react";import{jsx as y,jsxs as G}from"react/jsx-runtime";var s="ChipGroup",l=e(s),b=C((n,d)=>{let{className:f,children:c,label:o,"aria-labelledby":u,...h}=i(n,t),{labelId:r}=a({prefix:"chip-group"});return G("div",{ref:d,className:p(l,f),role:"group","aria-labelledby":u??(o?r:void 0),"data-testid":l,...h,children:[o?y(m,{as:"span",weight:"semibold",id:r,children:o}):null,c]})});b.displayName=s;export{b as a};
+//# sourceMappingURL=chunk-WZGWQ7SF.js.map

package/dist/chunk-X2RF6SG2.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkDLU27EEOcjs = require('./chunk-DLU27EEO.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _jsxruntime = require('react/jsx-runtime');var r="ProgressBarLabel",a=_chunk4Q432K4Wcjs.b.call(void 0, r),t= exports.a =e=>_jsxruntime.jsx.call(void 0, _chunkDLU27EEOcjs.a,{as:"span",weight:"semibold",className:a,...e});t.displayName=r;exports.a = t;
+//# sourceMappingURL=chunk-X2RF6SG2.cjs.map

package/dist/chunk-X2RF6SG2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-X2RF6SG2.cjs","../src/components/ProgressBar/ProgressBarLabel.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ProgressBarLabel","props","jsx","BodyText"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,+CCM/E,IAJIA,CAAAA,CAAiB,kBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAoBC,CAAAA,EAC/BC,6BAAAA,mBAACC,CAAA,CAAS,EAAA,CAAG,MAAA,CAAO,MAAA,CAAO,UAAA,CAAW,SAAA,CAAWL,CAAAA,CAAqB,GAAGG,CAAAA,CAAO,CAAA,CAGlFD,CAAAA,CAAiB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-X2RF6SG2.cjs","sourcesContent":[null,"import { BodyText } from '../BodyText/BodyText';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { BodyTextProps } from '../BodyText/BodyText.props';\n\nconst COMPONENT_NAME = 'ProgressBarLabel';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const ProgressBarLabel = (props: Pick<BodyTextProps, 'children' | 'id'>) => (\n  <BodyText as=\"span\" weight=\"semibold\" className={componentClassName} {...props} />\n);\n\nProgressBarLabel.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-X5WNCZ67.cjs

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

package/dist/chunk-X5WNCZ67.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-X5WNCZ67.cjs","../src/props/text-wrap.props.ts"],"names":["values","textWrapPropDefs"],"mappings":"AAAA,qFAAY;AACZ;ACEA,IAAMA,CAAAA,CAAS,CAAC,MAAA,CAAQ,QAAA,CAAU,SAAA,CAAW,QAAQ,CAAA,CAExCC,CAAAA,aAAmB,CAC9B,IAAA,CAAM,CAAE,SAAA,CAAW,IAAA,CAAM,MAAA,CAAQD,CAAAA,CAAQ,UAAA,CAAY,CAAA,CAAK,CAAA,CAC1D,QAAA,CAAU,CAAE,SAAA,CAAW,IAAA,CAAM,MAAA,CAAQA,CAAAA,CAAQ,UAAA,CAAY,CAAA,CAAK,CAChE,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-X5WNCZ67.cjs","sourcesContent":[null,"import { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst values = ['wrap', 'nowrap', 'balance', 'pretty'] as const;\n\nexport const textWrapPropDefs = {\n  wrap: { className: 'tw', tokens: values, responsive: true },\n  textWrap: { className: 'tw', tokens: values, responsive: true },\n} satisfies {\n  wrap: PropDef<(typeof values)[number]>;\n  textWrap: PropDef<(typeof values)[number]>;\n};\n\nexport interface TextWrapProps {\n  /**\n   * DEPRECATED: use `textWrap` instead of `wrap`\n   * @deprecated Use `textWrap` instead of `wrap`\n   */\n  wrap?: Responsive<(typeof values)[number]>;\n  /**\n   * Sets the CSS `text-wrap` property, controlling how text wraps within its container.\n   * Can be set responsively.\n   */\n  textWrap?: Responsive<(typeof values)[number]>;\n}\n"]}

package/dist/chunk-X7NVBOHZ.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var o=["none","inline","inline-block","block"],r= exports.a ={display:{className:"d",tokens:o,responsive:!0}};exports.a = r;
+//# sourceMappingURL=chunk-X7NVBOHZ.cjs.map

package/dist/chunk-X7NVBOHZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-X7NVBOHZ.cjs","../src/components/Box/Box.props.ts"],"names":["displayValues","boxPropDefs"],"mappings":"AAAA,qFAAY;AACZ;ACsBA,IAAMA,CAAAA,CAAgB,CAAC,MAAA,CAAQ,QAAA,CAAU,cAAA,CAAgB,OAAO,CAAA,CAEnDC,CAAAA,aAAc,CAIzB,OAAA,CAAS,CAAE,SAAA,CAAW,GAAA,CAAK,MAAA,CAAQD,CAAAA,CAAe,UAAA,CAAY,CAAA,CAAK,CACrE,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-X7NVBOHZ.cjs","sourcesContent":[null,"import { ComponentPropsWithRef } from 'react';\nimport { AlignSelfProps } from '../../props/align-self.props';\nimport { BackgroundColorProps } from '../../props/background-color.props';\nimport { BorderColorProps } from '../../props/border-color.props';\nimport { BorderRadiusProps } from '../../props/border-radius.props';\nimport { BorderStyleProps } from '../../props/border-style.props';\nimport { BorderWidthProps } from '../../props/border-width.props';\nimport { ColorProps } from '../../props/color.props';\nimport { FlexItemProps } from '../../props/flex-item.props';\nimport { GridItemProps } from '../../props/grid-item.props';\nimport { MarginProps } from '../../props/margin.props';\nimport { OpacityProps } from '../../props/opacity.props';\nimport { OverflowProps } from '../../props/overflow.props';\nimport { PaddingProps } from '../../props/padding.props';\nimport { PositionProps } from '../../props/position.props';\nimport { PropDef } from '../../props/prop-def';\nimport { OrderProps } from '../../props/order.props';\nimport { SizeProps } from '../../props/size.props';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { ZIndexProps } from '../../props/z-index.props';\nimport { Responsive } from '../../types/responsive';\n\nconst displayValues = ['none', 'inline', 'inline-block', 'block'] as const;\n\nexport const boxPropDefs = {\n  /**\n   * Sets the CSS `display` property. Can be set responsively.\n   */\n  display: { className: 'd', tokens: displayValues, responsive: true },\n} satisfies {\n  display: PropDef<(typeof displayValues)[number]>;\n};\n\nexport interface CommonBoxProps\n  extends\n    AlignSelfProps,\n    BackgroundColorProps,\n    BorderColorProps,\n    BorderRadiusProps,\n    BorderStyleProps,\n    BorderWidthProps,\n    ColorProps,\n    FlexItemProps,\n    GridItemProps,\n    MarginProps,\n    OpacityProps,\n    OrderProps,\n    OverflowProps,\n    PaddingProps,\n    PositionProps,\n    SizeProps,\n    TextAlignProps,\n    TextTransformProps,\n    ZIndexProps {\n  /**\n   * Merges the component's props onto its immediate child instead of\n   * rendering its own DOM element, so the child determines the rendered tag.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Sets the CSS `display` property. Can be set responsively.\n   */\n  display?: Responsive<(typeof displayValues)[number]>;\n}\ntype BoxDivProps = {\n  /** Renders a `div` element. This is the default. */\n  as?: 'div';\n} & ComponentPropsWithRef<'div'>;\ntype BoxSpanProps = {\n  /** Renders a `span` element. */\n  as: 'span';\n} & ComponentPropsWithRef<'span'>;\nexport type BoxProps = CommonBoxProps & (BoxSpanProps | BoxDivProps);\n"]}

package/dist/chunk-XBACICLS.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as e}from"./chunk-XVM5ECBR.js";import{a as l}from"./chunk-J3AJBV4B.js";import{b as s}from"./chunk-PDEVCIQ3.js";import{forwardRef as w}from"react";import{Tooltip as o}from"radix-ui";import{jsx as t,jsxs as r}from"react/jsx-runtime";var p="Tooltip",i=s(p),b=w(({children:a,heading:n,description:m,open:d,defaultOpen:g,onOpenChange:T,className:f,align:C="topCenter",...c},h)=>{let v={open:d,defaultOpen:g,onOpenChange:T},P={rightCenter:{side:"right",align:"center"},leftCenter:{side:"left",align:"center"},topLeft:{side:"top",align:"end"},topCenter:{side:"top",align:"center"},topRight:{side:"top",align:"start"},bottomLeft:{side:"bottom",align:"end"},bottomCenter:{side:"bottom",align:"center"},bottomRight:{side:"bottom",align:"start"}};return r(o.Root,{...v,children:[t(o.Trigger,{asChild:!0,children:a}),t(o.Portal,{children:r(o.Content,{ref:h,className:l(i,f),avoidCollisions:!0,sticky:"partial",...P[C],sideOffset:4,arrowPadding:32,"data-testid":i,...c,children:[r("div",{className:`${i}Content`,children:[n?t(e,{size:"md",weight:"semibold",children:n}):null,t(e,{size:"md",as:"div",children:m})]}),t(o.Arrow,{className:`${i}Arrow`,width:21,height:11,asChild:!0,children:t("svg",{width:"21",height:"11",viewBox:"0 0 21 11",children:t("path",{d:"M11.9545 10.0458C11.1538 11.0474 9.63077 11.0474 8.83011 10.0458L1.1365e-06 -1L20.7846 -1L11.9545 10.0458Z"})})})]})})]})});b.displayName=p;export{b as a};
+//# sourceMappingURL=chunk-XBACICLS.js.map

package/dist/chunk-XBACICLS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { TooltipProps } from './Tooltip.props';\nimport { BodyText } from '../BodyText/BodyText';\n\nconst COMPONENT_NAME = 'Tooltip';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype TooltipContentElement = ComponentRef<'div'>;\n\n/**\n * Use Tooltip to temporarily display short, non-critical contextual text\n * related to an element when it receives keyboard focus or is hovered. It\n * requires a single child element as its trigger, and must be used within a\n * TooltipProvider (or the global HearthProvider).\n *\n * @summary A contextual popup that displays short text on hover or focus.\n */\nexport const Tooltip = forwardRef<TooltipContentElement, TooltipProps>(\n  (\n    {\n      children,\n      heading,\n      description,\n      open,\n      defaultOpen,\n      onOpenChange,\n      className,\n      align = 'topCenter',\n      ...props\n    },\n    ref\n  ) => {\n    const rootProps = { open, defaultOpen, onOpenChange };\n\n    const alignmentTranslation: {\n      [key: string]: {\n        side: 'bottom' | 'top' | 'right' | 'left';\n        align: 'start' | 'end' | 'center';\n      };\n    } = {\n      rightCenter: { side: 'right', align: 'center' },\n      leftCenter: { side: 'left', align: 'center' },\n      topLeft: { side: 'top', align: 'end' },\n      topCenter: { side: 'top', align: 'center' },\n      topRight: { side: 'top', align: 'start' },\n      bottomLeft: { side: 'bottom', align: 'end' },\n      bottomCenter: { side: 'bottom', align: 'center' },\n      bottomRight: { side: 'bottom', align: 'start' },\n    };\n\n    return (\n      <TooltipPrimitive.Root {...rootProps}>\n        <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal>\n          <TooltipPrimitive.Content\n            ref={ref}\n            className={cn(componentClassName, className)}\n            avoidCollisions={true}\n            sticky=\"partial\"\n            {...alignmentTranslation[align]}\n            sideOffset={4}\n            arrowPadding={32}\n            data-testid={componentClassName}\n            {...props}\n          >\n            <div className={`${componentClassName}Content`}>\n              {heading ? (\n                <BodyText size=\"md\" weight=\"semibold\">\n                  {heading}\n                </BodyText>\n              ) : null}\n              <BodyText size=\"md\" as=\"div\">\n                {description}\n              </BodyText>\n            </div>\n            <TooltipPrimitive.Arrow\n              className={`${componentClassName}Arrow`}\n              width={21}\n              height={11}\n              asChild\n            >\n              <svg width=\"21\" height=\"11\" viewBox=\"0 0 21 11\">\n                <path d=\"M11.9545 10.0458C11.1538 11.0474 9.63077 11.0474 8.83011 10.0458L1.1365e-06 -1L20.7846 -1L11.9545 10.0458Z\" />\n              </svg>\n            </TooltipPrimitive.Arrow>\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    );\n  }\n);\n\nTooltip.displayName = COMPONENT_NAME;\n"],"mappings":";;wHAEA,OAAS,cAAAA,MAAkB,QAE3B,OAAS,WAAWC,MAAwB,WAsDpC,cAAAC,EAaI,QAAAC,MAbJ,oBAhDR,IAAMC,EAAiB,UACjBC,EAAqBC,EAAiBF,CAAc,EAY7CG,EAAUC,EACrB,CACE,CACE,SAAAC,EACA,QAAAC,EACA,YAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,MAAAC,EAAQ,YACR,GAAGC,CACL,EACAC,IACG,CACH,IAAMC,EAAY,CAAE,KAAAP,EAAM,YAAAC,EAAa,aAAAC,CAAa,EAE9CM,EAKF,CACF,YAAa,CAAE,KAAM,QAAS,MAAO,QAAS,EAC9C,WAAY,CAAE,KAAM,OAAQ,MAAO,QAAS,EAC5C,QAAS,CAAE,KAAM,MAAO,MAAO,KAAM,EACrC,UAAW,CAAE,KAAM,MAAO,MAAO,QAAS,EAC1C,SAAU,CAAE,KAAM,MAAO,MAAO,OAAQ,EACxC,WAAY,CAAE,KAAM,SAAU,MAAO,KAAM,EAC3C,aAAc,CAAE,KAAM,SAAU,MAAO,QAAS,EAChD,YAAa,CAAE,KAAM,SAAU,MAAO,OAAQ,CAChD,EAEA,OACEjB,EAACkB,EAAiB,KAAjB,CAAuB,GAAGF,EACzB,UAAAjB,EAACmB,EAAiB,QAAjB,CAAyB,QAAO,GAAE,SAAAZ,EAAS,EAC5CP,EAACmB,EAAiB,OAAjB,CACC,SAAAlB,EAACkB,EAAiB,QAAjB,CACC,IAAKH,EACL,UAAWI,EAAGjB,EAAoBU,CAAS,EAC3C,gBAAiB,GACjB,OAAO,UACN,GAAGK,EAAqBJ,CAAK,EAC9B,WAAY,EACZ,aAAc,GACd,cAAaX,EACZ,GAAGY,EAEJ,UAAAd,EAAC,OAAI,UAAW,GAAGE,CAAkB,UAClC,UAAAK,EACCR,EAACqB,EAAA,CAAS,KAAK,KAAK,OAAO,WACxB,SAAAb,EACH,EACE,KACJR,EAACqB,EAAA,CAAS,KAAK,KAAK,GAAG,MACpB,SAAAZ,EACH,GACF,EACAT,EAACmB,EAAiB,MAAjB,CACC,UAAW,GAAGhB,CAAkB,QAChC,MAAO,GACP,OAAQ,GACR,QAAO,GAEP,SAAAH,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAClC,SAAAA,EAAC,QAAK,EAAE,6GAA6G,EACvH,EACF,GACF,EACF,GACF,CAEJ,CACF,EAEAK,EAAQ,YAAcH","names":["forwardRef","TooltipPrimitive","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","Tooltip","forwardRef","children","heading","description","open","defaultOpen","onOpenChange","className","align","props","ref","rootProps","alignmentTranslation","TooltipPrimitive","cn","BodyText"]}

package/dist/chunk-XBK44AAM.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as i}from"./chunk-B7TICI4V.js";import{a as p}from"./chunk-OHQ72FBJ.js";import{a as s}from"./chunk-J3AJBV4B.js";import{b as n}from"./chunk-PDEVCIQ3.js";import{forwardRef as g}from"react";import{jsx as o}from"react/jsx-runtime";var m="ProgressStepButton",S=n(m),B=g(({label:t,className:a,status:e,disabled:r,onClick:f,"aria-label":P,...l},c)=>{let u=e==="active";return o(i,{status:e,className:s(S,a),"aria-label":P,label:t,children:u?t:o(p,{asChild:!0,"aria-disabled":r,children:o("button",{ref:c,...l,onClick:r?void 0:f,children:t})})})});B.displayName=m;export{B as a};
+//# sourceMappingURL=chunk-XBK44AAM.js.map

package/dist/chunk-XBK44AAM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ProgressStepper/ProgressStepButton.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Link } from '../Link/Link';\nimport { cn } from '../../helpers/cn';\nimport type { ProgressStepButtonProps } from './ProgressStep.props';\nimport { ProgressStep } from './ProgressStep';\n\nconst COMPONENT_NAME = 'ProgressStepButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ProgressStepButtonElement = ComponentRef<'button'>;\n\n/**\n * Use ProgressStepButton for a step within a `ProgressStepper` that triggers\n * an action — such as returning to a previous step — rather than navigating\n * to a new URL. Renders as a `ProgressStep` wrapping a `button`; use\n * `ProgressStepLink` instead when the step should navigate via `href`.\n *\n * @summary An interactive ProgressStepper step that triggers an action.\n */\nexport const ProgressStepButton = forwardRef<ProgressStepButtonElement, ProgressStepButtonProps>(\n  ({ label, className, status, disabled, onClick, 'aria-label': ariaLabel, ...props }, ref) => {\n    const isActive = status === 'active';\n\n    return (\n      <ProgressStep\n        status={status}\n        className={cn(componentClassName, className)}\n        aria-label={ariaLabel}\n        label={label}\n      >\n        {isActive ? (\n          label\n        ) : (\n          <Link asChild aria-disabled={disabled}>\n            <button ref={ref} {...props} onClick={disabled ? undefined : onClick}>\n              {label}\n            </button>\n          </Link>\n        )}\n      </ProgressStep>\n    );\n  }\n);\n\nProgressStepButton.displayName = COMPONENT_NAME;\n"],"mappings":";;gKAEA,OAAS,cAAAA,MAAkB,QAoCf,cAAAC,MAAA,oBA5BZ,IAAMC,EAAiB,qBACjBC,EAAqBC,EAAiBF,CAAc,EAY7CG,EAAqBC,EAChC,CAAC,CAAE,MAAAC,EAAO,UAAAC,EAAW,OAAAC,EAAQ,SAAAC,EAAU,QAAAC,EAAS,aAAcC,EAAW,GAAGC,CAAM,EAAGC,IAAQ,CAC3F,IAAMC,EAAWN,IAAW,SAE5B,OACER,EAACe,EAAA,CACC,OAAQP,EACR,UAAWQ,EAAGd,EAAoBK,CAAS,EAC3C,aAAYI,EACZ,MAAOL,EAEN,SAAAQ,EACCR,EAEAN,EAACiB,EAAA,CAAK,QAAO,GAAC,gBAAeR,EAC3B,SAAAT,EAAC,UAAO,IAAKa,EAAM,GAAGD,EAAO,QAASH,EAAW,OAAYC,EAC1D,SAAAJ,EACH,EACF,EAEJ,CAEJ,CACF,EAEAF,EAAmB,YAAcH","names":["forwardRef","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","ProgressStepButton","forwardRef","label","className","status","disabled","onClick","ariaLabel","props","ref","isActive","ProgressStep","cn","Link"]}

package/dist/chunk-XDTM63KX.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as i}from"./chunk-HDCOVVAG.js";import{a as m}from"./chunk-J3AJBV4B.js";import{b as n}from"./chunk-PDEVCIQ3.js";import{a as r}from"./chunk-VCC5YQTQ.js";import{ChevronRightSmallIcon as y}from"@utilitywarehouse/hearth-react-icons";import{Slot as E}from"radix-ui";import{forwardRef as S}from"react";import{jsx as t}from"react/jsx-runtime";var p="ListItemLink",b=n(p),g=S(({className:s,heading:L,helperText:f,leadingContent:c,trailingContent:o,badge:a,badgePlacement:l,children:I,asChild:e,...C},k)=>{let N={heading:L,helperText:f,leadingContent:c,badge:a,badgePlacement:l},P=e?E.Root:"a";return t(P,{ref:k,className:m(b,s),...C,children:r({asChild:e,children:I},R=>t(i,{trailingContent:o||t(y,{}),...N,children:R}))})});g.displayName=p;export{g as a};
+//# sourceMappingURL=chunk-XDTM63KX.js.map

package/dist/chunk-XDTM63KX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/List/ListItemLink.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../helpers/cn';\nimport type { ListItemLinkProps } from './ListItemLink.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { ListItemContent } from './ListItemContent';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\nimport type { ComponentRef } from 'react';\nimport { forwardRef } from 'react';\n\nconst COMPONENT_NAME = 'ListItemLink';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ListItemLinkElement = ComponentRef<'a'>;\n\n/**\n * Use ListItemLink for a `List` item that navigates to another page or\n * location, rendering an `a` element with a trailing chevron icon by\n * default. Use `asChild` to render as a different element, such as a\n * framework `Link` component.\n *\n * @summary A List item that renders as a link.\n */\nexport const ListItemLink = forwardRef<ListItemLinkElement, ListItemLinkProps>(\n  (\n    {\n      className,\n      heading,\n      helperText,\n      leadingContent,\n      trailingContent,\n      badge,\n      badgePlacement,\n      children,\n      asChild,\n      ...props\n    },\n    ref\n  ) => {\n    const contentProps = {\n      heading,\n      helperText,\n      leadingContent,\n      badge,\n      badgePlacement,\n    };\n    const Component = asChild ? Slot.Root : 'a';\n    return (\n      <Component ref={ref} className={cn(componentClassName, className)} {...props}>\n        {getSubtree({ asChild, children }, children => (\n          <ListItemContent\n            trailingContent={trailingContent ? trailingContent : <ChevronRightSmallIcon />}\n            {...contentProps}\n          >\n            {children}\n          </ListItemContent>\n        ))}\n      </Component>\n    );\n  }\n);\n\nListItemLink.displayName = COMPONENT_NAME;\n"],"mappings":";;gKAKA,OAAS,yBAAAA,MAA6B,uCAEtC,OAAS,QAAAC,MAAY,WAGrB,OAAS,cAAAC,MAAkB,QA2CsC,cAAAC,MAAA,oBAzCjE,IAAMC,EAAiB,eACjBC,EAAqBC,EAAiBF,CAAc,EAY7CG,EAAeL,EAC1B,CACE,CACE,UAAAM,EACA,QAAAC,EACA,WAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,eAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,IAAMC,EAAe,CACnB,QAAAV,EACA,WAAAC,EACA,eAAAC,EACA,MAAAE,EACA,eAAAC,CACF,EACMM,EAAYJ,EAAUK,EAAK,KAAO,IACxC,OACElB,EAACiB,EAAA,CAAU,IAAKF,EAAK,UAAWI,EAAGjB,EAAoBG,CAAS,EAAI,GAAGS,EACpE,SAAAM,EAAW,CAAE,QAAAP,EAAS,SAAAD,CAAS,EAAGA,GACjCZ,EAACqB,EAAA,CACC,gBAAiBZ,GAAoCT,EAACsB,EAAA,EAAsB,EAC3E,GAAGN,EAEH,SAAAJ,EACH,CACD,EACH,CAEJ,CACF,EAEAR,EAAa,YAAcH","names":["ChevronRightSmallIcon","Slot","forwardRef","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","ListItemLink","className","heading","helperText","leadingContent","trailingContent","badge","badgePlacement","children","asChild","props","ref","contentProps","Component","Slot","cn","getSubtree","ListItemContent","ChevronRightSmallIcon"]}

package/dist/chunk-XIAQD5M3.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as r}from"./chunk-HT2SSVNF.js";import{a as e}from"./chunk-UMCDT4ZD.js";import{a as n}from"./chunk-J3AJBV4B.js";import{b as i}from"./chunk-PDEVCIQ3.js";import{forwardRef as f}from"react";import{Toast as l}from"radix-ui";import{jsx as t}from"react/jsx-runtime";var s="ToastActionButton",u=i(s),T=f(({className:m,altText:o,children:a,...p},c)=>(e(!o,"ToastActionButton: `altText` is required."),t(l.Action,{className:n(u,m),asChild:!0,altText:o,children:t(r,{color:"inverted",asChild:!0,children:t("button",{ref:c,type:"button",...p,children:a})})})));T.displayName=s;export{T as a};
+//# sourceMappingURL=chunk-XIAQD5M3.js.map

package/dist/chunk-XIAROH27.js

@@ -0,0 +1,4 @@
+"use client";
+
+var e=["left","center","right"],t={textAlign:{className:"ta",tokens:e,responsive:!0}};export{t as a};
+//# sourceMappingURL=chunk-XIAROH27.js.map

package/dist/chunk-XIAROH27.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/props/text-align.props.ts"],"sourcesContent":["import { Responsive } from '../types/responsive';\nimport { PropDef } from './prop-def';\n\nconst values = ['left', 'center', 'right'] as const;\n\nexport const textAlignPropDefs = {\n  textAlign: { className: 'ta', tokens: values, responsive: true },\n} satisfies {\n  textAlign: PropDef<(typeof values)[number]>;\n};\n\nexport interface TextAlignProps {\n  /**\n   * Set the horizontal alignment of text within the component.\n   */\n  textAlign?: Responsive<(typeof values)[number]>;\n}\n"],"mappings":";;AAGA,IAAMA,EAAS,CAAC,OAAQ,SAAU,OAAO,EAE5BC,EAAoB,CAC/B,UAAW,CAAE,UAAW,KAAM,OAAQD,EAAQ,WAAY,EAAK,CACjE","names":["values","textAlignPropDefs"]}

package/dist/chunk-XJQGC7LI.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkQKGE3FJXcjs = require('./chunk-QKGE3FJX.cjs');var _chunkOB7O3UFLcjs = require('./chunk-OB7O3UFL.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var n="CardActions",r=_chunk4Q432K4Wcjs.b.call(void 0, n),E= exports.a =_react.forwardRef.call(void 0, (p,l)=>{let{className:c,as:d="ul",direction:f,children:C,...A}=_chunkZPJNQBTNcjs.a.call(void 0, p,_chunkOB7O3UFLcjs.a);return _jsxruntime.jsx.call(void 0, _chunkQKGE3FJXcjs.a,{ref:l,asChild:!0,role:"list",className:_chunkONNSZMWFcjs.a.call(void 0, r,c),"data-testid":r,direction:f,children:_jsxruntime.jsx.call(void 0, d,{...A,children:_react.Children.toArray(C).map(o=>_react.isValidElement.call(void 0, o)?_jsxruntime.jsx.call(void 0, "li",{className:`${r}Item`,children:o},o.key):null)})})});E.displayName=n;exports.a = E;
+//# sourceMappingURL=chunk-XJQGC7LI.cjs.map

package/dist/chunk-XJQGC7LI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-XJQGC7LI.cjs","../src/components/CardActions/CardActions.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","CardActions","forwardRef","props","ref","className","Tag","direction","children","cardActionsProps","extractProps","marginPropDefs","jsx","Flex","cn","Children","child","isValidElement"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCFvJ,+CA0CzC,IA/BNA,CAAAA,CAAiB,aAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAS7CC,CAAAA,aAAcC,+BAAAA,CAAkDC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CAC1F,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CAAM,IAAA,CACV,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaP,CAAOQ,mBAAc,CAAA,CAEtC,OACEC,6BAAAA,mBAACC,CAAA,CACC,GAAA,CAAKT,CAAAA,CACL,OAAA,CAAO,CAAA,CAAA,CACP,IAAA,CAAK,MAAA,CACL,SAAA,CAAWU,iCAAAA,CAAGf,CAAoBM,CAAS,CAAA,CAC3C,aAAA,CAAaN,CAAAA,CACb,SAAA,CAAWQ,CAAAA,CAEX,QAAA,CAAAK,6BAAAA,CAACN,CAAA,CAAK,GAAGG,CAAAA,CACN,QAAA,CAAAM,eAAAA,CAAS,OAAA,CAAQP,CAAQ,CAAA,CAAE,GAAA,CAAIQ,CAAAA,EAC9BC,mCAAAA,CAAoB,CAAA,CAClBL,6BAAAA,IAAC,CAAA,CAAmB,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-XJQGC7LI.cjs","sourcesContent":[null,"import { forwardRef, Children, isValidElement } from 'react';\nimport { cn } from '../../helpers/cn';\nimport type { CardActionsProps } from './CardActions.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { Flex } from '../Flex/Flex';\nimport type { ComponentRef } from 'react';\n\ntype CardActionsElement = ComponentRef<'ul'>;\n\nconst COMPONENT_NAME = 'CardActions';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\n/**\n * Use CardActions to group one or more `CardActionLink` or\n * `CardActionButton` components within a Card. A single action can be\n * used standalone, without this wrapper.\n *\n * @summary A wrapper for one or more Card actions.\n */\nexport const CardActions = forwardRef<CardActionsElement, CardActionsProps>((props, ref) => {\n  const {\n    className,\n    as: Tag = 'ul',\n    direction,\n    children,\n    ...cardActionsProps\n  } = extractProps(props, marginPropDefs);\n\n  return (\n    <Flex\n      ref={ref}\n      asChild\n      role=\"list\"\n      className={cn(componentClassName, className)}\n      data-testid={componentClassName}\n      direction={direction}\n    >\n      <Tag {...cardActionsProps}>\n        {Children.toArray(children).map(child =>\n          isValidElement(child) ? (\n            <li key={child.key} className={`${componentClassName}Item`}>\n              {child}\n            </li>\n          ) : null\n        )}\n      </Tag>\n    </Flex>\n  );\n});\n\nCardActions.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-XL66CZU5.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkS3DGCUDLcjs = require('./chunk-S3DGCUDL.cjs');var _chunkRAIRXO6Fcjs = require('./chunk-RAIRXO6F.cjs');var _chunkPWY25JDNcjs = require('./chunk-PWY25JDN.cjs');var _chunkQKGE3FJXcjs = require('./chunk-QKGE3FJX.cjs');var _chunkIVFMFU6Ucjs = require('./chunk-IVFMFU6U.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var H="SectionHeader",o=_chunk4Q432K4Wcjs.b.call(void 0, H),P= exports.a =_react.forwardRef.call(void 0, ({className:x,heading:N,id:C,headingElement:E="div",helperText:t,trailingContent:n,validationText:r,validationStatus:i,direction:S,...u},T)=>{let g=i!==void 0&&r!==void 0;return _jsxruntime.jsxs.call(void 0, _chunkQKGE3FJXcjs.a,{ref:T,className:_chunkONNSZMWFcjs.a.call(void 0, o,x),direction:S,"data-testid":o,...u,children:[_jsxruntime.jsxs.call(void 0, _chunkIVFMFU6Ucjs.a,{className:`${o}Content`,children:[_jsxruntime.jsx.call(void 0, _chunkPWY25JDNcjs.a,{asChild:!0,size:"md",id:C,children:_jsxruntime.jsx.call(void 0, E,{children:N})}),t?_jsxruntime.jsx.call(void 0, _chunkRAIRXO6Fcjs.a,{children:t}):null,g?_jsxruntime.jsx.call(void 0, _chunkS3DGCUDLcjs.a,{status:i,children:r}):null]}),n?_jsxruntime.jsx.call(void 0, "span",{className:`${o}TrailingContent`,children:n}):null]})});P.displayName=H;exports.a = P;
+//# sourceMappingURL=chunk-XL66CZU5.cjs.map

package/dist/chunk-XL66CZU5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-XL66CZU5.cjs","../src/components/SectionHeader/SectionHeader.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","SectionHeader","forwardRef","className","heading","id","HeadingEl","helperText","trailingContent","validationText","validationStatus","direction","props","ref","showValidationText","jsxs","Flex","cn","Box"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCFnQ,+CAiDnB,IAtCFA,CAAAA,CAAiB,eAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAW7CC,CAAAA,aAAgBC,+BAAAA,CAEzB,CACE,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,EAAA,CAAAC,CAAAA,CACA,cAAA,CAAgBC,CAAAA,CAAY,KAAA,CAC5B,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,IAAMC,CAAAA,CAAqBJ,CAAAA,GAAqB,KAAA,CAAA,EAAaD,CAAAA,GAAmB,KAAA,CAAA,CAEhF,OACEM,8BAAAA,mBAACC,CAAA,CACC,GAAA,CAAKH,CAAAA,CACL,SAAA,CAAWI,iCAAAA,CAAGlB,CAAoBI,CAAS,CAAA,CAC3C,SAAA,CAAWQ,CAAAA,CACX,aAAA,CAAaZ,CAAAA,CACZ,GAAGa,CAAAA,CAEJ,QAAA,CAAA,CAAAG,8BAAAA,mBAACG,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-XL66CZU5.cjs","sourcesContent":[null,"import { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Heading } from '../Heading/Heading';\nimport { HelperText } from '../HelperText/HelperText';\nimport type { SectionHeaderProps } from './SectionHeader.props';\nimport { ValidationText } from '../ValidationText/ValidationText';\nimport { Box } from '../Box/Box';\nimport { Flex } from '../Flex/Flex';\n\nconst COMPONENT_NAME = 'SectionHeader';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype SectionHeaderElement = ComponentRef<'div'>;\n\n/**\n * Use SectionHeader to introduce and visually separate a section of content\n * within a screen. Pass `trailingContent` to add a Link, Button, or Badge\n * alongside the heading.\n *\n * @summary A heading used to introduce and separate a section of content.\n */\nexport const SectionHeader = forwardRef<SectionHeaderElement, SectionHeaderProps>(\n  (\n    {\n      className,\n      heading,\n      id,\n      headingElement: HeadingEl = 'div',\n      helperText,\n      trailingContent,\n      validationText,\n      validationStatus,\n      direction,\n      ...props\n    },\n    ref\n  ) => {\n    const showValidationText = validationStatus !== undefined && validationText !== undefined;\n\n    return (\n      <Flex\n        ref={ref}\n        className={cn(componentClassName, className)}\n        direction={direction}\n        data-testid={componentClassName}\n        {...props}\n      >\n        <Box className={`${componentClassName}Content`}>\n          <Heading asChild size=\"md\" id={id}>\n            <HeadingEl>{heading}</HeadingEl>\n          </Heading>\n          {helperText ? <HelperText>{helperText}</HelperText> : null}\n          {showValidationText ? (\n            <ValidationText status={validationStatus}>{validationText}</ValidationText>\n          ) : null}\n        </Box>\n\n        {trailingContent ? (\n          <span className={`${componentClassName}TrailingContent`}>{trailingContent}</span>\n        ) : null}\n      </Flex>\n    );\n  }\n);\n\nSectionHeader.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-XMFWH5SU.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as e}from"./chunk-XVM5ECBR.js";import{a as o}from"./chunk-J3AJBV4B.js";import{b as n}from"./chunk-PDEVCIQ3.js";import{forwardRef as l}from"react";import{ChevronRightSmallIcon as a}from"@utilitywarehouse/hearth-react-icons";import{jsx as i,jsxs as C}from"react/jsx-runtime";var m="ListActionButton",d=n(m),u=l(({className:r,children:p,disabled:t,onClick:s,...f},c)=>i(e,{ref:c,size:"md",weight:"semibold",asChild:!0,children:C("button",{className:o(d,r),...f,"aria-disabled":t||void 0,onClick:t?void 0:s,children:[p,i(a,{})]})}));u.displayName=m;export{u as a};
+//# sourceMappingURL=chunk-XMFWH5SU.js.map

package/dist/chunk-XOA3OKHX.cjs

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

package/dist/chunk-XOA3OKHX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-XOA3OKHX.cjs","../src/components/Heading/Heading.props.ts"],"names":["sizes","headingPropDefs"],"mappings":"AAAA,qFAAY;AACZ;ACMA,IAAMA,CAAAA,CAAQ,CAAC,IAAA,CAAM,IAAA,CAAM,IAAA,CAAM,IAAA,CAAM,KAAK,CAAA,CAE/BC,CAAAA,aAAkB,CAC7B,IAAA,CAAM,CAAE,SAAA,CAAW,MAAA,CAAQ,MAAA,CAAQD,CAAAA,CAAO,UAAA,CAAY,CAAA,CAAA,CAAO,OAAA,CAAS,IAAK,CAC7E,CAAA,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-XOA3OKHX.cjs","sourcesContent":[null,"import type { ComponentPropsWithRef } from 'react';\nimport { MarginProps } from '../../props/margin.props';\nimport { PropDef } from '../../props/prop-def';\nimport { TextAlignProps } from '../../props/text-align.props';\nimport { TextTransformProps } from '../../props/text-transform.props';\nimport { TextWrapProps } from '../../props/text-wrap.props';\n\nconst sizes = ['sm', 'md', 'lg', 'xl', '2xl'] 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\n    ComponentPropsWithRef<'h2'>,\n    TextAlignProps,\n    TextTransformProps,\n    TextWrapProps,\n    MarginProps {\n  /**\n   * Shorthand for changing the default rendered element into a semantically appropriate alternative.\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"]}

package/dist/chunk-XVM5ECBR.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a}from"./chunk-DDGOZPHV.js";import{a as f}from"./chunk-XIAROH27.js";import{a as s}from"./chunk-WTIWKIHP.js";import{a as n}from"./chunk-7O6TG54S.js";import{a as p}from"./chunk-OPPG3NOC.js";import{a as m}from"./chunk-RNYNOFG6.js";import{a as e}from"./chunk-KGEVWEVL.js";import{a as t}from"./chunk-J3AJBV4B.js";import{b as r}from"./chunk-PDEVCIQ3.js";import{Slot as D}from"radix-ui";import{forwardRef as C}from"react";import{jsx as d}from"react/jsx-runtime";var l="BodyText",i=r(l),R=C((c,x)=>{let{className:y,asChild:T,as:P="p",children:o,truncate:B,...N}=e(c,a,m,f,s,n,p);return d(D.Root,{ref:x,className:t(i,y),"data-truncate":B?"":void 0,"data-testid":i,...N,children:T?o:d(P,{children:o})})});R.displayName=l;export{R as a};
+//# sourceMappingURL=chunk-XVM5ECBR.js.map

package/dist/chunk-XVM5ECBR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/BodyText/BodyText.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { bodyTextPropDefs } from './BodyText.props';\nimport type { BodyTextProps } from './BodyText.props';\nimport { Slot } from 'radix-ui';\nimport { extractProps } from '../../helpers/extract-props';\nimport { textAlignPropDefs } from '../../props/text-align.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { textTransformPropDefs } from '../../props/text-transform.props';\nimport { textWrapPropDefs } from '../../props/text-wrap.props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { colorPropDefs } from '../../props/color.props';\nimport type { ComponentRef } from 'react';\nimport { forwardRef } from 'react';\n\nconst COMPONENT_NAME = 'BodyText';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype BodyTextElement = ComponentRef<'span'>;\n\n/**\n * Use BodyText for the main paragraph or body copy of a page. It renders a\n * `p` element by default, with responsive `size` and `weight` props.\n * For smaller, secondary or supporting text, use DetailText instead.\n * For heading-level text, use Heading instead. For inline emphasis or strong\n * importance within a block of text, use Em or Strong instead.\n *\n * @summary The default component for body copy and paragraph text.\n */\nexport const BodyText = forwardRef<BodyTextElement, BodyTextProps>((props, ref) => {\n  const {\n    className,\n    asChild,\n    as: Tag = 'p',\n    children,\n    truncate,\n    ...bodyTextProps\n  } = extractProps(\n    props,\n    bodyTextPropDefs,\n    colorPropDefs,\n    textAlignPropDefs,\n    textTransformPropDefs,\n    textWrapPropDefs,\n    marginPropDefs\n  );\n\n  return (\n    <Slot.Root\n      ref={ref}\n      className={cn(componentClassName, className)}\n      data-truncate={truncate ? '' : undefined}\n      data-testid={componentClassName}\n      {...bodyTextProps}\n    >\n      {asChild ? children : <Tag>{children}</Tag>}\n    </Slot.Root>\n  );\n});\n\nBodyText.displayName = COMPONENT_NAME;\n"],"mappings":";;mWAKA,OAAS,QAAAA,MAAY,WASrB,OAAS,cAAAC,MAAkB,QA0CC,cAAAC,MAAA,oBAxC5B,IAAMC,EAAiB,WACjBC,EAAqBC,EAAiBF,CAAc,EAa7CG,EAAWL,EAA2C,CAACM,EAAOC,IAAQ,CACjF,GAAM,CACJ,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,IACV,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAIC,EACFR,EACAS,EACAC,EACAC,EACAC,EACAC,EACAC,CACF,EAEA,OACEnB,EAACoB,EAAK,KAAL,CACC,IAAKd,EACL,UAAWe,EAAGnB,EAAoBK,CAAS,EAC3C,gBAAeI,EAAW,GAAK,OAC/B,cAAaT,EACZ,GAAGU,EAEH,SAAAJ,EAAUE,EAAWV,EAACS,EAAA,CAAK,SAAAC,EAAS,EACvC,CAEJ,CAAC,EAEDN,EAAS,YAAcH","names":["Slot","forwardRef","jsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","BodyText","props","ref","className","asChild","Tag","children","truncate","bodyTextProps","extractProps","bodyTextPropDefs","colorPropDefs","textAlignPropDefs","textTransformPropDefs","textWrapPropDefs","marginPropDefs","Slot","cn"]}

package/dist/chunk-Y2QJQIJP.js

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

package/dist/chunk-Y2QJQIJP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Switch/Switch.props.ts"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport { PropDef } from '../../props/prop-def';\nimport { Responsive } from '../../types/responsive';\nimport { MarginProps } from '../../props/margin.props';\nimport { Switch as SwitchPrimitive } from 'radix-ui';\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\n  extends ComponentPropsWithRef<typeof SwitchPrimitive.Switch>, MarginProps {\n  /**\n   * Merges the component's props onto its immediate child instead of\n   * rendering its own DOM element, so the child determines the rendered tag.\n   *\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Sets the Switch size.\n   * @default md\n   */\n  size?: Responsive<(typeof sizes)[number]>;\n  /**\n   * The label for the Switch, describing its purpose.\n   */\n  label?: string;\n}\n"],"mappings":";;AAMA,IAAMA,EAAQ,CAAC,KAAM,IAAI,EAEZC,EAAiB,CAC5B,KAAM,CAAE,UAAW,OAAQ,OAAQD,EAAO,WAAY,GAAM,QAAS,IAAK,CAC5E","names":["sizes","switchPropDefs"]}

package/dist/chunk-YABVOAPK.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as s}from"./chunk-SF5LYSGD.js";import{a as t}from"./chunk-32NO2DM3.js";import{b as o}from"./chunk-PDEVCIQ3.js";import{forwardRef as f}from"react";import{jsx as r,jsxs as B}from"react/jsx-runtime";var i="ProgressBarLinear",e=o(i),g=f(({value:n,label:m,valueText:d,labelId:l,hideLabel:a,...p},P)=>B("div",{ref:P,className:e,...p,children:[r(s,{id:l,"data-visually-hidden":a?"":void 0,children:m}),r(t,{"data-visually-hidden":a?"":void 0,children:d}),r("div",{className:`${e}Track`,children:r("div",{className:`${e}Indicator`,style:{width:`${n}%`}})})]}));g.displayName=i;export{g as a};
+//# sourceMappingURL=chunk-YABVOAPK.js.map

package/dist/chunk-YFCR4ACS.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkQKGE3FJXcjs = require('./chunk-QKGE3FJX.cjs');var _chunkZPZD3QYZcjs = require('./chunk-ZPZD3QYZ.cjs');var _chunkKUFWFPZAcjs = require('./chunk-KUFWFPZA.cjs');var _chunkOB7O3UFLcjs = require('./chunk-OB7O3UFL.cjs');var _chunkIUAWO7SAcjs = require('./chunk-IUAWO7SA.cjs');var _chunkMVVLOZ5Pcjs = require('./chunk-MVVLOZ5P.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var f="CardInteraction",N=_chunk4Q432K4Wcjs.b.call(void 0, f),y= exports.a =_react.forwardRef.call(void 0, (s,c)=>{let{className:d,secondary:P,...C}=_chunkZPJNQBTNcjs.a.call(void 0, s,_chunkZPZD3QYZcjs.a,_chunkOB7O3UFLcjs.a,_chunkKUFWFPZAcjs.a,_chunkMVVLOZ5Pcjs.a,_chunkIUAWO7SAcjs.a),l={"data-secondary":P?"":void 0};return _jsxruntime.jsx.call(void 0, _chunkQKGE3FJXcjs.a,{ref:c,className:_chunkONNSZMWFcjs.a.call(void 0, N,d),...C,...l})});y.displayName=f;exports.a = y;
+//# sourceMappingURL=chunk-YFCR4ACS.cjs.map

package/dist/chunk-YFCR4ACS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-YFCR4ACS.cjs","../src/components/Card/CardInteraction.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","CardInteraction","forwardRef","props","ref","className","secondary","cardProps","extractProps","cardPropDefs","marginPropDefs","sizePropDefs","gridItemPropDefs","flexItemPropDefs","dataAttributeProps","jsx","Flex","cn"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,8BCQhV,+CAwBrB,IArBAA,CAAAA,CAAiB,iBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAkBC,+BAAAA,CAC5BC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACd,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAU,CAAA,CAAIC,iCAAAA,CAC7CL,CACAM,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBAAAA,CACAC,mBACF,CAAA,CAEMC,CAAAA,CAAqB,CACzB,gBAAA,CAAkBR,CAAAA,CAAY,EAAA,CAAK,KAAA,CACrC,CAAA,CAEA,OACES,6BAAAA,mBAACC,CAAA,CACC,GAAA,CAAKZ,CAAAA,CACL,SAAA,CAAWa,iCAAAA,CAAGlB,CAAoBM,CAAS,CAAA,CAC1C,GAAGE,CAAAA,CACH,GAAGO,CAAAA,CACN,CAEJ,CACF,CAAA,CAEAb,CAAAA,CAAgB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-YFCR4ACS.cjs","sourcesContent":[null,"import { cn } from '../../helpers/cn';\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 type { CardInteractionProps } from './CardInteraction.props';\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'CardInteraction';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype CardInteractionElement = ComponentRef<'div'>;\n\nexport const CardInteraction = forwardRef<CardInteractionElement, CardInteractionProps>(\n  (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={cn(componentClassName, className)}\n        {...cardProps}\n        {...dataAttributeProps}\n      />\n    );\n  }\n);\n\nCardInteraction.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-YFK5BOTB.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as p}from"./chunk-4MNQRAHO.js";import{a as i}from"./chunk-YPRLFBZC.js";import{a as e}from"./chunk-OIKAXYKL.js";import{a as m}from"./chunk-OPPG3NOC.js";import{a as n}from"./chunk-4NKDPRXJ.js";import{a}from"./chunk-YOMRPYSK.js";import{a as t}from"./chunk-KGEVWEVL.js";import{a as r}from"./chunk-J3AJBV4B.js";import{b as o}from"./chunk-PDEVCIQ3.js";import{forwardRef as I}from"react";import{jsx as D}from"react/jsx-runtime";var f="CardInteraction",N=o(f),y=I((s,c)=>{let{className:d,secondary:P,...C}=t(s,i,m,e,a,n),l={"data-secondary":P?"":void 0};return D(p,{ref:c,className:r(N,d),...C,...l})});y.displayName=f;export{y as a};
+//# sourceMappingURL=chunk-YFK5BOTB.js.map

package/dist/chunk-YJ4SM4XE.js

@@ -0,0 +1,4 @@
+"use client";
+
+import{a as d}from"./chunk-QMEEGJCL.js";import{a as u}from"./chunk-MD3VAECH.js";import{a as c}from"./chunk-TJHI42VN.js";import{a as f}from"./chunk-7X24J4CX.js";import{a as p}from"./chunk-J3AJBV4B.js";import{b as m}from"./chunk-PDEVCIQ3.js";import{forwardRef as R,useRef as T,useState as b,useCallback as x,useEffect as y}from"react";import{EyeOffSmallIcon as B,EyeSmallIcon as N}from"@utilitywarehouse/hearth-react-icons";import{useMergedRefs as V}from"@base-ui/utils/useMergedRefs";import{Fragment as j,jsx as o,jsxs as C}from"react/jsx-runtime";var w="PasswordInput",I=m(w),L=R(({className:E,disabled:r,id:v,...M},P)=>{let e=T(null),S=V(P,e),[s,l]=b(!1),[i,a]=b(!1),h=x(()=>{let t=!s,n=!i;l(t),a(n)},[s,i]);y(()=>{let t=null;e&&typeof e=="object"&&e.current&&(t=e.current);let n=()=>{t?.type&&(t.type="password",l(!1))};return t&&t.form!==null&&t.form.addEventListener("submit",n),()=>{t?.form&&t.form.removeEventListener("submit",n)}},[e]);let g=`Your password is ${s?"shown":"hidden"}!`;y(()=>{setTimeout(()=>{a(!1)},1500)},[i]);let{id:O}=f({providedId:v,prefix:"password-input"});return C(j,{children:[o(d,{ref:S,className:p(I,E),type:s?"text":"password",disabled:r,id:O,"data-testid":I,...M,children:o(c,{placement:"suffix",children:o(u,{type:"button",label:"toggle password visibility",onClick:h,disabled:r,"aria-pressed":s,children:s?o(N,{}):o(B,{})})})}),o("div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status",children:i?g:""})]})});L.displayName=w;export{L as a};
+//# sourceMappingURL=chunk-YJ4SM4XE.js.map

package/dist/chunk-YJ4SM4XE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { cn } from '../../helpers/cn';\nimport { forwardRef, useRef, useState, useCallback, useEffect } from 'react';\nimport type { RefObject } from 'react';\nimport type { PasswordInputProps } from './PasswordInput.props';\nimport { TextInput } from '../TextInput/TextInput';\nimport { InputSlot } from '../InputSlot/InputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { EyeOffSmallIcon, EyeSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { useIds } from '../../hooks/use-ids';\nimport type { InputBaseElement } from '../InputBase/InputBase';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\n\nconst COMPONENT_NAME = 'PasswordInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\n/**\n * Use PasswordInput to securely collect a user's password, with a built-in\n * control for toggling visibility of the entered value. It automatically\n * resets to hidden when its parent form is submitted. For general text entry\n * use TextInput instead, and for search input use SearchInput.\n *\n * @summary An input for securely entering a password, with a visibility toggle.\n */\nexport const PasswordInput = forwardRef<InputBaseElement, PasswordInputProps>(\n  ({ className, disabled, id: providedId, ...props }, forwardedRef) => {\n    const internalRef = useRef<HTMLInputElement | null>(null);\n    const inputRef = useMergedRefs(forwardedRef, internalRef);\n\n    const [visible, setVisible] = useState(false);\n    const [showVisibilityMessage, setShowVisibilityMessage] = useState(false);\n\n    const handleVisibility = 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    useEffect(() => {\n      // Get the ref value and ensure proper typing\n      let currentElement: HTMLInputElement | null = null;\n      if (internalRef && typeof internalRef === 'object' && internalRef.current) {\n        // Type assertion to ensure TypeScript understands this is a valid ref object\n        const refObject = internalRef as RefObject<HTMLInputElement>;\n        currentElement = refObject.current;\n      }\n\n      const handleSubmit = () => {\n        if (currentElement?.type) {\n          currentElement.type = 'password';\n          setVisible(false);\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    }, [internalRef]);\n\n    const visibilityMessage = `Your password is ${visible ? 'shown' : 'hidden'}!`;\n\n    useEffect(() => {\n      setTimeout(() => {\n        setShowVisibilityMessage(false);\n      }, 1500);\n    }, [showVisibilityMessage]);\n\n    const { id } = useIds({ providedId, prefix: 'password-input' });\n\n    return (\n      <>\n        <TextInput\n          ref={inputRef}\n          className={cn(componentClassName, className)}\n          type={visible ? 'text' : 'password'}\n          disabled={disabled}\n          id={id}\n          data-testid={componentClassName}\n          {...props}\n        >\n          <InputSlot 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          </InputSlot>\n        </TextInput>\n        <div data-visually-hidden aria-live=\"assertive\" role=\"status\">\n          {showVisibilityMessage ? visibilityMessage : ''}\n        </div>\n      </>\n    );\n  }\n);\n\nPasswordInput.displayName = COMPONENT_NAME;\n"],"mappings":";;gPAIA,OAAS,cAAAA,EAAY,UAAAC,EAAQ,YAAAC,EAAU,eAAAC,EAAa,aAAAC,MAAiB,QAMrE,OAAS,mBAAAC,EAAiB,gBAAAC,MAAoB,uCAG9C,OAAS,iBAAAC,MAAqB,+BAmExB,mBAAAC,EAkBmB,OAAAC,EAlBnB,QAAAC,MAAA,oBAjEN,IAAMC,EAAiB,gBACjBC,EAAqBC,EAAiBF,CAAc,EAU7CG,EAAgBC,EAC3B,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAIC,EAAY,GAAGC,CAAM,EAAGC,IAAiB,CACnE,IAAMC,EAAcC,EAAgC,IAAI,EAClDC,EAAWhB,EAAca,EAAcC,CAAW,EAElD,CAACG,EAASC,CAAU,EAAIC,EAAS,EAAK,EACtC,CAACC,EAAuBC,CAAwB,EAAIF,EAAS,EAAK,EAElEG,EAAmBC,EAAY,IAAM,CACzC,IAAMC,EAAqB,CAACP,EACtBQ,EAA4B,CAACL,EACnCF,EAAWM,CAAkB,EAC7BH,EAAyBI,CAAyB,CACpD,EAAG,CAACR,EAASG,CAAqB,CAAC,EAInCM,EAAU,IAAM,CAEd,IAAIC,EAA0C,KAC1Cb,GAAe,OAAOA,GAAgB,UAAYA,EAAY,UAGhEa,EADkBb,EACS,SAG7B,IAAMc,EAAe,IAAM,CACrBD,GAAgB,OAClBA,EAAe,KAAO,WACtBT,EAAW,EAAK,EAEpB,EAEA,OAAIS,GAAkBA,EAAe,OAAS,MAC5CA,EAAe,KAAK,iBAAiB,SAAUC,CAAY,EAEtD,IAAM,CACPD,GAAgB,MAClBA,EAAe,KAAK,oBAAoB,SAAUC,CAAY,CAElE,CACF,EAAG,CAACd,CAAW,CAAC,EAEhB,IAAMe,EAAoB,oBAAoBZ,EAAU,QAAU,QAAQ,IAE1ES,EAAU,IAAM,CACd,WAAW,IAAM,CACfL,EAAyB,EAAK,CAChC,EAAG,IAAI,CACT,EAAG,CAACD,CAAqB,CAAC,EAE1B,GAAM,CAAE,GAAAU,CAAG,EAAIC,EAAO,CAAE,WAAApB,EAAY,OAAQ,gBAAiB,CAAC,EAE9D,OACER,EAAAF,EAAA,CACE,UAAAC,EAAC8B,EAAA,CACC,IAAKhB,EACL,UAAWiB,EAAG5B,EAAoBI,CAAS,EAC3C,KAAMQ,EAAU,OAAS,WACzB,SAAUP,EACV,GAAIoB,EACJ,cAAazB,EACZ,GAAGO,EAEJ,SAAAV,EAACgC,EAAA,CAAU,UAAU,SACnB,SAAAhC,EAACiC,EAAA,CACC,KAAK,SACL,MAAM,6BACN,QAASb,EACT,SAAUZ,EACV,eAAcO,EAEb,SAAAA,EAAUf,EAACkC,EAAA,EAAa,EAAKlC,EAACmC,EAAA,EAAgB,EACjD,EACF,EACF,EACAnC,EAAC,OAAI,uBAAoB,GAAC,YAAU,YAAY,KAAK,SAClD,SAAAkB,EAAwBS,EAAoB,GAC/C,GACF,CAEJ,CACF,EAEAtB,EAAc,YAAcH","names":["forwardRef","useRef","useState","useCallback","useEffect","EyeOffSmallIcon","EyeSmallIcon","useMergedRefs","Fragment","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","PasswordInput","forwardRef","className","disabled","providedId","props","forwardedRef","internalRef","useRef","inputRef","visible","setVisible","useState","showVisibilityMessage","setShowVisibilityMessage","handleVisibility","useCallback","newVisibilityState","newVisibilityMessageState","useEffect","currentElement","handleSubmit","visibilityMessage","id","useIds","TextInput","cn","InputSlot","UnstyledIconButton","EyeSmallIcon","EyeOffSmallIcon"]}

package/dist/chunk-YLPAY2PN.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+var _chunkDUGBGPUYcjs = require('./chunk-DUGBGPUY.cjs');var _chunk44SH4DWTcjs = require('./chunk-44SH4DWT.cjs');var _chunkRAIRXO6Fcjs = require('./chunk-RAIRXO6F.cjs');var _chunkQKGE3FJXcjs = require('./chunk-QKGE3FJX.cjs');var _chunkDLU27EEOcjs = require('./chunk-DLU27EEO.cjs');var _chunkOB7O3UFLcjs = require('./chunk-OB7O3UFL.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _jsxruntime = require('react/jsx-runtime');var v="ExpandableCard",o=_chunk4Q432K4Wcjs.b.call(void 0, v),w= exports.a =_react.forwardRef.call(void 0, (N,h)=>{let{className:E,heading:P,helperText:l,leadingIcon:i,leadingIconContainerColorScheme:n,badge:m,numericValue:p,children:T,...u}=_chunkZPJNQBTNcjs.a.call(void 0, N,_chunkOB7O3UFLcjs.a);return _jsxruntime.jsxs.call(void 0, _radixui.Collapsible.Root,{ref:h,className:_chunkONNSZMWFcjs.a.call(void 0, o,E),"data-testid":o,...u,children:[_jsxruntime.jsxs.call(void 0, _radixui.Collapsible.Trigger,{className:`${o}Trigger`,children:[i?n?_jsxruntime.jsx.call(void 0, _chunk44SH4DWTcjs.a,{colorScheme:n,size:"sm",children:i}):_jsxruntime.jsx.call(void 0, "div",{className:`${o}LeadingIcon`,children:i}):null,_jsxruntime.jsxs.call(void 0, _chunkQKGE3FJXcjs.a,{flex:"1",gap:"50",direction:"column",alignItems:"start",children:[_jsxruntime.jsxs.call(void 0, "div",{children:[_jsxruntime.jsx.call(void 0, _chunkDLU27EEOcjs.a,{size:"md",weight:"semibold",children:P}),l?_jsxruntime.jsx.call(void 0, _chunkRAIRXO6Fcjs.a,{children:l}):null]}),m||null]}),p?_jsxruntime.jsx.call(void 0, _chunkDLU27EEOcjs.a,{size:"md",weight:"semibold",children:p}):null,_jsxruntime.jsx.call(void 0, _hearthreacticons.ChevronDownSmallIcon,{className:`${o}Chevron`,"aria-hidden":!0})]}),_jsxruntime.jsxs.call(void 0, _radixui.Collapsible.Content,{className:`${o}Content`,children:[_jsxruntime.jsx.call(void 0, _chunkDUGBGPUYcjs.a,{decorative:!0}),_jsxruntime.jsx.call(void 0, "div",{className:`${o}ContentInner`,children:T})]})]})});w.displayName=v;exports.a = w;
+//# sourceMappingURL=chunk-YLPAY2PN.cjs.map

package/dist/chunk-YLPAY2PN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-YLPAY2PN.cjs","../src/components/ExpandableCard/ExpandableCard.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ExpandableCard","forwardRef","props","ref","className","heading","helperText","leadingIcon","leadingIconContainerColorScheme","badge","numericValue","children","restProps","extractProps","marginPropDefs","jsxs","CollapsiblePrimitive","cn"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCAhV,mCAEyB,wEAMf,+CA8CvB,IAvCRA,CAAAA,CAAiB,gBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAc7CC,CAAAA,aAAiBC,+BAAAA,CAC3BC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACd,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,+BAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaX,CAAOY,mBAAc,CAAA,CAEtC,OACEC,8BAAAA,oBAACC,CAAqB,IAAA,CAArB,CACC,GAAA,CAAKb,CAAAA,CACL,SAAA,CAAWc,iCAAAA,CAAGnB,CAAoBM,CAAS,CAAA,CAC3C,aAAA,CAAaN,CAAAA,CACZ,GAAGc,CAAAA,CAEJ,QAAA,CAAA,CAAAG,8BAAAA,oBAACC,CAAqB,OAAA,CAArB,CAA6B,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-YLPAY2PN.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { Collapsible as CollapsiblePrimitive } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport type { ExpandableCardProps } from './ExpandableCard.props';\nimport { ChevronDownSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { Divider } from '../Divider/Divider';\nimport { HelperText } from '../HelperText/HelperText';\nimport { BodyText } from '../BodyText/BodyText';\nimport { IconContainer } from '../IconContainer/IconContainer';\nimport { Flex } from '../Flex/Flex';\n\nconst COMPONENT_NAME = 'ExpandableCard';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ExpandableCardElement = ComponentRef<'div'>;\n\n/**\n * Use ExpandableCard to show a summary header — with an optional leading\n * icon, helper text, badge, and numeric value — that can be expanded to\n * reveal additional content. Group multiple cards with ExpandableCardGroup.\n *\n * For multiple sections of content that need to expand and collapse\n * independently as a related set, use Accordion instead.\n *\n * @summary A collapsible card with a summary header that expands to reveal additional content.\n */\nexport const ExpandableCard = forwardRef<ExpandableCardElement, ExpandableCardProps>(\n  (props, ref) => {\n    const {\n      className,\n      heading,\n      helperText,\n      leadingIcon,\n      leadingIconContainerColorScheme,\n      badge,\n      numericValue,\n      children,\n      ...restProps\n    } = extractProps(props, marginPropDefs);\n\n    return (\n      <CollapsiblePrimitive.Root\n        ref={ref}\n        className={cn(componentClassName, className)}\n        data-testid={componentClassName}\n        {...restProps}\n      >\n        <CollapsiblePrimitive.Trigger className={`${componentClassName}Trigger`}>\n          {leadingIcon ? (\n            leadingIconContainerColorScheme ? (\n              <IconContainer colorScheme={leadingIconContainerColorScheme} size=\"sm\">\n                {leadingIcon}\n              </IconContainer>\n            ) : (\n              <div className={`${componentClassName}LeadingIcon`}>{leadingIcon}</div>\n            )\n          ) : null}\n          <Flex flex=\"1\" gap=\"50\" direction=\"column\" alignItems=\"start\">\n            <div>\n              <BodyText size=\"md\" weight=\"semibold\">\n                {heading}\n              </BodyText>\n              {helperText ? <HelperText>{helperText}</HelperText> : null}\n            </div>\n            {badge ? badge : null}\n          </Flex>\n          {numericValue ? (\n            <BodyText size=\"md\" weight=\"semibold\">\n              {numericValue}\n            </BodyText>\n          ) : null}\n          <ChevronDownSmallIcon className={`${componentClassName}Chevron`} aria-hidden />\n        </CollapsiblePrimitive.Trigger>\n        <CollapsiblePrimitive.Content className={`${componentClassName}Content`}>\n          <Divider decorative />\n          <div className={`${componentClassName}ContentInner`}>{children}</div>\n        </CollapsiblePrimitive.Content>\n      </CollapsiblePrimitive.Root>\n    );\n  }\n);\n\nExpandableCard.displayName = COMPONENT_NAME;\n"]}

package/dist/chunk-YOMRPYSK.js

@@ -0,0 +1,4 @@
+"use client";
+
+var r=["1","2","3","4","5","6","7","8","9","10","11","12"],s={gridColumnSpan:{className:"grid-c-span",tokens:r,responsive:!0},gridArea:{className:"grid-a",responsive:!0},gridColumn:{className:"grid-c",responsive:!0},gridColumnStart:{className:"grid-cs",responsive:!0},gridColumnEnd:{className:"grid-ce",responsive:!0},gridRow:{className:"grid-r",responsive:!0},gridRowStart:{className:"grid-rs",responsive:!0},gridRowEnd:{className:"grid-re",responsive:!0}};export{s as a};
+//# sourceMappingURL=chunk-YOMRPYSK.js.map