@utilitywarehouse/hearth-react 0.16.1 → 0.16.2

package/dist/{chunk-W4LZS3RG.cjs → chunk-2GGYO4XU.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkHGGW3KPNcjs = require('./chunk-HGGW3KPN.cjs');var _chunkS5AHVYPDcjs = require('./chunk-S5AHVYPD.cjs');var _chunkK35PGLA6cjs = require('./chunk-K35PGLA6.cjs');var _chunkETIIJRSFcjs = require('./chunk-ETIIJRSF.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var c="SearchInput",T=_chunk5AK4QM2Gcjs.b.call(void 0, c),b= exports.a =_react2.default.forwardRef(({className:i,disabled:l,value:o,onClear:r,loading:s,...a},I)=>{let h=_react2.default.useRef(null),e=I||h,S=_react2.default.useCallback(x=>{typeof r!="function"||x.button!==0||(r(),e&&typeof e=="object"&&e.current&&e.current.focus())},[e,r]);return _react2.default.createElement(_chunkHGGW3KPNcjs.a,{ref:e,className:_clsx2.default.call(void 0, T,i),type:"search",role:"search",enterKeyHint:"search",disabled:l,hideLabel:!0,value:o,...a},_react2.default.createElement(_chunkS5AHVYPDcjs.a,{placement:"prefix"},_react2.default.createElement(_hearthreacticons.SearchMediumIcon,null)),s?_react2.default.createElement(_chunkS5AHVYPDcjs.a,{placement:"suffix"},_react2.default.createElement(_chunkETIIJRSFcjs.a,{size:"xs",color:"primary"})):null,o!==void 0&&String(o).length>0?_react2.default.createElement(_chunkS5AHVYPDcjs.a,{placement:"suffix"},_react2.default.createElement(_chunkK35PGLA6cjs.a,{type:"button",label:"clear search",onClick:S,disabled:l},_react2.default.createElement(_hearthreacticons.CloseSmallIcon,null))):null)});b.displayName=c;exports.a = b;
-//# sourceMappingURL=chunk-W4LZS3RG.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkHGGW3KPNcjs = require('./chunk-HGGW3KPN.cjs');var _chunkS5AHVYPDcjs = require('./chunk-S5AHVYPD.cjs');var _chunkDKSJDPQNcjs = require('./chunk-DKSJDPQN.cjs');var _chunkETIIJRSFcjs = require('./chunk-ETIIJRSF.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var c="SearchInput",T=_chunk5AK4QM2Gcjs.b.call(void 0, c),b= exports.a =_react2.default.forwardRef(({className:i,disabled:l,value:o,onClear:r,loading:s,...a},I)=>{let h=_react2.default.useRef(null),e=I||h,S=_react2.default.useCallback(x=>{typeof r!="function"||x.button!==0||(r(),e&&typeof e=="object"&&e.current&&e.current.focus())},[e,r]);return _react2.default.createElement(_chunkHGGW3KPNcjs.a,{ref:e,className:_clsx2.default.call(void 0, T,i),type:"search",role:"search",enterKeyHint:"search",disabled:l,hideLabel:!0,value:o,...a},_react2.default.createElement(_chunkS5AHVYPDcjs.a,{placement:"prefix"},_react2.default.createElement(_hearthreacticons.SearchMediumIcon,null)),s?_react2.default.createElement(_chunkS5AHVYPDcjs.a,{placement:"suffix"},_react2.default.createElement(_chunkETIIJRSFcjs.a,{size:"xs",color:"primary"})):null,o!==void 0&&String(o).length>0?_react2.default.createElement(_chunkS5AHVYPDcjs.a,{placement:"suffix"},_react2.default.createElement(_chunkDKSJDPQNcjs.a,{type:"button",label:"clear search",onClick:S,disabled:l},_react2.default.createElement(_hearthreacticons.CloseSmallIcon,null))):null)});b.displayName=c;exports.a = b;
+//# sourceMappingURL=chunk-2GGYO4XU.cjs.map

package/dist/{chunk-W4LZS3RG.cjs.map → chunk-2GGYO4XU.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-W4LZS3RG.cjs","../src/components/SearchInput/SearchInput.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","SearchInput","React","className","disabled","value","onClear","loading","props","forwardedRef","defaultRef","inputRef","handleClear","event","TextInput","clsx","TextInputSlot","SearchMediumIcon","Spinner","UnstyledIconButton","CloseSmallIcon"],"mappings":"AAAA,iOAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wECE3L,4EACC,wEAM+B,IAE3CA,CAAAA,CAAiB,aAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAcC,eAAAA,CAAM,UAAA,CAC/B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,KAAA,CAAAC,CAAAA,CAAO,OAAA,CAAAC,CAAAA,CAAS,OAAA,CAAAC,CAAAA,CAAS,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAAiB,CAC5E,IAAMC,CAAAA,CAAaR,eAAAA,CAAM,MAAA,CAAgC,IAAI,CAAA,CACvDS,CAAAA,CAAWF,CAAAA,EAAgBC,CAAAA,CAE3BE,CAAAA,CAAcV,eAAAA,CAAM,WAAA,CACvBW,CAAAA,EAA+C,CAC1C,OAAOP,CAAAA,EAAY,UAAA,EAAcO,CAAAA,CAAM,MAAA,GAAW,CAAA,EAAA,CAGtDP,CAAAA,CAAQ,CAAA,CAEJK,CAAAA,EAAY,OAAOA,CAAAA,EAAa,QAAA,EAAYA,CAAAA,CAAS,OAAA,EACvDA,CAAAA,CAAS,OAAA,CAAQ,KAAA,CAAM,CAAA,CAE3B,CAAA,CACA,CAACA,CAAAA,CAAUL,CAAO,CACpB,CAAA,CAEA,OACEJ,eAAAA,CAAA,aAAA,CAACY,mBAAAA,CAAA,CACC,GAAA,CAAKH,CAAAA,CACL,SAAA,CAAWI,4BAAAA,CAAKhB,CAAoBI,CAAS,CAAA,CAC7C,IAAA,CAAK,QAAA,CACL,IAAA,CAAK,QAAA,CACL,YAAA,CAAa,QAAA,CACb,QAAA,CAAUC,CAAAA,CACV,SAAA,CAAS,CAAA,CAAA,CACT,KAAA,CAAOC,CAAAA,CACN,GAAGG,CAAAA,CAAAA,CAEJN,eAAAA,CAAA,aAAA,CAACc,mBAAAA,CAAA,CAAc,SAAA,CAAU,QAAA,CAAA,CACvBd,eAAAA,CAAA,aAAA,CAACe,kCAAAA,CAAA,IAAiB,CACpB,CAAA,CACCV,CAAAA,CACCL,eAAAA,CAAA,aAAA,CAACc,mBAAAA,CAAA,CAAc,SAAA,CAAU,QAAA,CAAA,CACvBd,eAAAA,CAAA,aAAA,CAACgB,mBAAAA,CAAA,CAAQ,IAAA,CAAK,IAAA,CAAK,KAAA,CAAM,SAAA,CAAU,CACrC,CAAA,CACE,IAAA,CACHb,CAAAA,GAAU,KAAA,CAAA,EAAa,MAAA,CAAOA,CAAK,CAAA,CAAE,MAAA,CAAS,CAAA,CAC7CH,eAAAA,CAAA,aAAA,CAACc,mBAAAA,CAAA,CAAc,SAAA,CAAU,QAAA,CAAA,CACvBd,eAAAA,CAAA,aAAA,CAACiB,mBAAAA,CAAA,CACC,IAAA,CAAK,QAAA,CACL,KAAA,CAAM,cAAA,CACN,OAAA,CAASP,CAAAA,CACT,QAAA,CAAUR,CAAAA,CAAAA,CAEVF,eAAAA,CAAA,aAAA,CAACkB,gCAAAA,CAAA,IAAe,CAClB,CACF,CAAA,CACE,IACN,CAEJ,CACF,CAAA,CAEAnB,CAAAA,CAAY,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-W4LZS3RG.cjs","sourcesContent":[null,"import type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { TextInput } from '../TextInput/TextInput';\nimport { TextInputSlot } from '../TextInputSlot/TextInputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { SearchInputProps } from './SearchInput.props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { CloseSmallIcon, SearchMediumIcon } from '@utilitywarehouse/hearth-react-icons';\n\nconst COMPONENT_NAME = 'SearchInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype SearchInputElement = ElementRef<'input'>;\n\nexport const SearchInput = React.forwardRef<SearchInputElement, SearchInputProps>(\n  ({ className, disabled, value, onClear, loading, ...props }, forwardedRef) => {\n    const defaultRef = React.useRef<HTMLInputElement | null>(null);\n    const inputRef = forwardedRef || defaultRef;\n\n    const handleClear = React.useCallback(\n      (event: React.MouseEvent<HTMLButtonElement>) => {\n        if (typeof onClear !== 'function' || event.button !== 0) {\n          return;\n        }\n        onClear();\n\n        if (inputRef && typeof inputRef === 'object' && inputRef.current) {\n          inputRef.current.focus();\n        }\n      },\n      [inputRef, onClear]\n    );\n\n    return (\n      <TextInput\n        ref={inputRef}\n        className={clsx(componentClassName, className)}\n        type=\"search\"\n        role=\"search\"\n        enterKeyHint=\"search\"\n        disabled={disabled}\n        hideLabel\n        value={value}\n        {...props}\n      >\n        <TextInputSlot placement=\"prefix\">\n          <SearchMediumIcon />\n        </TextInputSlot>\n        {loading ? (\n          <TextInputSlot placement=\"suffix\">\n            <Spinner size=\"xs\" color=\"primary\" />\n          </TextInputSlot>\n        ) : null}\n        {value !== undefined && String(value).length > 0 ? (\n          <TextInputSlot placement=\"suffix\">\n            <UnstyledIconButton\n              type=\"button\"\n              label=\"clear search\"\n              onClick={handleClear}\n              disabled={disabled}\n            >\n              <CloseSmallIcon />\n            </UnstyledIconButton>\n          </TextInputSlot>\n        ) : null}\n      </TextInput>\n    );\n  }\n);\n\nSearchInput.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-2GGYO4XU.cjs","../src/components/SearchInput/SearchInput.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","SearchInput","React","className","disabled","value","onClear","loading","props","forwardedRef","defaultRef","inputRef","handleClear","event","TextInput","clsx","TextInputSlot","SearchMediumIcon","Spinner","UnstyledIconButton","CloseSmallIcon"],"mappings":"AAAA,iOAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wECE3L,4EACC,wEAM+B,IAE3CA,CAAAA,CAAiB,aAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAcC,eAAAA,CAAM,UAAA,CAC/B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,KAAA,CAAAC,CAAAA,CAAO,OAAA,CAAAC,CAAAA,CAAS,OAAA,CAAAC,CAAAA,CAAS,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAAiB,CAC5E,IAAMC,CAAAA,CAAaR,eAAAA,CAAM,MAAA,CAAgC,IAAI,CAAA,CACvDS,CAAAA,CAAWF,CAAAA,EAAgBC,CAAAA,CAE3BE,CAAAA,CAAcV,eAAAA,CAAM,WAAA,CACvBW,CAAAA,EAA+C,CAC1C,OAAOP,CAAAA,EAAY,UAAA,EAAcO,CAAAA,CAAM,MAAA,GAAW,CAAA,EAAA,CAGtDP,CAAAA,CAAQ,CAAA,CAEJK,CAAAA,EAAY,OAAOA,CAAAA,EAAa,QAAA,EAAYA,CAAAA,CAAS,OAAA,EACvDA,CAAAA,CAAS,OAAA,CAAQ,KAAA,CAAM,CAAA,CAE3B,CAAA,CACA,CAACA,CAAAA,CAAUL,CAAO,CACpB,CAAA,CAEA,OACEJ,eAAAA,CAAA,aAAA,CAACY,mBAAAA,CAAA,CACC,GAAA,CAAKH,CAAAA,CACL,SAAA,CAAWI,4BAAAA,CAAKhB,CAAoBI,CAAS,CAAA,CAC7C,IAAA,CAAK,QAAA,CACL,IAAA,CAAK,QAAA,CACL,YAAA,CAAa,QAAA,CACb,QAAA,CAAUC,CAAAA,CACV,SAAA,CAAS,CAAA,CAAA,CACT,KAAA,CAAOC,CAAAA,CACN,GAAGG,CAAAA,CAAAA,CAEJN,eAAAA,CAAA,aAAA,CAACc,mBAAAA,CAAA,CAAc,SAAA,CAAU,QAAA,CAAA,CACvBd,eAAAA,CAAA,aAAA,CAACe,kCAAAA,CAAA,IAAiB,CACpB,CAAA,CACCV,CAAAA,CACCL,eAAAA,CAAA,aAAA,CAACc,mBAAAA,CAAA,CAAc,SAAA,CAAU,QAAA,CAAA,CACvBd,eAAAA,CAAA,aAAA,CAACgB,mBAAAA,CAAA,CAAQ,IAAA,CAAK,IAAA,CAAK,KAAA,CAAM,SAAA,CAAU,CACrC,CAAA,CACE,IAAA,CACHb,CAAAA,GAAU,KAAA,CAAA,EAAa,MAAA,CAAOA,CAAK,CAAA,CAAE,MAAA,CAAS,CAAA,CAC7CH,eAAAA,CAAA,aAAA,CAACc,mBAAAA,CAAA,CAAc,SAAA,CAAU,QAAA,CAAA,CACvBd,eAAAA,CAAA,aAAA,CAACiB,mBAAAA,CAAA,CACC,IAAA,CAAK,QAAA,CACL,KAAA,CAAM,cAAA,CACN,OAAA,CAASP,CAAAA,CACT,QAAA,CAAUR,CAAAA,CAAAA,CAEVF,eAAAA,CAAA,aAAA,CAACkB,gCAAAA,CAAA,IAAe,CAClB,CACF,CAAA,CACE,IACN,CAEJ,CACF,CAAA,CAEAnB,CAAAA,CAAY,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-2GGYO4XU.cjs","sourcesContent":[null,"import type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { TextInput } from '../TextInput/TextInput';\nimport { TextInputSlot } from '../TextInputSlot/TextInputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { SearchInputProps } from './SearchInput.props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { CloseSmallIcon, SearchMediumIcon } from '@utilitywarehouse/hearth-react-icons';\n\nconst COMPONENT_NAME = 'SearchInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype SearchInputElement = ElementRef<'input'>;\n\nexport const SearchInput = React.forwardRef<SearchInputElement, SearchInputProps>(\n  ({ className, disabled, value, onClear, loading, ...props }, forwardedRef) => {\n    const defaultRef = React.useRef<HTMLInputElement | null>(null);\n    const inputRef = forwardedRef || defaultRef;\n\n    const handleClear = React.useCallback(\n      (event: React.MouseEvent<HTMLButtonElement>) => {\n        if (typeof onClear !== 'function' || event.button !== 0) {\n          return;\n        }\n        onClear();\n\n        if (inputRef && typeof inputRef === 'object' && inputRef.current) {\n          inputRef.current.focus();\n        }\n      },\n      [inputRef, onClear]\n    );\n\n    return (\n      <TextInput\n        ref={inputRef}\n        className={clsx(componentClassName, className)}\n        type=\"search\"\n        role=\"search\"\n        enterKeyHint=\"search\"\n        disabled={disabled}\n        hideLabel\n        value={value}\n        {...props}\n      >\n        <TextInputSlot placement=\"prefix\">\n          <SearchMediumIcon />\n        </TextInputSlot>\n        {loading ? (\n          <TextInputSlot placement=\"suffix\">\n            <Spinner size=\"xs\" color=\"primary\" />\n          </TextInputSlot>\n        ) : null}\n        {value !== undefined && String(value).length > 0 ? (\n          <TextInputSlot placement=\"suffix\">\n            <UnstyledIconButton\n              type=\"button\"\n              label=\"clear search\"\n              onClick={handleClear}\n              disabled={disabled}\n            >\n              <CloseSmallIcon />\n            </UnstyledIconButton>\n          </TextInputSlot>\n        ) : null}\n      </TextInput>\n    );\n  }\n);\n\nSearchInput.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-JD2ZIYQL.cjs → chunk-3TONNATA.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkM7VXK2URcjs = require('./chunk-M7VXK2UR.cjs');var _chunkK35PGLA6cjs = require('./chunk-K35PGLA6.cjs');var _chunkMVVX63T3cjs = require('./chunk-MVVX63T3.cjs');var _chunkHW74KDL7cjs = require('./chunk-HW74KDL7.cjs');var _chunk4HAN4WSZcjs = require('./chunk-4HAN4WSZ.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var f="Alert",t=_chunk5AK4QM2Gcjs.b.call(void 0, f),P= exports.a =e.forwardRef((u,x)=>{let y={info:_hearthreacticons.InfoMediumIcon,positive:_hearthreacticons.TickCircleMediumIcon,warning:_hearthreacticons.WarningMediumIcon,danger:_hearthreacticons.WarningMediumIcon},{children:C,className:v,colorScheme:r="info",onClose:i,text:l,title:n,...A}=_chunk4HAN4WSZcjs.a.call(void 0, u,_chunkHW74KDL7cjs.a),N=y[r];return e.createElement("div",{ref:x,className:_clsx2.default.call(void 0, t,v),role:"alert","aria-live":"assertive","aria-atomic":"true","data-colorScheme":r,...A},e.createElement(N,{"aria-hidden":"true"}),e.createElement("div",{className:`${t}Content`},e.createElement(_chunkM7VXK2URcjs.a,{direction:"column"},n?e.createElement(_chunkMVVX63T3cjs.a,{as:"span",size:"md",weight:"semibold"},n):null,l?e.createElement(_chunkMVVX63T3cjs.a,{as:"div"},l):null),C),i?e.createElement(_chunkK35PGLA6cjs.a,{onClick:i,className:`${t}CloseButton`,title:"Close",label:"Close alert"},e.createElement(_hearthreacticons.CloseSmallIcon,null)):null)});P.displayName=f;exports.a = P;
-//# sourceMappingURL=chunk-JD2ZIYQL.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkM7VXK2URcjs = require('./chunk-M7VXK2UR.cjs');var _chunkDKSJDPQNcjs = require('./chunk-DKSJDPQN.cjs');var _chunkMVVX63T3cjs = require('./chunk-MVVX63T3.cjs');var _chunkHW74KDL7cjs = require('./chunk-HW74KDL7.cjs');var _chunk4HAN4WSZcjs = require('./chunk-4HAN4WSZ.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var f="Alert",t=_chunk5AK4QM2Gcjs.b.call(void 0, f),P= exports.a =e.forwardRef((u,x)=>{let y={info:_hearthreacticons.InfoMediumIcon,positive:_hearthreacticons.TickCircleMediumIcon,warning:_hearthreacticons.WarningMediumIcon,danger:_hearthreacticons.WarningMediumIcon},{children:C,className:v,colorScheme:r="info",onClose:i,text:l,title:n,...A}=_chunk4HAN4WSZcjs.a.call(void 0, u,_chunkHW74KDL7cjs.a),N=y[r];return e.createElement("div",{ref:x,className:_clsx2.default.call(void 0, t,v),role:"alert","aria-live":"assertive","aria-atomic":"true","data-colorScheme":r,...A},e.createElement(N,{"aria-hidden":"true"}),e.createElement("div",{className:`${t}Content`},e.createElement(_chunkM7VXK2URcjs.a,{direction:"column"},n?e.createElement(_chunkMVVX63T3cjs.a,{as:"span",size:"md",weight:"semibold"},n):null,l?e.createElement(_chunkMVVX63T3cjs.a,{as:"div"},l):null),C),i?e.createElement(_chunkDKSJDPQNcjs.a,{onClick:i,className:`${t}CloseButton`,title:"Close",label:"Close alert"},e.createElement(_hearthreacticons.CloseSmallIcon,null)):null)});P.displayName=f;exports.a = P;
+//# sourceMappingURL=chunk-3TONNATA.cjs.map

package/dist/{chunk-JD2ZIYQL.cjs.map → chunk-3TONNATA.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-JD2ZIYQL.cjs","../src/components/Alert/Alert.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Alert","props","ref","icons","InfoMediumIcon","TickCircleMediumIcon","WarningMediumIcon","children","className","colorScheme","onClose","text","title","alertProps","extractProps","marginPropDefs","AlertIcon","clsx"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECC9N,wEACN,wEASV,IAMDA,CAAAA,CAAiB,OAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAc,CAAA,CAAA,UAAA,CAAqC,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CAC9E,IAAMC,CAAAA,CAAQ,CACZ,IAAA,CAAMC,gCAAAA,CACN,QAAA,CAAUC,sCAAAA,CACV,OAAA,CAASC,mCAAAA,CACT,MAAA,CAAQA,mCACV,CAAA,CACM,CACJ,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,MAAA,CACd,OAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAab,CAAOc,mBAAc,CAAA,CAEhCC,CAAAA,CAAYb,CAAAA,CAAMM,CAAW,CAAA,CAEnC,OACE,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CACC,GAAA,CAAKP,CAAAA,CACL,SAAA,CAAWe,4BAAAA,CAAKnB,CAAoBU,CAAS,CAAA,CAC7C,IAAA,CAAK,OAAA,CACL,WAAA,CAAU,WAAA,CACV,aAAA,CAAY,MAAA,CACZ,kBAAA,CAAkBC,CAAAA,CACjB,GAAGI,CAAAA,CAAAA,CAEJ,CAAA,CAAA,aAAA,CAACG,CAAAA,CAAA,CAAU,aAAA,CAAY,MAAA,CAAO,CAAA,CAC9B,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-JD2ZIYQL.cjs","sourcesContent":[null,"import type { ElementRef } from 'react';\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { AlertProps } from './Alert.props';\nimport {\n  CloseSmallIcon,\n  InfoMediumIcon,\n  TickCircleMediumIcon,\n  WarningMediumIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { BodyText } from '../BodyText/BodyText';\nimport { Flex } from '../Flex/Flex';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\n\nconst COMPONENT_NAME = 'Alert';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype AlertElement = ElementRef<'div'>;\n\nexport const Alert = React.forwardRef<AlertElement, AlertProps>((props, ref) => {\n  const icons = {\n    info: InfoMediumIcon,\n    positive: TickCircleMediumIcon,\n    warning: WarningMediumIcon,\n    danger: WarningMediumIcon,\n  };\n  const {\n    children,\n    className,\n    colorScheme = 'info',\n    onClose,\n    text,\n    title,\n    ...alertProps\n  } = extractProps(props, marginPropDefs);\n\n  const AlertIcon = icons[colorScheme];\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(componentClassName, className)}\n      role=\"alert\" // Adding role for dynamic alerts\n      aria-live=\"assertive\" // Making it announced immediately\n      aria-atomic=\"true\" // Ensuring the entire alert is read as a whole\n      data-colorScheme={colorScheme}\n      {...alertProps}\n    >\n      <AlertIcon aria-hidden=\"true\" />\n      <div className={`${componentClassName}Content`}>\n        <Flex direction=\"column\">\n          {title ? (\n            <BodyText as=\"span\" size=\"md\" weight=\"semibold\">\n              {title}\n            </BodyText>\n          ) : null}\n          {text ? <BodyText as=\"div\">{text}</BodyText> : null}\n        </Flex>\n        {children}\n      </div>\n      {onClose ? (\n        <UnstyledIconButton\n          onClick={onClose}\n          className={`${componentClassName}CloseButton`}\n          title=\"Close\"\n          label=\"Close alert\"\n        >\n          <CloseSmallIcon />\n        </UnstyledIconButton>\n      ) : null}\n    </div>\n  );\n});\n\nAlert.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-3TONNATA.cjs","../src/components/Alert/Alert.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Alert","props","ref","icons","InfoMediumIcon","TickCircleMediumIcon","WarningMediumIcon","children","className","colorScheme","onClose","text","title","alertProps","extractProps","marginPropDefs","AlertIcon","clsx"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECC9N,wEACN,wEASV,IAMDA,CAAAA,CAAiB,OAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAc,CAAA,CAAA,UAAA,CAAqC,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CAC9E,IAAMC,CAAAA,CAAQ,CACZ,IAAA,CAAMC,gCAAAA,CACN,QAAA,CAAUC,sCAAAA,CACV,OAAA,CAASC,mCAAAA,CACT,MAAA,CAAQA,mCACV,CAAA,CACM,CACJ,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,MAAA,CACd,OAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAab,CAAOc,mBAAc,CAAA,CAEhCC,CAAAA,CAAYb,CAAAA,CAAMM,CAAW,CAAA,CAEnC,OACE,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CACC,GAAA,CAAKP,CAAAA,CACL,SAAA,CAAWe,4BAAAA,CAAKnB,CAAoBU,CAAS,CAAA,CAC7C,IAAA,CAAK,OAAA,CACL,WAAA,CAAU,WAAA,CACV,aAAA,CAAY,MAAA,CACZ,kBAAA,CAAkBC,CAAAA,CACjB,GAAGI,CAAAA,CAAAA,CAEJ,CAAA,CAAA,aAAA,CAACG,CAAAA,CAAA,CAAU,aAAA,CAAY,MAAA,CAAO,CAAA,CAC9B,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-3TONNATA.cjs","sourcesContent":[null,"import type { ElementRef } from 'react';\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { AlertProps } from './Alert.props';\nimport {\n  CloseSmallIcon,\n  InfoMediumIcon,\n  TickCircleMediumIcon,\n  WarningMediumIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { BodyText } from '../BodyText/BodyText';\nimport { Flex } from '../Flex/Flex';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\n\nconst COMPONENT_NAME = 'Alert';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype AlertElement = ElementRef<'div'>;\n\nexport const Alert = React.forwardRef<AlertElement, AlertProps>((props, ref) => {\n  const icons = {\n    info: InfoMediumIcon,\n    positive: TickCircleMediumIcon,\n    warning: WarningMediumIcon,\n    danger: WarningMediumIcon,\n  };\n  const {\n    children,\n    className,\n    colorScheme = 'info',\n    onClose,\n    text,\n    title,\n    ...alertProps\n  } = extractProps(props, marginPropDefs);\n\n  const AlertIcon = icons[colorScheme];\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(componentClassName, className)}\n      role=\"alert\" // Adding role for dynamic alerts\n      aria-live=\"assertive\" // Making it announced immediately\n      aria-atomic=\"true\" // Ensuring the entire alert is read as a whole\n      data-colorScheme={colorScheme}\n      {...alertProps}\n    >\n      <AlertIcon aria-hidden=\"true\" />\n      <div className={`${componentClassName}Content`}>\n        <Flex direction=\"column\">\n          {title ? (\n            <BodyText as=\"span\" size=\"md\" weight=\"semibold\">\n              {title}\n            </BodyText>\n          ) : null}\n          {text ? <BodyText as=\"div\">{text}</BodyText> : null}\n        </Flex>\n        {children}\n      </div>\n      {onClose ? (\n        <UnstyledIconButton\n          onClick={onClose}\n          className={`${componentClassName}CloseButton`}\n          title=\"Close\"\n          label=\"Close alert\"\n        >\n          <CloseSmallIcon />\n        </UnstyledIconButton>\n      ) : null}\n    </div>\n  );\n});\n\nAlert.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-PUY3LJGN.js → chunk-4CSANTO5.js}

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

package/dist/chunk-673BEU2J.js

@@ -0,0 +1,2 @@
+import{a as c}from"./chunk-CAZKLHT2.js";import{a as l}from"./chunk-6EBW3DKV.js";import{a as m}from"./chunk-P3SXCN4J.js";import{b as i}from"./chunk-JTQWB7E2.js";import{a}from"./chunk-JBNKX7O7.js";import{a as p}from"./chunk-AHTIZRCQ.js";import*as t from"react";import S from"clsx";import{Slot as N}from"radix-ui";var d="UnstyledIconButton",R=i(d),U=t.forwardRef((o,f)=>{let{className:u,children:n,label:y,disabled:e,inverted:B,loading:r,onClick:I,asChild:s,...P}=m(o,c),b=a(o.size||"md",{md:"sm",sm:"xs"}),C=s?N.Root:"button";return t.createElement(C,{ref:f,className:S(R,u),"aria-label":y,"aria-disabled":e||r,"data-inverted":B?"":void 0,onClick:e?void 0:I,...P},r?p({asChild:s,children:n},()=>t.createElement(l,{size:b,currentColor:!0})):n)});U.displayName=d;export{U as a};
+//# sourceMappingURL=chunk-673BEU2J.js.map

package/dist/chunk-673BEU2J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/UnstyledIconButton/UnstyledIconButton.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { unstyledIconButtonPropDefs } from './UnstyledIconButton.props';\nimport type { UnstyledIconButtonProps } from './UnstyledIconButton.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { Spinner } from '../Spinner/Spinner';\nimport 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\nexport type UnstyledIconButtonElement = ElementRef<'button'>;\n\nexport const UnstyledIconButton = React.forwardRef<\n  UnstyledIconButtonElement,\n  UnstyledIconButtonProps\n>((props, forwardedRef) => {\n  const {\n    className,\n    children,\n    label,\n    disabled,\n    inverted,\n    loading,\n    onClick,\n    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={forwardedRef}\n      className={clsx(componentClassName, className)}\n      aria-label={label}\n      aria-disabled={disabled || loading}\n      data-inverted={inverted ? '' : undefined}\n      onClick={disabled ? undefined : onClick}\n      {...unstyledIconButtonProps}\n    >\n      {loading\n        ? getSubtree({ asChild, children }, () => (\n            <Spinner size={spinnerSize as SpinnerProps['size']} currentColor />\n          ))\n        : children}\n    </Component>\n  );\n});\n\nUnstyledIconButton.displayName = COMPONENT_NAME;\n"],"mappings":"2OAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAU,OAQjB,OAAS,QAAAC,MAAY,WAIrB,IAAMC,EAAiB,qBACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAA2B,aAGtC,CAACC,EAAOC,IAAiB,CACzB,GAAM,CACJ,UAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAIC,EAAaX,EAAOY,CAA0B,EAE5CC,EAAcC,EAAyBd,EAAM,MAAQ,KAAM,CAAE,GAAI,KAAM,GAAI,IAAK,CAAC,EACjFe,EAAYN,EAAUO,EAAK,KAAO,SAExC,OACE,gBAACD,EAAA,CACC,IAAKd,EACL,UAAWgB,EAAKpB,EAAoBK,CAAS,EAC7C,aAAYE,EACZ,gBAAeC,GAAYE,EAC3B,gBAAeD,EAAW,GAAK,OAC/B,QAASD,EAAW,OAAYG,EAC/B,GAAGE,GAEHH,EACGW,EAAW,CAAE,QAAAT,EAAS,SAAAN,CAAS,EAAG,IAChC,gBAACgB,EAAA,CAAQ,KAAMN,EAAqC,aAAY,GAAC,CAClE,EACDV,CACN,CAEJ,CAAC,EAEDJ,EAAmB,YAAcH","names":["React","clsx","Slot","COMPONENT_NAME","componentClassName","withGlobalPrefix","UnstyledIconButton","props","forwardedRef","className","children","label","disabled","inverted","loading","onClick","asChild","unstyledIconButtonProps","extractProps","unstyledIconButtonPropDefs","spinnerSize","getResponsiveTranslation","Component","Slot","clsx","getSubtree","Spinner"]}

package/dist/chunk-7SW3UY2B.js

@@ -0,0 +1,2 @@
+import{a as l}from"./chunk-X5H7DCWE.js";import{a as p}from"./chunk-BED6CEIB.js";import{a}from"./chunk-6EBW3DKV.js";import{a as m}from"./chunk-P3SXCN4J.js";import{b as s}from"./chunk-JTQWB7E2.js";import{a as c}from"./chunk-JBNKX7O7.js";import{a as i}from"./chunk-AHTIZRCQ.js";import*as o from"react";import N from"clsx";import{Slot as x}from"radix-ui";var B="IconButton",R=s(B),h=o.forwardRef((t,f)=>{let{className:u,label:d,disabled:P,loading:n,children:r,asChild:e,...S}=m(t,l),b=c(t.size||"md",{md:"sm",sm:"xs"}),C=e?x.Root:"button";return o.createElement(p,{ref:f,className:N(R,u),"aria-label":d,disabled:P||n,asChild:!0,...S},o.createElement(C,null,n?i({asChild:e,children:r},()=>o.createElement(a,{size:b,currentColor:!0})):r))});h.displayName=B;export{h as a};
+//# sourceMappingURL=chunk-7SW3UY2B.js.map

package/dist/chunk-7SW3UY2B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport clsx from 'clsx';\nimport { iconButtonPropDefs, IconButtonProps } from './IconButton.props';\nimport { ButtonBase } from '../ButtonBase/ButtonBase';\nimport type { ButtonBaseElement } from '../ButtonBase/ButtonBase';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\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 = 'IconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const IconButton = React.forwardRef<ButtonBaseElement, IconButtonProps>(\n  (props, forwardedRef) => {\n    const { className, label, disabled, loading, children, asChild, ...iconButtonProps } =\n      extractProps(props, iconButtonPropDefs);\n\n    const spinnerSize = getResponsiveTranslation(props.size || 'md', { md: 'sm', sm: 'xs' });\n    const Component = asChild ? Slot.Root : 'button';\n\n    return (\n      <ButtonBase\n        ref={forwardedRef}\n        className={clsx(componentClassName, className)}\n        aria-label={label}\n        disabled={disabled || loading}\n        asChild\n        {...iconButtonProps}\n      >\n        <Component>\n          {loading\n            ? getSubtree({ asChild, children }, () => (\n                <Spinner size={spinnerSize as SpinnerProps['size']} currentColor />\n              ))\n            : children}\n        </Component>\n      </ButtonBase>\n    );\n  }\n);\n\nIconButton.displayName = COMPONENT_NAME;\n"],"mappings":"mRAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAU,OAQjB,OAAS,QAAAC,MAAY,WAIrB,IAAMC,EAAiB,aACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAmB,aAC9B,CAACC,EAAOC,IAAiB,CACvB,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,SAAAC,EAAU,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,GAAGC,CAAgB,EACjFC,EAAaT,EAAOU,CAAkB,EAElCC,EAAcC,EAAyBZ,EAAM,MAAQ,KAAM,CAAE,GAAI,KAAM,GAAI,IAAK,CAAC,EACjFa,EAAYN,EAAUO,EAAK,KAAO,SAExC,OACE,gBAACC,EAAA,CACC,IAAKd,EACL,UAAWe,EAAKnB,EAAoBK,CAAS,EAC7C,aAAYC,EACZ,SAAUC,GAAYC,EACtB,QAAO,GACN,GAAGG,GAEJ,gBAACK,EAAA,KACER,EACGY,EAAW,CAAE,QAAAV,EAAS,SAAAD,CAAS,EAAG,IAChC,gBAACY,EAAA,CAAQ,KAAMP,EAAqC,aAAY,GAAC,CAClE,EACDL,CACN,CACF,CAEJ,CACF,EAEAP,EAAW,YAAcH","names":["React","clsx","Slot","COMPONENT_NAME","componentClassName","withGlobalPrefix","IconButton","props","forwardedRef","className","label","disabled","loading","children","asChild","iconButtonProps","extractProps","iconButtonPropDefs","spinnerSize","getResponsiveTranslation","Component","Slot","ButtonBase","clsx","getSubtree","Spinner"]}

package/dist/{chunk-424EZSDV.cjs → chunk-DFFCNR2W.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkHGGW3KPNcjs = require('./chunk-HGGW3KPN.cjs');var _chunkS5AHVYPDcjs = require('./chunk-S5AHVYPD.cjs');var _chunkK35PGLA6cjs = require('./chunk-K35PGLA6.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var p="PasswordInput",x=_chunk5AK4QM2Gcjs.b.call(void 0, p),M= exports.a =_react2.default.forwardRef(({className:d,disabled:r,...c},b)=>{let y=_react2.default.useRef(null),s=b||y,[o,w]=_react2.default.useState(!1),[n,l]=_react2.default.useState(!1),I=_react2.default.useCallback(()=>{let e=!o,i=!n;w(e),l(i)},[o,n]);_react2.default.useEffect(()=>{let e=null;s&&typeof s=="object"&&s.current&&(e=s.current);let i=()=>{_optionalChain([e, 'optionalAccess', _ => _.type])&&(e.type="password")};return e&&e.form!==null&&e.form.addEventListener("submit",i),()=>{_optionalChain([e, 'optionalAccess', _2 => _2.form])&&e.form.removeEventListener("submit",i)}},[s]);let E=`Your password is ${o?"shown":"hidden"}!`;return _react2.default.useEffect(()=>{setTimeout(()=>{l(!1)},1500)},[n]),_react2.default.createElement(_react2.default.Fragment,null,_react2.default.createElement(_chunkHGGW3KPNcjs.a,{ref:s,className:_clsx2.default.call(void 0, x,d),type:o?"text":"password",disabled:r,...c},_react2.default.createElement(_chunkS5AHVYPDcjs.a,{placement:"suffix"},_react2.default.createElement(_chunkK35PGLA6cjs.a,{type:"button",label:"toggle password visibility",onClick:I,disabled:r,"aria-pressed":o},o?_react2.default.createElement(_hearthreacticons.EyeSmallIcon,null):_react2.default.createElement(_hearthreacticons.EyeOffSmallIcon,null)))),_react2.default.createElement("div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status"},n?E:""))});M.displayName=p;exports.a = M;
-//# sourceMappingURL=chunk-424EZSDV.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkHGGW3KPNcjs = require('./chunk-HGGW3KPN.cjs');var _chunkS5AHVYPDcjs = require('./chunk-S5AHVYPD.cjs');var _chunkDKSJDPQNcjs = require('./chunk-DKSJDPQN.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var p="PasswordInput",x=_chunk5AK4QM2Gcjs.b.call(void 0, p),M= exports.a =_react2.default.forwardRef(({className:d,disabled:r,...c},b)=>{let y=_react2.default.useRef(null),s=b||y,[o,w]=_react2.default.useState(!1),[n,l]=_react2.default.useState(!1),I=_react2.default.useCallback(()=>{let e=!o,i=!n;w(e),l(i)},[o,n]);_react2.default.useEffect(()=>{let e=null;s&&typeof s=="object"&&s.current&&(e=s.current);let i=()=>{_optionalChain([e, 'optionalAccess', _ => _.type])&&(e.type="password")};return e&&e.form!==null&&e.form.addEventListener("submit",i),()=>{_optionalChain([e, 'optionalAccess', _2 => _2.form])&&e.form.removeEventListener("submit",i)}},[s]);let E=`Your password is ${o?"shown":"hidden"}!`;return _react2.default.useEffect(()=>{setTimeout(()=>{l(!1)},1500)},[n]),_react2.default.createElement(_react2.default.Fragment,null,_react2.default.createElement(_chunkHGGW3KPNcjs.a,{ref:s,className:_clsx2.default.call(void 0, x,d),type:o?"text":"password",disabled:r,...c},_react2.default.createElement(_chunkS5AHVYPDcjs.a,{placement:"suffix"},_react2.default.createElement(_chunkDKSJDPQNcjs.a,{type:"button",label:"toggle password visibility",onClick:I,disabled:r,"aria-pressed":o},o?_react2.default.createElement(_hearthreacticons.EyeSmallIcon,null):_react2.default.createElement(_hearthreacticons.EyeOffSmallIcon,null)))),_react2.default.createElement("div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status"},n?E:""))});M.displayName=p;exports.a = M;
+//# sourceMappingURL=chunk-DFFCNR2W.cjs.map

package/dist/{chunk-424EZSDV.cjs.map → chunk-DFFCNR2W.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-424EZSDV.cjs","../src/components/PasswordInput/PasswordInput.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","PasswordInput","React","className","disabled","props","forwardedRef","defaultRef","inputRef","visible","setVisible","showVisibilityMessage","setShowVisibilityMessage","handleVisibility","newVisibilityState","newVisibilityMessageState","currentElement","handleSubmit","visibilityMessage","TextInput","clsx","TextInputSlot","UnstyledIconButton","EyeSmallIcon","EyeOffSmallIcon"],"mappings":"AAAA,quBAAwC,wDAAyC,wDAAyC,wDAAyC,wECElJ,4EACC,wEAK4B,IAExCA,CAAAA,CAAiB,eAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAgBC,eAAAA,CAAM,UAAA,CACjC,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAAiB,CACnD,IAAMC,CAAAA,CAAaL,eAAAA,CAAM,MAAA,CAAgC,IAAI,CAAA,CACvDM,CAAAA,CAAWF,CAAAA,EAAgBC,CAAAA,CAC3B,CAACE,CAAAA,CAASC,CAAU,CAAA,CAAIR,eAAAA,CAAM,QAAA,CAAS,CAAA,CAAK,CAAA,CAC5C,CAACS,CAAAA,CAAuBC,CAAwB,CAAA,CAAIV,eAAAA,CAAM,QAAA,CAAS,CAAA,CAAK,CAAA,CAExEW,CAAAA,CAAmBX,eAAAA,CAAM,WAAA,CAAY,CAAA,CAAA,EAAM,CAC/C,IAAMY,CAAAA,CAAqB,CAACL,CAAAA,CACtBM,CAAAA,CAA4B,CAACJ,CAAAA,CACnCD,CAAAA,CAAWI,CAAkB,CAAA,CAC7BF,CAAAA,CAAyBG,CAAyB,CACpD,CAAA,CAAG,CAACN,CAAAA,CAASE,CAAqB,CAAC,CAAA,CAInCT,eAAAA,CAAM,SAAA,CAAU,CAAA,CAAA,EAAM,CAEpB,IAAIc,CAAAA,CAA0C,IAAA,CAC1CR,CAAAA,EAAY,OAAOA,CAAAA,EAAa,QAAA,EAAYA,CAAAA,CAAS,OAAA,EAAA,CAGvDQ,CAAAA,CADkBR,CAAAA,CACS,OAAA,CAAA,CAG7B,IAAMS,CAAAA,CAAe,CAAA,CAAA,EAAM,iBACrBD,CAAAA,2BAAgB,MAAA,EAAA,CAClBA,CAAAA,CAAe,IAAA,CAAO,UAAA,CAE1B,CAAA,CAEA,OAAIA,CAAAA,EAAkBA,CAAAA,CAAe,IAAA,GAAS,IAAA,EAC5CA,CAAAA,CAAe,IAAA,CAAK,gBAAA,CAAiB,QAAA,CAAUC,CAAY,CAAA,CAEtD,CAAA,CAAA,EAAM,iBACPD,CAAAA,6BAAgB,MAAA,EAClBA,CAAAA,CAAe,IAAA,CAAK,mBAAA,CAAoB,QAAA,CAAUC,CAAY,CAElE,CACF,CAAA,CAAG,CAACT,CAAQ,CAAC,CAAA,CAEb,IAAMU,CAAAA,CAAoB,CAAA,iBAAA,EAAoBT,CAAAA,CAAU,OAAA,CAAU,QAAQ,CAAA,CAAA,CAAA,CAE1E,OAAAP,eAAAA,CAAM,SAAA,CAAU,CAAA,CAAA,EAAM,CACpB,UAAA,CAAW,CAAA,CAAA,EAAM,CACfU,CAAAA,CAAyB,CAAA,CAAK,CAChC,CAAA,CAAG,IAAI,CACT,CAAA,CAAG,CAACD,CAAqB,CAAC,CAAA,CAGxBT,eAAAA,CAAA,aAAA,CAAAA,eAAAA,CAAA,QAAA,CAAA,IAAA,CACEA,eAAAA,CAAA,aAAA,CAACiB,mBAAAA,CAAA,CACC,GAAA,CAAKX,CAAAA,CACL,SAAA,CAAWY,4BAAAA,CAAKrB,CAAoBI,CAAS,CAAA,CAC7C,IAAA,CAAMM,CAAAA,CAAU,MAAA,CAAS,UAAA,CACzB,QAAA,CAAUL,CAAAA,CACT,GAAGC,CAAAA,CAAAA,CAEJH,eAAAA,CAAA,aAAA,CAACmB,mBAAAA,CAAA,CAAc,SAAA,CAAU,QAAA,CAAA,CACvBnB,eAAAA,CAAA,aAAA,CAACoB,mBAAAA,CAAA,CACC,IAAA,CAAK,QAAA,CACL,KAAA,CAAM,4BAAA,CACN,OAAA,CAAST,CAAAA,CACT,QAAA,CAAUT,CAAAA,CACV,cAAA,CAAcK,CAAAA,CAAAA,CAEbA,CAAAA,CAAUP,eAAAA,CAAA,aAAA,CAACqB,8BAAAA,CAAA,IAAa,CAAA,CAAKrB,eAAAA,CAAA,aAAA,CAACsB,iCAAAA,CAAA,IAAgB,CACjD,CACF,CACF,CAAA,CACAtB,eAAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,sBAAA,CAAoB,CAAA,CAAA,CAAC,WAAA,CAAU,WAAA,CAAY,IAAA,CAAK,QAAA,CAAA,CAClDS,CAAAA,CAAwBO,CAAAA,CAAoB,EAC/C,CACF,CAEJ,CACF,CAAA,CAEAjB,CAAAA,CAAc,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-424EZSDV.cjs","sourcesContent":[null,"import type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { PasswordInputProps } from './PasswordInput.props';\nimport { TextInput } from '../TextInput/TextInput';\nimport { TextInputSlot } from '../TextInputSlot/TextInputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { EyeOffSmallIcon, EyeSmallIcon } from '@utilitywarehouse/hearth-react-icons';\n\nconst COMPONENT_NAME = 'PasswordInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype PasswordInputElement = ElementRef<'input'>;\n\nexport const PasswordInput = React.forwardRef<PasswordInputElement, PasswordInputProps>(\n  ({ className, disabled, ...props }, forwardedRef) => {\n    const defaultRef = React.useRef<HTMLInputElement | null>(null);\n    const inputRef = forwardedRef || defaultRef;\n    const [visible, setVisible] = React.useState(false);\n    const [showVisibilityMessage, setShowVisibilityMessage] = React.useState(false);\n\n    const handleVisibility = React.useCallback(() => {\n      const newVisibilityState = !visible;\n      const newVisibilityMessageState = !showVisibilityMessage;\n      setVisible(newVisibilityState);\n      setShowVisibilityMessage(newVisibilityMessageState);\n    }, [visible, showVisibilityMessage]);\n\n    // If the PasswordInput is inside a form we should switch the input type\n    // back to password when its parent form is submitted\n    React.useEffect(() => {\n      // Get the ref value and ensure proper typing\n      let currentElement: HTMLInputElement | null = null;\n      if (inputRef && typeof inputRef === 'object' && inputRef.current) {\n        // Type assertion to ensure TypeScript understands this is a valid ref object\n        const refObject = inputRef as React.RefObject<HTMLInputElement>;\n        currentElement = refObject.current;\n      }\n\n      const handleSubmit = () => {\n        if (currentElement?.type) {\n          currentElement.type = 'password';\n        }\n      };\n\n      if (currentElement && currentElement.form !== null) {\n        currentElement.form.addEventListener('submit', handleSubmit);\n      }\n      return () => {\n        if (currentElement?.form) {\n          currentElement.form.removeEventListener('submit', handleSubmit);\n        }\n      };\n    }, [inputRef]);\n\n    const visibilityMessage = `Your password is ${visible ? 'shown' : 'hidden'}!`;\n\n    React.useEffect(() => {\n      setTimeout(() => {\n        setShowVisibilityMessage(false);\n      }, 1500);\n    }, [showVisibilityMessage]);\n\n    return (\n      <>\n        <TextInput\n          ref={inputRef}\n          className={clsx(componentClassName, className)}\n          type={visible ? 'text' : 'password'}\n          disabled={disabled}\n          {...props}\n        >\n          <TextInputSlot placement=\"suffix\">\n            <UnstyledIconButton\n              type=\"button\"\n              label=\"toggle password visibility\"\n              onClick={handleVisibility}\n              disabled={disabled}\n              aria-pressed={visible}\n            >\n              {visible ? <EyeSmallIcon /> : <EyeOffSmallIcon />}\n            </UnstyledIconButton>\n          </TextInputSlot>\n        </TextInput>\n        <div data-visually-hidden aria-live=\"assertive\" role=\"status\">\n          {showVisibilityMessage ? visibilityMessage : ''}\n        </div>\n      </>\n    );\n  }\n);\n\nPasswordInput.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-DFFCNR2W.cjs","../src/components/PasswordInput/PasswordInput.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","PasswordInput","React","className","disabled","props","forwardedRef","defaultRef","inputRef","visible","setVisible","showVisibilityMessage","setShowVisibilityMessage","handleVisibility","newVisibilityState","newVisibilityMessageState","currentElement","handleSubmit","visibilityMessage","TextInput","clsx","TextInputSlot","UnstyledIconButton","EyeSmallIcon","EyeOffSmallIcon"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-DFFCNR2W.cjs","sourcesContent":[null,"import type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { PasswordInputProps } from './PasswordInput.props';\nimport { TextInput } from '../TextInput/TextInput';\nimport { TextInputSlot } from '../TextInputSlot/TextInputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { EyeOffSmallIcon, EyeSmallIcon } from '@utilitywarehouse/hearth-react-icons';\n\nconst COMPONENT_NAME = 'PasswordInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype PasswordInputElement = ElementRef<'input'>;\n\nexport const PasswordInput = React.forwardRef<PasswordInputElement, PasswordInputProps>(\n  ({ className, disabled, ...props }, forwardedRef) => {\n    const defaultRef = React.useRef<HTMLInputElement | null>(null);\n    const inputRef = forwardedRef || defaultRef;\n    const [visible, setVisible] = React.useState(false);\n    const [showVisibilityMessage, setShowVisibilityMessage] = React.useState(false);\n\n    const handleVisibility = React.useCallback(() => {\n      const newVisibilityState = !visible;\n      const newVisibilityMessageState = !showVisibilityMessage;\n      setVisible(newVisibilityState);\n      setShowVisibilityMessage(newVisibilityMessageState);\n    }, [visible, showVisibilityMessage]);\n\n    // If the PasswordInput is inside a form we should switch the input type\n    // back to password when its parent form is submitted\n    React.useEffect(() => {\n      // Get the ref value and ensure proper typing\n      let currentElement: HTMLInputElement | null = null;\n      if (inputRef && typeof inputRef === 'object' && inputRef.current) {\n        // Type assertion to ensure TypeScript understands this is a valid ref object\n        const refObject = inputRef as React.RefObject<HTMLInputElement>;\n        currentElement = refObject.current;\n      }\n\n      const handleSubmit = () => {\n        if (currentElement?.type) {\n          currentElement.type = 'password';\n        }\n      };\n\n      if (currentElement && currentElement.form !== null) {\n        currentElement.form.addEventListener('submit', handleSubmit);\n      }\n      return () => {\n        if (currentElement?.form) {\n          currentElement.form.removeEventListener('submit', handleSubmit);\n        }\n      };\n    }, [inputRef]);\n\n    const visibilityMessage = `Your password is ${visible ? 'shown' : 'hidden'}!`;\n\n    React.useEffect(() => {\n      setTimeout(() => {\n        setShowVisibilityMessage(false);\n      }, 1500);\n    }, [showVisibilityMessage]);\n\n    return (\n      <>\n        <TextInput\n          ref={inputRef}\n          className={clsx(componentClassName, className)}\n          type={visible ? 'text' : 'password'}\n          disabled={disabled}\n          {...props}\n        >\n          <TextInputSlot placement=\"suffix\">\n            <UnstyledIconButton\n              type=\"button\"\n              label=\"toggle password visibility\"\n              onClick={handleVisibility}\n              disabled={disabled}\n              aria-pressed={visible}\n            >\n              {visible ? <EyeSmallIcon /> : <EyeOffSmallIcon />}\n            </UnstyledIconButton>\n          </TextInputSlot>\n        </TextInput>\n        <div data-visually-hidden aria-live=\"assertive\" role=\"status\">\n          {showVisibilityMessage ? visibilityMessage : ''}\n        </div>\n      </>\n    );\n  }\n);\n\nPasswordInput.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-K35PGLA6.cjs → chunk-DKSJDPQN.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkORPRJFJWcjs = require('./chunk-ORPRJFJW.cjs');var _chunkETIIJRSFcjs = require('./chunk-ETIIJRSF.cjs');var _chunk4HAN4WSZcjs = require('./chunk-4HAN4WSZ.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _chunkA7QCHPE4cjs = require('./chunk-A7QCHPE4.cjs');var _chunkMBS63LK7cjs = require('./chunk-MBS63LK7.cjs');var _react = require('react'); var t = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var d="UnstyledIconButton",R=_chunk5AK4QM2Gcjs.b.call(void 0, d),U= exports.a =t.forwardRef((o,f)=>{let{className:u,children:e,label:y,disabled:n,inverted:B,loading:r,onClick:I,asChild:s,...P}=_chunk4HAN4WSZcjs.a.call(void 0, o,_chunkORPRJFJWcjs.a),S=_chunkA7QCHPE4cjs.a.call(void 0, o.size||"md",{md:"sm",sm:"xs"}),b=s?_radixui.Slot.Root:"button";return t.createElement(b,{ref:f,className:_clsx2.default.call(void 0, R,u),"aria-label":y,"aria-disabled":n||r,"data-inverted":B?"":void 0,onClick:n?void 0:I,...P},r?_chunkMBS63LK7cjs.a.call(void 0, {asChild:s,children:e},()=>t.createElement(_chunkETIIJRSFcjs.a,{size:S,currentColor:!0})):e)});U.displayName=d;exports.a = U;
-//# sourceMappingURL=chunk-K35PGLA6.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkORPRJFJWcjs = require('./chunk-ORPRJFJW.cjs');var _chunkETIIJRSFcjs = require('./chunk-ETIIJRSF.cjs');var _chunk4HAN4WSZcjs = require('./chunk-4HAN4WSZ.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _chunkTZUHNZFDcjs = require('./chunk-TZUHNZFD.cjs');var _chunkMBS63LK7cjs = require('./chunk-MBS63LK7.cjs');var _react = require('react'); var t = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var d="UnstyledIconButton",R=_chunk5AK4QM2Gcjs.b.call(void 0, d),U= exports.a =t.forwardRef((o,f)=>{let{className:u,children:n,label:y,disabled:e,inverted:B,loading:r,onClick:I,asChild:s,...P}=_chunk4HAN4WSZcjs.a.call(void 0, o,_chunkORPRJFJWcjs.a),b=_chunkTZUHNZFDcjs.a.call(void 0, o.size||"md",{md:"sm",sm:"xs"}),C=s?_radixui.Slot.Root:"button";return t.createElement(C,{ref:f,className:_clsx2.default.call(void 0, R,u),"aria-label":y,"aria-disabled":e||r,"data-inverted":B?"":void 0,onClick:e?void 0:I,...P},r?_chunkMBS63LK7cjs.a.call(void 0, {asChild:s,children:n},()=>t.createElement(_chunkETIIJRSFcjs.a,{size:b,currentColor:!0})):n)});U.displayName=d;exports.a = U;
+//# sourceMappingURL=chunk-DKSJDPQN.cjs.map

package/dist/chunk-DKSJDPQN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-DKSJDPQN.cjs","../src/components/UnstyledIconButton/UnstyledIconButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","UnstyledIconButton","props","forwardedRef","className","children","label","disabled","inverted","loading","onClick","asChild","unstyledIconButtonProps","extractProps","unstyledIconButtonPropDefs","spinnerSize","getResponsiveTranslation","Component","Slot","clsx","getSubtree","Spinner"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,uECAzN,wEAEN,mCAQI,IAIfA,CAAAA,CAAiB,oBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAA2B,CAAA,CAAA,UAAA,CAGtC,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAiB,CACzB,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,OACE,CAAA,CAAA,aAAA,CAACD,CAAAA,CAAA,CACC,GAAA,CAAKd,CAAAA,CACL,SAAA,CAAWgB,4BAAAA,CAAKpB,CAAoBK,CAAS,CAAA,CAC7C,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,CAC/B,GAAGE,CAAAA,CAAAA,CAEHH,CAAAA,CACGW,iCAAAA,CAAa,OAAA,CAAAT,CAAAA,CAAS,QAAA,CAAAN,CAAS,CAAA,CAAG,CAAA,CAAA,EAChC,CAAA,CAAA,aAAA,CAACgB,mBAAAA,CAAA,CAAQ,IAAA,CAAMN,CAAAA,CAAqC,YAAA,CAAY,CAAA,CAAA,CAAC,CAClE,CAAA,CACDV,CACN,CAEJ,CAAC,CAAA,CAEDJ,CAAAA,CAAmB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-DKSJDPQN.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { 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\nexport type UnstyledIconButtonElement = ElementRef<'button'>;\n\nexport const UnstyledIconButton = React.forwardRef<\n  UnstyledIconButtonElement,\n  UnstyledIconButtonProps\n>((props, forwardedRef) => {\n  const {\n    className,\n    children,\n    label,\n    disabled,\n    inverted,\n    loading,\n    onClick,\n    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={forwardedRef}\n      className={clsx(componentClassName, className)}\n      aria-label={label}\n      aria-disabled={disabled || loading}\n      data-inverted={inverted ? '' : undefined}\n      onClick={disabled ? undefined : onClick}\n      {...unstyledIconButtonProps}\n    >\n      {loading\n        ? getSubtree({ asChild, children }, () => (\n            <Spinner size={spinnerSize as SpinnerProps['size']} currentColor />\n          ))\n        : children}\n    </Component>\n  );\n});\n\nUnstyledIconButton.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-RMJU2VET.cjs → chunk-DNZIZR4E.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkLSCDI3KEcjs = require('./chunk-LSCDI3KE.cjs');var _chunkDG7YW6ENcjs = require('./chunk-DG7YW6EN.cjs');var _chunkMVVX63T3cjs = require('./chunk-MVVX63T3.cjs');var _chunkHW74KDL7cjs = require('./chunk-HW74KDL7.cjs');var _chunk4HAN4WSZcjs = require('./chunk-4HAN4WSZ.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _chunkWXLMRZHQcjs = require('./chunk-WXLMRZHQ.cjs');var _chunkA7QCHPE4cjs = require('./chunk-A7QCHPE4.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var f="Avatar",e=_chunk5AK4QM2Gcjs.b.call(void 0, f),z= exports.a =a=>{let{className:y,src:i,name:r,delayMs:P=0,...B}=_chunk4HAN4WSZcjs.a.call(void 0, a,_chunkDG7YW6ENcjs.a,_chunkHW74KDL7cjs.a),v=_chunkWXLMRZHQcjs.a.call(void 0, r),A=_chunkA7QCHPE4cjs.a.call(void 0, a.size||"md",{sm:"md",md:"lg"}),N=_chunkA7QCHPE4cjs.a.call(void 0, a.size||"md",{sm:"none",md:"block"}),b=_chunkA7QCHPE4cjs.a.call(void 0, a.size||"md",{sm:"block",md:"none"});return o.createElement(_radixui.Avatar.Root,{className:_clsx2.default.call(void 0, e,y)},i?o.createElement(_radixui.Avatar.Image,{className:`${e}Image`,src:i,alt:r,...B}):null,o.createElement(_radixui.Avatar.Fallback,{className:`${e}Fallback`,delayMs:P},r?o.createElement(_chunkMVVX63T3cjs.a,{as:"span",weight:"semibold",size:A,textTransform:"uppercase"},v):o.createElement(o.Fragment,null,o.createElement(_chunkLSCDI3KEcjs.a,{asChild:!0,display:b},o.createElement(_hearthreacticons.UserSmallIcon,null)),o.createElement(_chunkLSCDI3KEcjs.a,{asChild:!0,display:N},o.createElement(_hearthreacticons.UserMediumIcon,null)))))};z.displayName=f;exports.a = z;
-//# sourceMappingURL=chunk-RMJU2VET.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkLSCDI3KEcjs = require('./chunk-LSCDI3KE.cjs');var _chunkDG7YW6ENcjs = require('./chunk-DG7YW6EN.cjs');var _chunkMVVX63T3cjs = require('./chunk-MVVX63T3.cjs');var _chunkHW74KDL7cjs = require('./chunk-HW74KDL7.cjs');var _chunk4HAN4WSZcjs = require('./chunk-4HAN4WSZ.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _chunkWXLMRZHQcjs = require('./chunk-WXLMRZHQ.cjs');var _chunkTZUHNZFDcjs = require('./chunk-TZUHNZFD.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var f="Avatar",e=_chunk5AK4QM2Gcjs.b.call(void 0, f),I= exports.a =a=>{let{className:y,src:i,name:r,delayMs:P=0,...B}=_chunk4HAN4WSZcjs.a.call(void 0, a,_chunkDG7YW6ENcjs.a,_chunkHW74KDL7cjs.a),v=_chunkWXLMRZHQcjs.a.call(void 0, r),A=_chunkTZUHNZFDcjs.a.call(void 0, a.size||"md",{sm:"md",md:"lg"}),N=_chunkTZUHNZFDcjs.a.call(void 0, a.size||"md",{sm:"none",md:"block"}),b=_chunkTZUHNZFDcjs.a.call(void 0, a.size||"md",{sm:"block",md:"none"});return o.createElement(_radixui.Avatar.Root,{className:_clsx2.default.call(void 0, e,y)},i?o.createElement(_radixui.Avatar.Image,{className:`${e}Image`,src:i,alt:r,...B}):null,o.createElement(_radixui.Avatar.Fallback,{className:`${e}Fallback`,delayMs:P},r?o.createElement(_chunkMVVX63T3cjs.a,{as:"span",weight:"semibold",size:A,textTransform:"uppercase"},v):o.createElement(o.Fragment,null,o.createElement(_chunkLSCDI3KEcjs.a,{asChild:!0,display:b},o.createElement(_hearthreacticons.UserSmallIcon,null)),o.createElement(_chunkLSCDI3KEcjs.a,{asChild:!0,display:N},o.createElement(_hearthreacticons.UserMediumIcon,null)))))};I.displayName=f;exports.a = I;
+//# sourceMappingURL=chunk-DNZIZR4E.cjs.map

package/dist/chunk-DNZIZR4E.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-DNZIZR4E.cjs","../src/components/Avatar/Avatar.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Avatar","props","className","src","name","delayMs","avatarProps","extractProps","avatarPropDefs","marginPropDefs","initials","getInitials","bodyTextSize","getResponsiveTranslation","mediumIconDisplay","smallIconDisplay","RadixAvatar","clsx"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECAhT,wEACN,mCAKqB,wEACQ,IAQxCA,CAAAA,CAAiB,QAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAgCC,CAAAA,EAAS,CACpD,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,GAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAU,CAAA,CACV,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaN,CAAOO,mBAAAA,CAAgBC,mBAAc,CAAA,CAEhDC,CAAAA,CAAWC,iCAAAA,CAAgB,CAAA,CAE3BC,CAAAA,CAAeC,iCAAAA,CAAyBZ,CAAM,IAAA,EAAQ,IAAA,CAAM,CAAE,EAAA,CAAI,IAAA,CAAM,EAAA,CAAI,IAAK,CAAC,CAAA,CAClFa,CAAAA,CAAoBD,iCAAAA,CAAyBZ,CAAM,IAAA,EAAQ,IAAA,CAAM,CACrE,EAAA,CAAI,MAAA,CACJ,EAAA,CAAI,OACN,CAAC,CAAA,CACKc,CAAAA,CAAmBF,iCAAAA,CAAyBZ,CAAM,IAAA,EAAQ,IAAA,CAAM,CACpE,EAAA,CAAI,OAAA,CACJ,EAAA,CAAI,MACN,CAAC,CAAA,CAED,OACE,CAAA,CAAA,aAAA,CAACe,eAAAA,CAAY,IAAA,CAAZ,CAAiB,SAAA,CAAWC,4BAAAA,CAAKnB,CAAoBI,CAAS,CAAA,CAAA,CAC5DC,CAAAA,CACC,CAAA,CAAA,aAAA,CAACa,eAAAA,CAAY,KAAA,CAAZ,CACC,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-DNZIZR4E.cjs","sourcesContent":[null,"import * as React from 'react';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { avatarPropDefs, AvatarProps } from './Avatar.props';\nimport { Avatar as RadixAvatar } from 'radix-ui';\nimport { UserMediumIcon, UserSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport { getInitials } from '../../helpers/get-initials';\nimport { BodyTextProps } from '../BodyText/BodyText.props';\nimport { Box } from '../Box/Box';\nimport type { BoxProps } from '../Box/Box.props';\nimport { getResponsiveTranslation } from '../../helpers/get-responsive-translation';\n\nconst COMPONENT_NAME = 'Avatar';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Avatar: React.FC<AvatarProps> = props => {\n  const {\n    className,\n    src,\n    name,\n    delayMs = 0,\n    ...avatarProps\n  } = extractProps(props, avatarPropDefs, marginPropDefs);\n\n  const initials = getInitials(name);\n\n  const bodyTextSize = getResponsiveTranslation(props.size || 'md', { sm: 'md', md: 'lg' });\n  const mediumIconDisplay = getResponsiveTranslation(props.size || 'md', {\n    sm: 'none',\n    md: 'block',\n  });\n  const smallIconDisplay = getResponsiveTranslation(props.size || 'md', {\n    sm: 'block',\n    md: 'none',\n  });\n\n  return (\n    <RadixAvatar.Root className={clsx(componentClassName, className)}>\n      {src ? (\n        <RadixAvatar.Image\n          className={`${componentClassName}Image`}\n          src={src}\n          alt={name}\n          {...avatarProps}\n        />\n      ) : null}\n      <RadixAvatar.Fallback className={`${componentClassName}Fallback`} delayMs={delayMs}>\n        {name ? (\n          <BodyText\n            as=\"span\"\n            weight=\"semibold\"\n            size={bodyTextSize as BodyTextProps['size']}\n            textTransform=\"uppercase\"\n          >\n            {initials}\n          </BodyText>\n        ) : (\n          <>\n            <Box asChild display={smallIconDisplay as BoxProps['display']}>\n              <UserSmallIcon />\n            </Box>\n            <Box asChild display={mediumIconDisplay as BoxProps['display']}>\n              <UserMediumIcon />\n            </Box>\n          </>\n        )}\n      </RadixAvatar.Fallback>\n    </RadixAvatar.Root>\n  );\n};\n\nAvatar.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-ZX4MEBJ2.js → chunk-E6TPUINO.js}

@@ -1,2 +1,2 @@
-import{a as h}from"./chunk-FCNGZ4M7.js";import{b as L}from"./chunk-JTQWB7E2.js";import*as r from"react";import{useCallback as i,useLayoutEffect as M,useRef as p,useState as f}from"react";import T from"clsx";import{Tabs as O}from"radix-ui";import{ChevronLeftSmallIcon as B,ChevronRightSmallIcon as k}from"@utilitywarehouse/hearth-react-icons";var S="TabsList",o=L(S),A=({className:R,children:g,...I})=>{let u=p(null),c=p(null),[C,N]=f(0),[x,y]=f(0),[m,W]=f(!1),[v,w]=f(!1),a=i(()=>{let e=u.current;if(!e)return;let t=e.querySelector('.hearth-Tab[data-state="active"]');t&&(N(t.offsetLeft),y(t.offsetWidth))},[]),l=i(()=>{let e=c.current;if(!e)return;let t=e.scrollWidth>e.clientWidth+1,n=t&&e.scrollLeft>0,s=t&&e.scrollLeft+e.clientWidth<e.scrollWidth-1;W(n),w(s)},[]);M(()=>{a(),l();let e=u.current,t=c.current;if(!e&&!t)return;let n=new ResizeObserver(()=>{a(),l()});e&&n.observe(e),t&&n.observe(t);let s=new MutationObserver(()=>{a(),l()});e&&s.observe(e,{subtree:!0,attributes:!0,attributeFilter:["data-state"],childList:!0});let b=()=>l();return t?.addEventListener("scroll",b,{passive:!0}),()=>{n.disconnect(),s.disconnect(),t?.removeEventListener("scroll",b)}},[a,l]);let d=i(e=>{let t=c.current;if(!t)return;let n=t.clientWidth*.6,s=Math.max(0,Math.min(t.scrollLeft+e*n,t.scrollWidth-t.clientWidth));t.scrollTo({left:s,behavior:"smooth"})},[]),E=i(()=>d(-1),[d]),$=i(()=>d(1),[d]);return r.createElement(O.List,{className:T(o,R),...I},m?r.createElement("div",{className:`${o}ScrollButtonLeft`,"aria-hidden":!0},r.createElement(h,{label:"scroll left",tabIndex:-1,onClick:E},r.createElement(B,null))):null,r.createElement("div",{className:T(`${o}Scroll`,{[`${o}Scroll-with-left`]:m,[`${o}Scroll-with-right`]:v}),ref:c},r.createElement("div",{className:`${o}Container`,ref:u},g,r.createElement("div",{className:`${o}Indicator`,style:{transform:`translateX(${C}px)`,width:`${x}px`}}))),v?r.createElement("div",{className:`${o}ScrollButtonRight`,"aria-hidden":!0},r.createElement(h,{label:"scroll right",tabIndex:-1,onClick:$},r.createElement(k,null))):null)};A.displayName=S;export{A as a};
-//# sourceMappingURL=chunk-ZX4MEBJ2.js.map
+import{a as h}from"./chunk-673BEU2J.js";import{b as L}from"./chunk-JTQWB7E2.js";import*as r from"react";import{useCallback as i,useLayoutEffect as M,useRef as p,useState as f}from"react";import T from"clsx";import{Tabs as O}from"radix-ui";import{ChevronLeftSmallIcon as B,ChevronRightSmallIcon as k}from"@utilitywarehouse/hearth-react-icons";var S="TabsList",o=L(S),A=({className:R,children:g,...I})=>{let u=p(null),c=p(null),[C,N]=f(0),[x,y]=f(0),[m,W]=f(!1),[v,w]=f(!1),a=i(()=>{let e=u.current;if(!e)return;let t=e.querySelector('.hearth-Tab[data-state="active"]');t&&(N(t.offsetLeft),y(t.offsetWidth))},[]),l=i(()=>{let e=c.current;if(!e)return;let t=e.scrollWidth>e.clientWidth+1,n=t&&e.scrollLeft>0,s=t&&e.scrollLeft+e.clientWidth<e.scrollWidth-1;W(n),w(s)},[]);M(()=>{a(),l();let e=u.current,t=c.current;if(!e&&!t)return;let n=new ResizeObserver(()=>{a(),l()});e&&n.observe(e),t&&n.observe(t);let s=new MutationObserver(()=>{a(),l()});e&&s.observe(e,{subtree:!0,attributes:!0,attributeFilter:["data-state"],childList:!0});let b=()=>l();return t?.addEventListener("scroll",b,{passive:!0}),()=>{n.disconnect(),s.disconnect(),t?.removeEventListener("scroll",b)}},[a,l]);let d=i(e=>{let t=c.current;if(!t)return;let n=t.clientWidth*.6,s=Math.max(0,Math.min(t.scrollLeft+e*n,t.scrollWidth-t.clientWidth));t.scrollTo({left:s,behavior:"smooth"})},[]),E=i(()=>d(-1),[d]),$=i(()=>d(1),[d]);return r.createElement(O.List,{className:T(o,R),...I},m?r.createElement("div",{className:`${o}ScrollButtonLeft`,"aria-hidden":!0},r.createElement(h,{label:"scroll left",tabIndex:-1,onClick:E},r.createElement(B,null))):null,r.createElement("div",{className:T(`${o}Scroll`,{[`${o}Scroll-with-left`]:m,[`${o}Scroll-with-right`]:v}),ref:c},r.createElement("div",{className:`${o}Container`,ref:u},g,r.createElement("div",{className:`${o}Indicator`,style:{transform:`translateX(${C}px)`,width:`${x}px`}}))),v?r.createElement("div",{className:`${o}ScrollButtonRight`,"aria-hidden":!0},r.createElement(h,{label:"scroll right",tabIndex:-1,onClick:$},r.createElement(k,null))):null)};A.displayName=S;export{A as a};
+//# sourceMappingURL=chunk-E6TPUINO.js.map

package/dist/chunk-HEBEFOX2.js

@@ -0,0 +1,2 @@
+import{a as r}from"./chunk-SX25PHVU.js";import{b as e}from"./chunk-JTQWB7E2.js";import*as o from"react";import{ToggleGroup as u}from"radix-ui";import G from"clsx";var t="ToggleGroup",c=e(t),R=o.forwardRef(({className:p,type:l="multiple",value:m,defaultValue:g,onValueChange:s,children:a,...i},f)=>{let n={type:l,value:m,defaultValue:g,onValueChange:s,children:a};return o.createElement(r,{asChild:!0,...i},o.createElement(u.Root,{ref:f,className:G(c,p),...n}))});R.displayName=t;export{R as a};
+//# sourceMappingURL=chunk-HEBEFOX2.js.map

package/dist/chunk-HEBEFOX2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ToggleGroup as RadixToggleGroup } from 'radix-ui';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { type ElementRef } from 'react';\nimport { ToggleGroupProps } from './ToggleGroup.props';\nimport { Flex } from '../Flex/Flex';\n\nconst COMPONENT_NAME = 'ToggleGroup';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ToggleGroupElement = ElementRef<'div'>;\n\nexport const ToggleGroup = React.forwardRef<ToggleGroupElement, ToggleGroupProps>(\n  (\n    { className, type = 'multiple', value, defaultValue, onValueChange, children, ...flexProps },\n    ref\n  ) => {\n    const toggleGroupProps = {\n      type,\n      value,\n      defaultValue,\n      onValueChange,\n      children,\n    };\n\n    return (\n      <Flex asChild {...flexProps}>\n        <RadixToggleGroup.Root\n          ref={ref}\n          className={clsx(componentClassName, className)}\n          {...(toggleGroupProps as React.ComponentProps<typeof RadixToggleGroup.Root>)}\n        />\n      </Flex>\n    );\n  }\n);\n\nToggleGroup.displayName = COMPONENT_NAME;\n"],"mappings":"gFAAA,UAAYA,MAAW,QACvB,OAAS,eAAeC,MAAwB,WAChD,OAAOC,MAAU,OAMjB,IAAMC,EAAiB,cACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAoB,aAC/B,CACE,CAAE,UAAAC,EAAW,KAAAC,EAAO,WAAY,MAAAC,EAAO,aAAAC,EAAc,cAAAC,EAAe,SAAAC,EAAU,GAAGC,CAAU,EAC3FC,IACG,CACH,IAAMC,EAAmB,CACvB,KAAAP,EACA,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,SAAAC,CACF,EAEA,OACE,gBAACI,EAAA,CAAK,QAAO,GAAE,GAAGH,GAChB,gBAACI,EAAiB,KAAjB,CACC,IAAKH,EACL,UAAWI,EAAKd,EAAoBG,CAAS,EAC5C,GAAIQ,EACP,CACF,CAEJ,CACF,EAEAT,EAAY,YAAcH","names":["React","RadixToggleGroup","clsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","ToggleGroup","className","type","value","defaultValue","onValueChange","children","flexProps","ref","toggleGroupProps","Flex","RadixToggleGroup","clsx"]}

package/dist/chunk-JBNKX7O7.js

@@ -0,0 +1,2 @@
+import{a as r}from"./chunk-JKIDUQDG.js";function p(e,n){if(typeof e=="string")return n[e];if(r(e))return Object.keys(e).reduce((i,s)=>{let t=n[e[s]];return t&&(i[s]=t),i},{})}export{p as a};
+//# sourceMappingURL=chunk-JBNKX7O7.js.map

package/dist/chunk-JBNKX7O7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/helpers/get-responsive-translation.ts"],"sourcesContent":["import type { Breakpoint, Responsive } from '../types/responsive';\nimport { isResponsiveObject } from './is-responsive-object';\n\n/**\n * Translates a responsive value according to a provided mapping.\n *\n * If a responsive object is provided, the translation is applied per\n * breakpoint and a responsive object is returned.\n *\n * Examples\n * ```ts\n * getResponsiveTranslation('large', { large: 'medium', medium: 'small' }) // => 'medium'\n * getResponsiveTranslation({ mobile: 'medium', tablet: 'large' }, { large: 'medium', medium: 'small' })\n * // => { mobile: 'small', tablet: 'medium' }\n * getResponsiveTranslation<Orientation>({mobile: 'column', desktop: 'row'}, { column: 'vertical', row: 'horizontal' });\n * // => { mobile: 'vertical', tablet: 'horizontal' }\n * ```\n *\n * @param size - The size value (string or responsive object) to translate.\n * @param translation - Mapping object from input size to output size.\n * @returns The translated size (string or responsive object). May be `undefined` if input is unsupported.\n */\nexport function getResponsiveTranslation<Value extends string | number>(\n  value: Responsive<Value | Omit<string, Value>> | undefined,\n  translation: { [key: string]: Responsive<Value | Omit<string, Value>> | undefined }\n): Responsive<Value | Omit<string, Value>> | undefined {\n  if (typeof value === 'string') {\n    return translation[value];\n  }\n  if (isResponsiveObject(value)) {\n    return Object.keys(value).reduce((acc: { [key: string]: string }, bp: string) => {\n      const translated = translation[value[bp as Breakpoint]];\n      if (translated) {\n        acc[bp] = translated as string;\n      }\n      return acc;\n    }, {});\n  }\n}\n"],"mappings":"wCAsBO,SAASA,EACdC,EACAC,EACqD,CACrD,GAAI,OAAOD,GAAU,SACnB,OAAOC,EAAYD,CAAK,EAE1B,GAAIE,EAAmBF,CAAK,EAC1B,OAAO,OAAO,KAAKA,CAAK,EAAE,OAAO,CAACG,EAAgCC,IAAe,CAC/E,IAAMC,EAAaJ,EAAYD,EAAMI,CAAgB,CAAC,EACtD,OAAIC,IACFF,EAAIC,CAAE,EAAIC,GAELF,CACT,EAAG,CAAC,CAAC,CAET","names":["getResponsiveTranslation","value","translation","isResponsiveObject","acc","bp","translated"]}

package/dist/{chunk-E2ARXS7K.cjs → chunk-JGDSWP3N.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunk5C3I4LATcjs = require('./chunk-5C3I4LAT.cjs');var _chunkLSCDI3KEcjs = require('./chunk-LSCDI3KE.cjs');var _chunkK35PGLA6cjs = require('./chunk-K35PGLA6.cjs');var _chunkKVVW3EQDcjs = require('./chunk-KVVW3EQD.cjs');var _chunkMVVX63T3cjs = require('./chunk-MVVX63T3.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _react = require('react'); var a = _interopRequireWildcard(_react);var _radixui = require('radix-ui');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var m="Modal",D=_chunk5AK4QM2Gcjs.b.call(void 0, m),B= exports.a =a.forwardRef(({className:c,image:e,forceMount:p,container:f,heading:h,description:M,hideCloseButton:v,fullScreen:C,children:N,...g},u)=>{let x={forceMount:p,container:f},l=!!e;return a.createElement(_radixui.Dialog.Portal,{...x},a.createElement(_radixui.Dialog.Overlay,{className:"hearth-Overlay"},a.createElement("div",{className:"hearth-ModalScroll"},a.createElement("div",{className:"hearth-ModalScrollPadding"},a.createElement(_radixui.Dialog.Content,{ref:u,className:_clsx2.default.call(void 0, D,c),"data-contains-image":l?"":void 0,"data-full-screen":C?"":void 0,...g},a.createElement("div",{className:"hearth-ModalOuterContainer"},a.createElement(_chunk5C3I4LATcjs.a,null,a.createElement(_chunkK35PGLA6cjs.a,{type:"button",label:"Close","data-visually-hidden":v?"":void 0,className:"hearth-ModalCloseIconButton"},a.createElement(_hearthreacticons.CloseMediumIcon,null))),a.createElement("div",{className:"hearth-ModalInnerContainer"},l?a.createElement("div",{className:"hearth-ModalImage"},e):null,a.createElement("div",{className:"hearth-ModalHeader"},a.createElement(_chunkLSCDI3KEcjs.a,{asChild:!0},a.createElement(_radixui.Dialog.Title,{asChild:!0},a.createElement(_chunkKVVW3EQDcjs.a,{size:"lg"},h))),a.createElement(_radixui.Dialog.Description,{asChild:!0},a.createElement(_chunkMVVX63T3cjs.a,{size:"md",as:"span"},M)))),N))))))});B.displayName=m;exports.a = B;
-//# sourceMappingURL=chunk-E2ARXS7K.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunk5C3I4LATcjs = require('./chunk-5C3I4LAT.cjs');var _chunkLSCDI3KEcjs = require('./chunk-LSCDI3KE.cjs');var _chunkDKSJDPQNcjs = require('./chunk-DKSJDPQN.cjs');var _chunkKVVW3EQDcjs = require('./chunk-KVVW3EQD.cjs');var _chunkMVVX63T3cjs = require('./chunk-MVVX63T3.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _react = require('react'); var a = _interopRequireWildcard(_react);var _radixui = require('radix-ui');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var m="Modal",D=_chunk5AK4QM2Gcjs.b.call(void 0, m),B= exports.a =a.forwardRef(({className:c,image:e,forceMount:p,container:f,heading:h,description:M,hideCloseButton:v,fullScreen:C,children:N,...g},u)=>{let x={forceMount:p,container:f},l=!!e;return a.createElement(_radixui.Dialog.Portal,{...x},a.createElement(_radixui.Dialog.Overlay,{className:"hearth-Overlay"},a.createElement("div",{className:"hearth-ModalScroll"},a.createElement("div",{className:"hearth-ModalScrollPadding"},a.createElement(_radixui.Dialog.Content,{ref:u,className:_clsx2.default.call(void 0, D,c),"data-contains-image":l?"":void 0,"data-full-screen":C?"":void 0,...g},a.createElement("div",{className:"hearth-ModalOuterContainer"},a.createElement(_chunk5C3I4LATcjs.a,null,a.createElement(_chunkDKSJDPQNcjs.a,{type:"button",label:"Close","data-visually-hidden":v?"":void 0,className:"hearth-ModalCloseIconButton"},a.createElement(_hearthreacticons.CloseMediumIcon,null))),a.createElement("div",{className:"hearth-ModalInnerContainer"},l?a.createElement("div",{className:"hearth-ModalImage"},e):null,a.createElement("div",{className:"hearth-ModalHeader"},a.createElement(_chunkLSCDI3KEcjs.a,{asChild:!0},a.createElement(_radixui.Dialog.Title,{asChild:!0},a.createElement(_chunkKVVW3EQDcjs.a,{size:"lg"},h))),a.createElement(_radixui.Dialog.Description,{asChild:!0},a.createElement(_chunkMVVX63T3cjs.a,{size:"md",as:"span"},M)))),N))))))});B.displayName=m;exports.a = B;
+//# sourceMappingURL=chunk-JGDSWP3N.cjs.map

package/dist/{chunk-E2ARXS7K.cjs.map → chunk-JGDSWP3N.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-E2ARXS7K.cjs","../src/components/Modal/Modal.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Modal","className","image","forceMount","container","heading","description","hideCloseButton","fullScreen","children","props","ref","portalProps","containsImage","RadixDialog","clsx","ModalClose","UnstyledIconButton","CloseMediumIcon","Box","Heading","BodyText"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECA9N,mCAEe,wEACrB,wEAKe,IAK1BA,CAAAA,CAAiB,OAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAc,CAAA,CAAA,UAAA,CACzB,CACE,CACE,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,IAAMC,CAAAA,CAAc,CAAE,UAAA,CAAAT,CAAAA,CAAY,SAAA,CAAAC,CAAU,CAAA,CACtCS,CAAAA,CAAgB,CAAA,CAAQX,CAAAA,CAE9B,OACE,CAAA,CAAA,aAAA,CAACY,eAAAA,CAAY,MAAA,CAAZ,CAAoB,GAAGF,CAAAA,CAAAA,CACtB,CAAA,CAAA,aAAA,CAACE,eAAAA,CAAY,OAAA,CAAZ,CAAoB,SAAA,CAAU,gBAAA,CAAA,CAC7B,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,oBAAA,CAAA,CACb,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,2BAAA,CAAA,CACb,CAAA,CAAA,aAAA,CAACA,eAAAA,CAAY,OAAA,CAAZ,CACC,GAAA,CAAKH,CAAAA,CACL,SAAA,CAAWI,4BAAAA,CAAKjB,CAAoBG,CAAS,CAAA,CAC7C,qBAAA,CAAqBY,CAAAA,CAAgB,EAAA,CAAK,KAAA,CAAA,CAC1C,kBAAA,CAAkBL,CAAAA,CAAa,EAAA,CAAK,KAAA,CAAA,CACnC,GAAGE,CAAAA,CAAAA,CAEJ,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,4BAAA,CAAA,CACb,CAAA,CAAA,aAAA,CAACM,mBAAAA,CAAA,IAAA,CACC,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CACC,IAAA,CAAK,QAAA,CACL,KAAA,CAAM,OAAA,CACN,sBAAA,CAAsBV,CAAAA,CAAkB,EAAA,CAAK,KAAA,CAAA,CAC7C,SAAA,CAAU,6BAAA,CAAA,CAEV,CAAA,CAAA,aAAA,CAACW,iCAAAA,CAAA,IAAgB,CACnB,CACF,CAAA,CAEA,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,4BAAA,CAAA,CACZL,CAAAA,CAAgB,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,mBAAA,CAAA,CAAqBX,CAAM,CAAA,CAAS,IAAA,CACpE,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,oBAAA,CAAA,CACb,CAAA,CAAA,aAAA,CAACiB,mBAAAA,CAAA,CAAI,OAAA,CAAO,CAAA,CAAA,CAAA,CACV,CAAA,CAAA,aAAA,CAACL,eAAAA,CAAY,KAAA,CAAZ,CAAkB,OAAA,CAAO,CAAA,CAAA,CAAA,CACxB,CAAA,CAAA,aAAA,CAACM,mBAAAA,CAAA,CAAQ,IAAA,CAAK,IAAA,CAAA,CAAMf,CAAQ,CAC9B,CACF,CAAA,CACA,CAAA,CAAA,aAAA,CAACS,eAAAA,CAAY,WAAA,CAAZ,CAAwB,OAAA,CAAO,CAAA,CAAA,CAAA,CAC9B,CAAA,CAAA,aAAA,CAACO,mBAAAA,CAAA,CAAS,IAAA,CAAK,IAAA,CAAK,EAAA,CAAG,MAAA,CAAA,CACpBf,CACH,CACF,CACF,CACF,CAAA,CAECG,CACH,CACF,CACF,CACF,CACF,CACF,CAEJ,CACF,CAAA,CAEAT,CAAAA,CAAM,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-E2ARXS7K.cjs","sourcesContent":[null,"import * as React from 'react';\nimport type { ElementRef } from 'react';\nimport { Dialog as RadixDialog } from 'radix-ui';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ModalProps } from './Modal.props';\nimport { Heading } from '../Heading/Heading';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { CloseMediumIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport { ModalClose } from './ModalClose';\nimport { Box } from '../Box/Box';\n\nconst COMPONENT_NAME = 'Modal';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ModalElement = ElementRef<'div'>;\n\nexport const Modal = React.forwardRef<ModalElement, ModalProps>(\n  (\n    {\n      className,\n      image,\n      forceMount,\n      container,\n      heading,\n      description,\n      hideCloseButton,\n      fullScreen,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const portalProps = { forceMount, container };\n    const containsImage = Boolean(image);\n\n    return (\n      <RadixDialog.Portal {...portalProps}>\n        <RadixDialog.Overlay className=\"hearth-Overlay\">\n          <div className=\"hearth-ModalScroll\">\n            <div className=\"hearth-ModalScrollPadding\">\n              <RadixDialog.Content\n                ref={ref}\n                className={clsx(componentClassName, className)}\n                data-contains-image={containsImage ? '' : undefined}\n                data-full-screen={fullScreen ? '' : undefined}\n                {...props}\n              >\n                <div className=\"hearth-ModalOuterContainer\">\n                  <ModalClose>\n                    <UnstyledIconButton\n                      type=\"button\"\n                      label=\"Close\"\n                      data-visually-hidden={hideCloseButton ? '' : undefined}\n                      className=\"hearth-ModalCloseIconButton\"\n                    >\n                      <CloseMediumIcon />\n                    </UnstyledIconButton>\n                  </ModalClose>\n\n                  <div className=\"hearth-ModalInnerContainer\">\n                    {containsImage ? <div className=\"hearth-ModalImage\">{image}</div> : null}\n                    <div className=\"hearth-ModalHeader\">\n                      <Box asChild>\n                        <RadixDialog.Title asChild>\n                          <Heading size=\"lg\">{heading}</Heading>\n                        </RadixDialog.Title>\n                      </Box>\n                      <RadixDialog.Description asChild>\n                        <BodyText size=\"md\" as=\"span\">\n                          {description}\n                        </BodyText>\n                      </RadixDialog.Description>\n                    </div>\n                  </div>\n\n                  {children}\n                </div>\n              </RadixDialog.Content>\n            </div>\n          </div>\n        </RadixDialog.Overlay>\n      </RadixDialog.Portal>\n    );\n  }\n);\n\nModal.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-JGDSWP3N.cjs","../src/components/Modal/Modal.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Modal","className","image","forceMount","container","heading","description","hideCloseButton","fullScreen","children","props","ref","portalProps","containsImage","RadixDialog","clsx","ModalClose","UnstyledIconButton","CloseMediumIcon","Box","Heading","BodyText"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-JGDSWP3N.cjs","sourcesContent":[null,"import * as React from 'react';\nimport type { ElementRef } from 'react';\nimport { Dialog as RadixDialog } from 'radix-ui';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ModalProps } from './Modal.props';\nimport { Heading } from '../Heading/Heading';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { CloseMediumIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport { ModalClose } from './ModalClose';\nimport { Box } from '../Box/Box';\n\nconst COMPONENT_NAME = 'Modal';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ModalElement = ElementRef<'div'>;\n\nexport const Modal = React.forwardRef<ModalElement, ModalProps>(\n  (\n    {\n      className,\n      image,\n      forceMount,\n      container,\n      heading,\n      description,\n      hideCloseButton,\n      fullScreen,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const portalProps = { forceMount, container };\n    const containsImage = Boolean(image);\n\n    return (\n      <RadixDialog.Portal {...portalProps}>\n        <RadixDialog.Overlay className=\"hearth-Overlay\">\n          <div className=\"hearth-ModalScroll\">\n            <div className=\"hearth-ModalScrollPadding\">\n              <RadixDialog.Content\n                ref={ref}\n                className={clsx(componentClassName, className)}\n                data-contains-image={containsImage ? '' : undefined}\n                data-full-screen={fullScreen ? '' : undefined}\n                {...props}\n              >\n                <div className=\"hearth-ModalOuterContainer\">\n                  <ModalClose>\n                    <UnstyledIconButton\n                      type=\"button\"\n                      label=\"Close\"\n                      data-visually-hidden={hideCloseButton ? '' : undefined}\n                      className=\"hearth-ModalCloseIconButton\"\n                    >\n                      <CloseMediumIcon />\n                    </UnstyledIconButton>\n                  </ModalClose>\n\n                  <div className=\"hearth-ModalInnerContainer\">\n                    {containsImage ? <div className=\"hearth-ModalImage\">{image}</div> : null}\n                    <div className=\"hearth-ModalHeader\">\n                      <Box asChild>\n                        <RadixDialog.Title asChild>\n                          <Heading size=\"lg\">{heading}</Heading>\n                        </RadixDialog.Title>\n                      </Box>\n                      <RadixDialog.Description asChild>\n                        <BodyText size=\"md\" as=\"span\">\n                          {description}\n                        </BodyText>\n                      </RadixDialog.Description>\n                    </div>\n                  </div>\n\n                  {children}\n                </div>\n              </RadixDialog.Content>\n            </div>\n          </div>\n        </RadixDialog.Overlay>\n      </RadixDialog.Portal>\n    );\n  }\n);\n\nModal.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-7U2HDYAY.js → chunk-JS7BUCPK.js}

@@ -1,2 +1,2 @@
-import{a as t}from"./chunk-4I3XQ5OK.js";import{a as d}from"./chunk-56MH5E3Z.js";import{a as n}from"./chunk-Z2BHNG73.js";import{a as c}from"./chunk-HZKPLNEZ.js";import{a as p}from"./chunk-P3SXCN4J.js";import{b as l}from"./chunk-JTQWB7E2.js";import{a as x}from"./chunk-EIDMQBOP.js";import{a as s}from"./chunk-BPLBZ4OW.js";import*as o from"react";import R from"clsx";import{Avatar as m}from"radix-ui";import{UserMediumIcon as T,UserSmallIcon as g}from"@utilitywarehouse/hearth-react-icons";var f="Avatar",e=l(f),z=a=>{let{className:y,src:i,name:r,delayMs:P=0,...B}=p(a,d,c),v=x(r),A=s(a.size||"md",{sm:"md",md:"lg"}),N=s(a.size||"md",{sm:"none",md:"block"}),b=s(a.size||"md",{sm:"block",md:"none"});return o.createElement(m.Root,{className:R(e,y)},i?o.createElement(m.Image,{className:`${e}Image`,src:i,alt:r,...B}):null,o.createElement(m.Fallback,{className:`${e}Fallback`,delayMs:P},r?o.createElement(n,{as:"span",weight:"semibold",size:A,textTransform:"uppercase"},v):o.createElement(o.Fragment,null,o.createElement(t,{asChild:!0,display:b},o.createElement(g,null)),o.createElement(t,{asChild:!0,display:N},o.createElement(T,null)))))};z.displayName=f;export{z as a};
-//# sourceMappingURL=chunk-7U2HDYAY.js.map
+import{a as t}from"./chunk-4I3XQ5OK.js";import{a as d}from"./chunk-56MH5E3Z.js";import{a as n}from"./chunk-Z2BHNG73.js";import{a as c}from"./chunk-HZKPLNEZ.js";import{a as p}from"./chunk-P3SXCN4J.js";import{b as l}from"./chunk-JTQWB7E2.js";import{a as x}from"./chunk-EIDMQBOP.js";import{a as s}from"./chunk-JBNKX7O7.js";import*as o from"react";import R from"clsx";import{Avatar as m}from"radix-ui";import{UserMediumIcon as T,UserSmallIcon as g}from"@utilitywarehouse/hearth-react-icons";var f="Avatar",e=l(f),I=a=>{let{className:y,src:i,name:r,delayMs:P=0,...B}=p(a,d,c),v=x(r),A=s(a.size||"md",{sm:"md",md:"lg"}),N=s(a.size||"md",{sm:"none",md:"block"}),b=s(a.size||"md",{sm:"block",md:"none"});return o.createElement(m.Root,{className:R(e,y)},i?o.createElement(m.Image,{className:`${e}Image`,src:i,alt:r,...B}):null,o.createElement(m.Fallback,{className:`${e}Fallback`,delayMs:P},r?o.createElement(n,{as:"span",weight:"semibold",size:A,textTransform:"uppercase"},v):o.createElement(o.Fragment,null,o.createElement(t,{asChild:!0,display:b},o.createElement(g,null)),o.createElement(t,{asChild:!0,display:N},o.createElement(T,null)))))};I.displayName=f;export{I as a};
+//# sourceMappingURL=chunk-JS7BUCPK.js.map

package/dist/chunk-JS7BUCPK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { avatarPropDefs, AvatarProps } from './Avatar.props';\nimport { Avatar as RadixAvatar } from 'radix-ui';\nimport { UserMediumIcon, UserSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport { getInitials } from '../../helpers/get-initials';\nimport { BodyTextProps } from '../BodyText/BodyText.props';\nimport { Box } from '../Box/Box';\nimport type { BoxProps } from '../Box/Box.props';\nimport { getResponsiveTranslation } from '../../helpers/get-responsive-translation';\n\nconst COMPONENT_NAME = 'Avatar';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Avatar: React.FC<AvatarProps> = props => {\n  const {\n    className,\n    src,\n    name,\n    delayMs = 0,\n    ...avatarProps\n  } = extractProps(props, avatarPropDefs, marginPropDefs);\n\n  const initials = getInitials(name);\n\n  const bodyTextSize = getResponsiveTranslation(props.size || 'md', { sm: 'md', md: 'lg' });\n  const mediumIconDisplay = getResponsiveTranslation(props.size || 'md', {\n    sm: 'none',\n    md: 'block',\n  });\n  const smallIconDisplay = getResponsiveTranslation(props.size || 'md', {\n    sm: 'block',\n    md: 'none',\n  });\n\n  return (\n    <RadixAvatar.Root className={clsx(componentClassName, className)}>\n      {src ? (\n        <RadixAvatar.Image\n          className={`${componentClassName}Image`}\n          src={src}\n          alt={name}\n          {...avatarProps}\n        />\n      ) : null}\n      <RadixAvatar.Fallback className={`${componentClassName}Fallback`} delayMs={delayMs}>\n        {name ? (\n          <BodyText\n            as=\"span\"\n            weight=\"semibold\"\n            size={bodyTextSize as BodyTextProps['size']}\n            textTransform=\"uppercase\"\n          >\n            {initials}\n          </BodyText>\n        ) : (\n          <>\n            <Box asChild display={smallIconDisplay as BoxProps['display']}>\n              <UserSmallIcon />\n            </Box>\n            <Box asChild display={mediumIconDisplay as BoxProps['display']}>\n              <UserMediumIcon />\n            </Box>\n          </>\n        )}\n      </RadixAvatar.Fallback>\n    </RadixAvatar.Root>\n  );\n};\n\nAvatar.displayName = COMPONENT_NAME;\n"],"mappings":"gUAAA,UAAYA,MAAW,QACvB,OAAOC,MAAU,OAKjB,OAAS,UAAUC,MAAmB,WACtC,OAAS,kBAAAC,EAAgB,iBAAAC,MAAqB,uCAQ9C,IAAMC,EAAiB,SACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAgCC,GAAS,CACpD,GAAM,CACJ,UAAAC,EACA,IAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,EACV,GAAGC,CACL,EAAIC,EAAaN,EAAOO,EAAgBC,CAAc,EAEhDC,EAAWC,EAAYP,CAAI,EAE3BQ,EAAeC,EAAyBZ,EAAM,MAAQ,KAAM,CAAE,GAAI,KAAM,GAAI,IAAK,CAAC,EAClFa,EAAoBD,EAAyBZ,EAAM,MAAQ,KAAM,CACrE,GAAI,OACJ,GAAI,OACN,CAAC,EACKc,EAAmBF,EAAyBZ,EAAM,MAAQ,KAAM,CACpE,GAAI,QACJ,GAAI,MACN,CAAC,EAED,OACE,gBAACe,EAAY,KAAZ,CAAiB,UAAWC,EAAKnB,EAAoBI,CAAS,GAC5DC,EACC,gBAACa,EAAY,MAAZ,CACC,UAAW,GAAGlB,CAAkB,QAChC,IAAKK,EACL,IAAKC,EACJ,GAAGE,EACN,EACE,KACJ,gBAACU,EAAY,SAAZ,CAAqB,UAAW,GAAGlB,CAAkB,WAAY,QAASO,GACxED,EACC,gBAACc,EAAA,CACC,GAAG,OACH,OAAO,WACP,KAAMN,EACN,cAAc,aAEbF,CACH,EAEA,gCACE,gBAACS,EAAA,CAAI,QAAO,GAAC,QAASJ,GACpB,gBAACK,EAAA,IAAc,CACjB,EACA,gBAACD,EAAA,CAAI,QAAO,GAAC,QAASL,GACpB,gBAACO,EAAA,IAAe,CAClB,CACF,CAEJ,CACF,CAEJ,EAEArB,EAAO,YAAcH","names":["React","clsx","RadixAvatar","UserMediumIcon","UserSmallIcon","COMPONENT_NAME","componentClassName","withGlobalPrefix","Avatar","props","className","src","name","delayMs","avatarProps","extractProps","avatarPropDefs","marginPropDefs","initials","getInitials","bodyTextSize","getResponsiveTranslation","mediumIconDisplay","smallIconDisplay","RadixAvatar","clsx","BodyText","Box","UserSmallIcon","UserMediumIcon"]}

package/dist/{chunk-UL2KWCH3.cjs → chunk-KKWJ5GWR.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkK35PGLA6cjs = require('./chunk-K35PGLA6.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _react = require('react'); var t = _interopRequireWildcard(_react);var e="AlertIconButton",u=_chunk5AK4QM2Gcjs.b.call(void 0, e),f= exports.a =t.forwardRef(({children:r,label:l="Alert action",title:c="Alert action",className:m,...p},s)=>t.createElement(_chunkK35PGLA6cjs.a,{ref:s,className:_clsx2.default.call(void 0, u,m),label:l,title:c,...p},r||t.createElement(_hearthreacticons.ChevronRightSmallIcon,null)));f.displayName=e;exports.a = f;
-//# sourceMappingURL=chunk-UL2KWCH3.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkDKSJDPQNcjs = require('./chunk-DKSJDPQN.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _react = require('react'); var t = _interopRequireWildcard(_react);var e="AlertIconButton",u=_chunk5AK4QM2Gcjs.b.call(void 0, e),f= exports.a =t.forwardRef(({children:r,label:l="Alert action",title:c="Alert action",className:m,...p},s)=>t.createElement(_chunkDKSJDPQNcjs.a,{ref:s,className:_clsx2.default.call(void 0, u,m),label:l,title:c,...p},r||t.createElement(_hearthreacticons.ChevronRightSmallIcon,null)));f.displayName=e;exports.a = f;
+//# sourceMappingURL=chunk-KKWJ5GWR.cjs.map

package/dist/{chunk-UL2KWCH3.cjs.map → chunk-KKWJ5GWR.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-UL2KWCH3.cjs","../src/components/Alert/AlertIconButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","AlertIconButton","children","label","title","className","props","ref","UnstyledIconButton","clsx","ChevronRightSmallIcon"],"mappings":"AAAA,mfAAwC,wDAAyC,wECA3C,wEACrB,uEAEM,IAKjBA,CAAAA,CAAiB,iBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAM7CC,CAAAA,aAAwB,CAAA,CAAA,UAAA,CACnC,CAAC,CAAE,QAAA,CAAAC,CAAAA,CAAU,KAAA,CAAAC,CAAAA,CAAQ,cAAA,CAAgB,KAAA,CAAAC,CAAAA,CAAQ,cAAA,CAAgB,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAEhF,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWE,4BAAAA,CAAKV,CAAoBM,CAAS,CAAA,CAC7C,KAAA,CAAOF,CAAAA,CACP,KAAA,CAAOC,CAAAA,CACN,GAAGE,CAAAA,CAAAA,CAEHJ,CAAAA,EAAY,CAAA,CAAA,aAAA,CAACQ,uCAAAA,CAAA,IAAsB,CACtC,CAGN,CAAA,CAEAT,CAAAA,CAAgB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-UL2KWCH3.cjs","sourcesContent":[null,"import { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport clsx from 'clsx';\nimport type { ElementRef } from 'react';\nimport * as React from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport type { UnstyledIconButtonProps } from '../UnstyledIconButton/UnstyledIconButton.props';\n\nconst COMPONENT_NAME = 'AlertIconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport type AlertIconButtonProps = UnstyledIconButtonProps;\n\ntype AlertIconButtonElement = ElementRef<'button'>;\n\nexport const AlertIconButton = React.forwardRef<AlertIconButtonElement, AlertIconButtonProps>(\n  ({ children, label = 'Alert action', title = 'Alert action', className, ...props }, ref) => {\n    return (\n      <UnstyledIconButton\n        ref={ref}\n        className={clsx(componentClassName, className)}\n        label={label}\n        title={title}\n        {...props}\n      >\n        {children || <ChevronRightSmallIcon />}\n      </UnstyledIconButton>\n    );\n  }\n);\n\nAlertIconButton.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-KKWJ5GWR.cjs","../src/components/Alert/AlertIconButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","AlertIconButton","children","label","title","className","props","ref","UnstyledIconButton","clsx","ChevronRightSmallIcon"],"mappings":"AAAA,mfAAwC,wDAAyC,wECA3C,wEACrB,uEAEM,IAKjBA,CAAAA,CAAiB,iBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAM7CC,CAAAA,aAAwB,CAAA,CAAA,UAAA,CACnC,CAAC,CAAE,QAAA,CAAAC,CAAAA,CAAU,KAAA,CAAAC,CAAAA,CAAQ,cAAA,CAAgB,KAAA,CAAAC,CAAAA,CAAQ,cAAA,CAAgB,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAEhF,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWE,4BAAAA,CAAKV,CAAoBM,CAAS,CAAA,CAC7C,KAAA,CAAOF,CAAAA,CACP,KAAA,CAAOC,CAAAA,CACN,GAAGE,CAAAA,CAAAA,CAEHJ,CAAAA,EAAY,CAAA,CAAA,aAAA,CAACQ,uCAAAA,CAAA,IAAsB,CACtC,CAGN,CAAA,CAEAT,CAAAA,CAAgB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-KKWJ5GWR.cjs","sourcesContent":[null,"import { ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport clsx from 'clsx';\nimport type { ElementRef } from 'react';\nimport * as React from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport type { UnstyledIconButtonProps } from '../UnstyledIconButton/UnstyledIconButton.props';\n\nconst COMPONENT_NAME = 'AlertIconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport type AlertIconButtonProps = UnstyledIconButtonProps;\n\ntype AlertIconButtonElement = ElementRef<'button'>;\n\nexport const AlertIconButton = React.forwardRef<AlertIconButtonElement, AlertIconButtonProps>(\n  ({ children, label = 'Alert action', title = 'Alert action', className, ...props }, ref) => {\n    return (\n      <UnstyledIconButton\n        ref={ref}\n        className={clsx(componentClassName, className)}\n        label={label}\n        title={title}\n        {...props}\n      >\n        {children || <ChevronRightSmallIcon />}\n      </UnstyledIconButton>\n    );\n  }\n);\n\nAlertIconButton.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-RWWU27CA.cjs → chunk-NVZ375MO.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkM7VXK2URcjs = require('./chunk-M7VXK2UR.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var _radixui = require('radix-ui');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var t="ToggleGroup",R=_chunk5AK4QM2Gcjs.b.call(void 0, t),T= exports.a =o.forwardRef(({className:p,direction:l,type:m="multiple",value:a,defaultValue:g,onValueChange:i,children:s,...n},f)=>{let c={type:m,value:a,defaultValue:g,onValueChange:i,children:s};return o.createElement(_chunkM7VXK2URcjs.a,{asChild:!0,...n},o.createElement(_radixui.ToggleGroup.Root,{ref:f,className:_clsx2.default.call(void 0, R,p),...c,orientation:l==="column"?"vertical":"horizontal"}))});T.displayName=t;exports.a = T;
-//# sourceMappingURL=chunk-RWWU27CA.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkM7VXK2URcjs = require('./chunk-M7VXK2UR.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var _radixui = require('radix-ui');var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var t="ToggleGroup",c=_chunk5AK4QM2Gcjs.b.call(void 0, t),R= exports.a =o.forwardRef(({className:p,type:l="multiple",value:m,defaultValue:g,onValueChange:s,children:a,...i},f)=>{let n={type:l,value:m,defaultValue:g,onValueChange:s,children:a};return o.createElement(_chunkM7VXK2URcjs.a,{asChild:!0,...i},o.createElement(_radixui.ToggleGroup.Root,{ref:f,className:_clsx2.default.call(void 0, c,p),...n}))});R.displayName=t;exports.a = R;
+//# sourceMappingURL=chunk-NVZ375MO.cjs.map

package/dist/chunk-NVZ375MO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-NVZ375MO.cjs","../src/components/ToggleGroup/ToggleGroup.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ToggleGroup","className","type","value","defaultValue","onValueChange","children","flexProps","ref","toggleGroupProps","Flex","RadixToggleGroup","clsx"],"mappings":"AAAA,mfAAwC,wDAAyC,uECA1D,mCACyB,wEAC/B,IAMXA,CAAAA,CAAiB,aAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAoB,CAAA,CAAA,UAAA,CAC/B,CACE,CAAE,SAAA,CAAAC,CAAAA,CAAW,IAAA,CAAAC,CAAAA,CAAO,UAAA,CAAY,KAAA,CAAAC,CAAAA,CAAO,YAAA,CAAAC,CAAAA,CAAc,aAAA,CAAAC,CAAAA,CAAe,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAU,CAAA,CAC3FC,CAAAA,CAAAA,EACG,CACH,IAAMC,CAAAA,CAAmB,CACvB,IAAA,CAAAP,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CACF,CAAA,CAEA,OACE,CAAA,CAAA,aAAA,CAACI,mBAAAA,CAAA,CAAK,OAAA,CAAO,CAAA,CAAA,CAAE,GAAGH,CAAAA,CAAAA,CAChB,CAAA,CAAA,aAAA,CAACI,oBAAAA,CAAiB,IAAA,CAAjB,CACC,GAAA,CAAKH,CAAAA,CACL,SAAA,CAAWI,4BAAAA,CAAKd,CAAoBG,CAAS,CAAA,CAC5C,GAAIQ,CAAAA,CACP,CACF,CAEJ,CACF,CAAA,CAEAT,CAAAA,CAAY,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-NVZ375MO.cjs","sourcesContent":[null,"import * as React from 'react';\nimport { ToggleGroup as RadixToggleGroup } from 'radix-ui';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { type ElementRef } from 'react';\nimport { ToggleGroupProps } from './ToggleGroup.props';\nimport { Flex } from '../Flex/Flex';\n\nconst COMPONENT_NAME = 'ToggleGroup';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ToggleGroupElement = ElementRef<'div'>;\n\nexport const ToggleGroup = React.forwardRef<ToggleGroupElement, ToggleGroupProps>(\n  (\n    { className, type = 'multiple', value, defaultValue, onValueChange, children, ...flexProps },\n    ref\n  ) => {\n    const toggleGroupProps = {\n      type,\n      value,\n      defaultValue,\n      onValueChange,\n      children,\n    };\n\n    return (\n      <Flex asChild {...flexProps}>\n        <RadixToggleGroup.Root\n          ref={ref}\n          className={clsx(componentClassName, className)}\n          {...(toggleGroupProps as React.ComponentProps<typeof RadixToggleGroup.Root>)}\n        />\n      </Flex>\n    );\n  }\n);\n\nToggleGroup.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-7EGRDXEG.js → chunk-PP46GC3J.js}

@@ -1,2 +1,2 @@
-import{a as c}from"./chunk-SX25PHVU.js";import{a as d}from"./chunk-FCNGZ4M7.js";import{a as o}from"./chunk-Z2BHNG73.js";import{a as s}from"./chunk-HZKPLNEZ.js";import{a as m}from"./chunk-P3SXCN4J.js";import{b as a}from"./chunk-JTQWB7E2.js";import*as e from"react";import g from"clsx";import{CloseSmallIcon as h,InfoMediumIcon as I,TickCircleMediumIcon as E,WarningMediumIcon as p}from"@utilitywarehouse/hearth-react-icons";var f="Alert",t=a(f),P=e.forwardRef((u,x)=>{let y={info:I,positive:E,warning:p,danger:p},{children:C,className:v,colorScheme:r="info",onClose:i,text:l,title:n,...A}=m(u,s),N=y[r];return e.createElement("div",{ref:x,className:g(t,v),role:"alert","aria-live":"assertive","aria-atomic":"true","data-colorScheme":r,...A},e.createElement(N,{"aria-hidden":"true"}),e.createElement("div",{className:`${t}Content`},e.createElement(c,{direction:"column"},n?e.createElement(o,{as:"span",size:"md",weight:"semibold"},n):null,l?e.createElement(o,{as:"div"},l):null),C),i?e.createElement(d,{onClick:i,className:`${t}CloseButton`,title:"Close",label:"Close alert"},e.createElement(h,null)):null)});P.displayName=f;export{P as a};
-//# sourceMappingURL=chunk-7EGRDXEG.js.map
+import{a as c}from"./chunk-SX25PHVU.js";import{a as d}from"./chunk-673BEU2J.js";import{a as o}from"./chunk-Z2BHNG73.js";import{a as s}from"./chunk-HZKPLNEZ.js";import{a as m}from"./chunk-P3SXCN4J.js";import{b as a}from"./chunk-JTQWB7E2.js";import*as e from"react";import g from"clsx";import{CloseSmallIcon as h,InfoMediumIcon as I,TickCircleMediumIcon as E,WarningMediumIcon as p}from"@utilitywarehouse/hearth-react-icons";var f="Alert",t=a(f),P=e.forwardRef((u,x)=>{let y={info:I,positive:E,warning:p,danger:p},{children:C,className:v,colorScheme:r="info",onClose:i,text:l,title:n,...A}=m(u,s),N=y[r];return e.createElement("div",{ref:x,className:g(t,v),role:"alert","aria-live":"assertive","aria-atomic":"true","data-colorScheme":r,...A},e.createElement(N,{"aria-hidden":"true"}),e.createElement("div",{className:`${t}Content`},e.createElement(c,{direction:"column"},n?e.createElement(o,{as:"span",size:"md",weight:"semibold"},n):null,l?e.createElement(o,{as:"div"},l):null),C),i?e.createElement(d,{onClick:i,className:`${t}CloseButton`,title:"Close",label:"Close alert"},e.createElement(h,null)):null)});P.displayName=f;export{P as a};
+//# sourceMappingURL=chunk-PP46GC3J.js.map

package/dist/{chunk-M3UB5QAF.js → chunk-RVK3F7NM.js}

@@ -1,2 +1,2 @@
-import{a as n}from"./chunk-FCNGZ4M7.js";import{b as o}from"./chunk-JTQWB7E2.js";import{ChevronRightSmallIcon as a}from"@utilitywarehouse/hearth-react-icons";import i from"clsx";import*as t from"react";var e="AlertIconButton",u=o(e),f=t.forwardRef(({children:r,label:l="Alert action",title:c="Alert action",className:m,...p},s)=>t.createElement(n,{ref:s,className:i(u,m),label:l,title:c,...p},r||t.createElement(a,null)));f.displayName=e;export{f as a};
-//# sourceMappingURL=chunk-M3UB5QAF.js.map
+import{a as n}from"./chunk-673BEU2J.js";import{b as o}from"./chunk-JTQWB7E2.js";import{ChevronRightSmallIcon as a}from"@utilitywarehouse/hearth-react-icons";import i from"clsx";import*as t from"react";var e="AlertIconButton",u=o(e),f=t.forwardRef(({children:r,label:l="Alert action",title:c="Alert action",className:m,...p},s)=>t.createElement(n,{ref:s,className:i(u,m),label:l,title:c,...p},r||t.createElement(a,null)));f.displayName=e;export{f as a};
+//# sourceMappingURL=chunk-RVK3F7NM.js.map

package/dist/{chunk-A7QCHPE4.cjs → chunk-TZUHNZFD.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk6MWZLLVGcjs = require('./chunk-6MWZLLVG.cjs');function p(e,n){if(typeof e=="string")return n[e];if(_chunk6MWZLLVGcjs.a.call(void 0, e))return Object.keys(e).reduce((s,t)=>{let r=n[e[t]];return r&&(s[t]=r),s},{})}exports.a = p;
-//# sourceMappingURL=chunk-A7QCHPE4.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk6MWZLLVGcjs = require('./chunk-6MWZLLVG.cjs');function p(e,n){if(typeof e=="string")return n[e];if(_chunk6MWZLLVGcjs.a.call(void 0, e))return Object.keys(e).reduce((i,s)=>{let t=n[e[s]];return t&&(i[s]=t),i},{})}exports.a = p;
+//# sourceMappingURL=chunk-TZUHNZFD.cjs.map

package/dist/chunk-TZUHNZFD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-TZUHNZFD.cjs","../src/helpers/get-responsive-translation.ts"],"names":["getResponsiveTranslation","value","translation","isResponsiveObject","acc","bp","translated"],"mappings":"AAAA,iIAAwC,SCsBxBA,CAAAA,CACdC,CAAAA,CACAC,CAAAA,CACqD,CACrD,EAAA,CAAI,OAAOD,CAAAA,EAAU,QAAA,CACnB,OAAOC,CAAAA,CAAYD,CAAK,CAAA,CAE1B,EAAA,CAAIE,iCAAAA,CAAwB,CAAA,CAC1B,OAAO,MAAA,CAAO,IAAA,CAAKF,CAAK,CAAA,CAAE,MAAA,CAAO,CAACG,CAAAA,CAAgCC,CAAAA,CAAAA,EAAe,CAC/E,IAAMC,CAAAA,CAAaJ,CAAAA,CAAYD,CAAAA,CAAMI,CAAgB,CAAC,CAAA,CACtD,OAAIC,CAAAA,EAAAA,CACFF,CAAAA,CAAIC,CAAE,CAAA,CAAIC,CAAAA,CAAAA,CAELF,CACT,CAAA,CAAG,CAAC,CAAC,CAET,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-TZUHNZFD.cjs","sourcesContent":[null,"import type { Breakpoint, Responsive } from '../types/responsive';\nimport { isResponsiveObject } from './is-responsive-object';\n\n/**\n * Translates a responsive value according to a provided mapping.\n *\n * If a responsive object is provided, the translation is applied per\n * breakpoint and a responsive object is returned.\n *\n * Examples\n * ```ts\n * getResponsiveTranslation('large', { large: 'medium', medium: 'small' }) // => 'medium'\n * getResponsiveTranslation({ mobile: 'medium', tablet: 'large' }, { large: 'medium', medium: 'small' })\n * // => { mobile: 'small', tablet: 'medium' }\n * getResponsiveTranslation<Orientation>({mobile: 'column', desktop: 'row'}, { column: 'vertical', row: 'horizontal' });\n * // => { mobile: 'vertical', tablet: 'horizontal' }\n * ```\n *\n * @param size - The size value (string or responsive object) to translate.\n * @param translation - Mapping object from input size to output size.\n * @returns The translated size (string or responsive object). May be `undefined` if input is unsupported.\n */\nexport function getResponsiveTranslation<Value extends string | number>(\n  value: Responsive<Value | Omit<string, Value>> | undefined,\n  translation: { [key: string]: Responsive<Value | Omit<string, Value>> | undefined }\n): Responsive<Value | Omit<string, Value>> | undefined {\n  if (typeof value === 'string') {\n    return translation[value];\n  }\n  if (isResponsiveObject(value)) {\n    return Object.keys(value).reduce((acc: { [key: string]: string }, bp: string) => {\n      const translated = translation[value[bp as Breakpoint]];\n      if (translated) {\n        acc[bp] = translated as string;\n      }\n      return acc;\n    }, {});\n  }\n}\n"]}

package/dist/{chunk-QQOUONFE.cjs → chunk-UCLLGGAO.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkK35PGLA6cjs = require('./chunk-K35PGLA6.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _react = require('react'); var r = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var S="TabsList",o=_chunk5AK4QM2Gcjs.b.call(void 0, S),A= exports.a =({className:R,children:g,...I})=>{let u=_react.useRef.call(void 0, null),c=_react.useRef.call(void 0, null),[C,N]=_react.useState.call(void 0, 0),[x,y]=_react.useState.call(void 0, 0),[m,W]=_react.useState.call(void 0, !1),[v,w]=_react.useState.call(void 0, !1),a=_react.useCallback.call(void 0, ()=>{let e=u.current;if(!e)return;let t=e.querySelector('.hearth-Tab[data-state="active"]');t&&(N(t.offsetLeft),y(t.offsetWidth))},[]),l=_react.useCallback.call(void 0, ()=>{let e=c.current;if(!e)return;let t=e.scrollWidth>e.clientWidth+1,n=t&&e.scrollLeft>0,s=t&&e.scrollLeft+e.clientWidth<e.scrollWidth-1;W(n),w(s)},[]);_react.useLayoutEffect.call(void 0, ()=>{a(),l();let e=u.current,t=c.current;if(!e&&!t)return;let n=new ResizeObserver(()=>{a(),l()});e&&n.observe(e),t&&n.observe(t);let s=new MutationObserver(()=>{a(),l()});e&&s.observe(e,{subtree:!0,attributes:!0,attributeFilter:["data-state"],childList:!0});let b=()=>l();return _optionalChain([t, 'optionalAccess', _ => _.addEventListener, 'call', _2 => _2("scroll",b,{passive:!0})]),()=>{n.disconnect(),s.disconnect(),_optionalChain([t, 'optionalAccess', _3 => _3.removeEventListener, 'call', _4 => _4("scroll",b)])}},[a,l]);let d=_react.useCallback.call(void 0, e=>{let t=c.current;if(!t)return;let n=t.clientWidth*.6,s=Math.max(0,Math.min(t.scrollLeft+e*n,t.scrollWidth-t.clientWidth));t.scrollTo({left:s,behavior:"smooth"})},[]),E=_react.useCallback.call(void 0, ()=>d(-1),[d]),$=_react.useCallback.call(void 0, ()=>d(1),[d]);return r.createElement(_radixui.Tabs.List,{className:_clsx2.default.call(void 0, o,R),...I},m?r.createElement("div",{className:`${o}ScrollButtonLeft`,"aria-hidden":!0},r.createElement(_chunkK35PGLA6cjs.a,{label:"scroll left",tabIndex:-1,onClick:E},r.createElement(_hearthreacticons.ChevronLeftSmallIcon,null))):null,r.createElement("div",{className:_clsx2.default.call(void 0, `${o}Scroll`,{[`${o}Scroll-with-left`]:m,[`${o}Scroll-with-right`]:v}),ref:c},r.createElement("div",{className:`${o}Container`,ref:u},g,r.createElement("div",{className:`${o}Indicator`,style:{transform:`translateX(${C}px)`,width:`${x}px`}}))),v?r.createElement("div",{className:`${o}ScrollButtonRight`,"aria-hidden":!0},r.createElement(_chunkK35PGLA6cjs.a,{label:"scroll right",tabIndex:-1,onClick:$},r.createElement(_hearthreacticons.ChevronRightSmallIcon,null))):null)};A.displayName=S;exports.a = A;
-//# sourceMappingURL=chunk-QQOUONFE.cjs.map
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkDKSJDPQNcjs = require('./chunk-DKSJDPQN.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _react = require('react'); var r = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var S="TabsList",o=_chunk5AK4QM2Gcjs.b.call(void 0, S),A= exports.a =({className:R,children:g,...I})=>{let u=_react.useRef.call(void 0, null),c=_react.useRef.call(void 0, null),[C,N]=_react.useState.call(void 0, 0),[x,y]=_react.useState.call(void 0, 0),[m,W]=_react.useState.call(void 0, !1),[v,w]=_react.useState.call(void 0, !1),a=_react.useCallback.call(void 0, ()=>{let e=u.current;if(!e)return;let t=e.querySelector('.hearth-Tab[data-state="active"]');t&&(N(t.offsetLeft),y(t.offsetWidth))},[]),l=_react.useCallback.call(void 0, ()=>{let e=c.current;if(!e)return;let t=e.scrollWidth>e.clientWidth+1,n=t&&e.scrollLeft>0,s=t&&e.scrollLeft+e.clientWidth<e.scrollWidth-1;W(n),w(s)},[]);_react.useLayoutEffect.call(void 0, ()=>{a(),l();let e=u.current,t=c.current;if(!e&&!t)return;let n=new ResizeObserver(()=>{a(),l()});e&&n.observe(e),t&&n.observe(t);let s=new MutationObserver(()=>{a(),l()});e&&s.observe(e,{subtree:!0,attributes:!0,attributeFilter:["data-state"],childList:!0});let b=()=>l();return _optionalChain([t, 'optionalAccess', _ => _.addEventListener, 'call', _2 => _2("scroll",b,{passive:!0})]),()=>{n.disconnect(),s.disconnect(),_optionalChain([t, 'optionalAccess', _3 => _3.removeEventListener, 'call', _4 => _4("scroll",b)])}},[a,l]);let d=_react.useCallback.call(void 0, e=>{let t=c.current;if(!t)return;let n=t.clientWidth*.6,s=Math.max(0,Math.min(t.scrollLeft+e*n,t.scrollWidth-t.clientWidth));t.scrollTo({left:s,behavior:"smooth"})},[]),E=_react.useCallback.call(void 0, ()=>d(-1),[d]),$=_react.useCallback.call(void 0, ()=>d(1),[d]);return r.createElement(_radixui.Tabs.List,{className:_clsx2.default.call(void 0, o,R),...I},m?r.createElement("div",{className:`${o}ScrollButtonLeft`,"aria-hidden":!0},r.createElement(_chunkDKSJDPQNcjs.a,{label:"scroll left",tabIndex:-1,onClick:E},r.createElement(_hearthreacticons.ChevronLeftSmallIcon,null))):null,r.createElement("div",{className:_clsx2.default.call(void 0, `${o}Scroll`,{[`${o}Scroll-with-left`]:m,[`${o}Scroll-with-right`]:v}),ref:c},r.createElement("div",{className:`${o}Container`,ref:u},g,r.createElement("div",{className:`${o}Indicator`,style:{transform:`translateX(${C}px)`,width:`${x}px`}}))),v?r.createElement("div",{className:`${o}ScrollButtonRight`,"aria-hidden":!0},r.createElement(_chunkDKSJDPQNcjs.a,{label:"scroll right",tabIndex:-1,onClick:$},r.createElement(_hearthreacticons.ChevronRightSmallIcon,null))):null)};A.displayName=S;exports.a = A;
+//# sourceMappingURL=chunk-UCLLGGAO.cjs.map

package/dist/{chunk-QQOUONFE.cjs.map → chunk-UCLLGGAO.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-QQOUONFE.cjs","../src/components/Tabs/TabsList.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","TabsList","className","children","rest","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","RadixTabs","clsx"],"mappings":"AAAA,u/BAAwC,wDAAyC,uECA1D,wEAEN,mCACiB,wEAG0B,IAGtDA,CAAAA,CAAiB,UAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAoC,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAK,CAAA,CAAA,EAAM,CACrF,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,CAA2B,kCAAkC,CAAA,CACxFC,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,OACE,CAAA,CAAA,aAAA,CAACM,aAAAA,CAAU,IAAA,CAAV,CAAe,SAAA,CAAWC,4BAAAA,CAAKvC,CAAoBG,CAAS,CAAA,CAAI,GAAGE,CAAAA,CAAAA,CACjES,CAAAA,CACC,CAAA,CAAA,aAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-QQOUONFE.cjs","sourcesContent":[null,"import * as React from 'react';\nimport { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { Tabs as RadixTabs } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { TabsListProps } from './TabsList.props';\nimport { ChevronLeftSmallIcon, ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\n\nconst COMPONENT_NAME = 'TabsList';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const TabsList: React.FC<TabsListProps> = ({ className, children, ...rest }) => {\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>('.hearth-Tab[data-state=\"active\"]');\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    <RadixTabs.List className={clsx(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={clsx(`${componentClassName}Scroll`, {\n          [`${componentClassName}Scroll-with-left`]: canScrollLeft,\n          [`${componentClassName}Scroll-with-right`]: canScrollRight,\n        })}\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    </RadixTabs.List>\n  );\n};\n\nTabsList.displayName = COMPONENT_NAME;\n"]}
+{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-UCLLGGAO.cjs","../src/components/Tabs/TabsList.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","TabsList","className","children","rest","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","RadixTabs","clsx"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-UCLLGGAO.cjs","sourcesContent":[null,"import * as React from 'react';\nimport { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { Tabs as RadixTabs } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { TabsListProps } from './TabsList.props';\nimport { ChevronLeftSmallIcon, ChevronRightSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\n\nconst COMPONENT_NAME = 'TabsList';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const TabsList: React.FC<TabsListProps> = ({ className, children, ...rest }) => {\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>('.hearth-Tab[data-state=\"active\"]');\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    <RadixTabs.List className={clsx(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={clsx(`${componentClassName}Scroll`, {\n          [`${componentClassName}Scroll-with-left`]: canScrollLeft,\n          [`${componentClassName}Scroll-with-right`]: canScrollRight,\n        })}\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    </RadixTabs.List>\n  );\n};\n\nTabsList.displayName = COMPONENT_NAME;\n"]}

package/dist/{chunk-WDTISLOU.js → chunk-UKL74MSW.js}

@@ -1,2 +1,2 @@
-import{a as s}from"./chunk-BT6CFWJI.js";import{a as i}from"./chunk-4I3XQ5OK.js";import{a as n}from"./chunk-FCNGZ4M7.js";import{a as r}from"./chunk-KSEGP5U5.js";import{a as d}from"./chunk-Z2BHNG73.js";import{b as t}from"./chunk-JTQWB7E2.js";import*as a from"react";import{Dialog as o}from"radix-ui";import y from"clsx";import{CloseMediumIcon as R}from"@utilitywarehouse/hearth-react-icons";var m="Modal",D=t(m),B=a.forwardRef(({className:c,image:e,forceMount:p,container:f,heading:h,description:M,hideCloseButton:v,fullScreen:C,children:N,...g},u)=>{let x={forceMount:p,container:f},l=!!e;return a.createElement(o.Portal,{...x},a.createElement(o.Overlay,{className:"hearth-Overlay"},a.createElement("div",{className:"hearth-ModalScroll"},a.createElement("div",{className:"hearth-ModalScrollPadding"},a.createElement(o.Content,{ref:u,className:y(D,c),"data-contains-image":l?"":void 0,"data-full-screen":C?"":void 0,...g},a.createElement("div",{className:"hearth-ModalOuterContainer"},a.createElement(s,null,a.createElement(n,{type:"button",label:"Close","data-visually-hidden":v?"":void 0,className:"hearth-ModalCloseIconButton"},a.createElement(R,null))),a.createElement("div",{className:"hearth-ModalInnerContainer"},l?a.createElement("div",{className:"hearth-ModalImage"},e):null,a.createElement("div",{className:"hearth-ModalHeader"},a.createElement(i,{asChild:!0},a.createElement(o.Title,{asChild:!0},a.createElement(r,{size:"lg"},h))),a.createElement(o.Description,{asChild:!0},a.createElement(d,{size:"md",as:"span"},M)))),N))))))});B.displayName=m;export{B as a};
-//# sourceMappingURL=chunk-WDTISLOU.js.map
+import{a as s}from"./chunk-BT6CFWJI.js";import{a as i}from"./chunk-4I3XQ5OK.js";import{a as n}from"./chunk-673BEU2J.js";import{a as r}from"./chunk-KSEGP5U5.js";import{a as d}from"./chunk-Z2BHNG73.js";import{b as t}from"./chunk-JTQWB7E2.js";import*as a from"react";import{Dialog as o}from"radix-ui";import y from"clsx";import{CloseMediumIcon as R}from"@utilitywarehouse/hearth-react-icons";var m="Modal",D=t(m),B=a.forwardRef(({className:c,image:e,forceMount:p,container:f,heading:h,description:M,hideCloseButton:v,fullScreen:C,children:N,...g},u)=>{let x={forceMount:p,container:f},l=!!e;return a.createElement(o.Portal,{...x},a.createElement(o.Overlay,{className:"hearth-Overlay"},a.createElement("div",{className:"hearth-ModalScroll"},a.createElement("div",{className:"hearth-ModalScrollPadding"},a.createElement(o.Content,{ref:u,className:y(D,c),"data-contains-image":l?"":void 0,"data-full-screen":C?"":void 0,...g},a.createElement("div",{className:"hearth-ModalOuterContainer"},a.createElement(s,null,a.createElement(n,{type:"button",label:"Close","data-visually-hidden":v?"":void 0,className:"hearth-ModalCloseIconButton"},a.createElement(R,null))),a.createElement("div",{className:"hearth-ModalInnerContainer"},l?a.createElement("div",{className:"hearth-ModalImage"},e):null,a.createElement("div",{className:"hearth-ModalHeader"},a.createElement(i,{asChild:!0},a.createElement(o.Title,{asChild:!0},a.createElement(r,{size:"lg"},h))),a.createElement(o.Description,{asChild:!0},a.createElement(d,{size:"md",as:"span"},M)))),N))))))});B.displayName=m;export{B as a};
+//# sourceMappingURL=chunk-UKL74MSW.js.map

package/dist/{chunk-QLZUIQQ2.js → chunk-UMQP2CRZ.js}

@@ -1,2 +1,2 @@
-import{a as f}from"./chunk-KPTEOB7F.js";import{a as n}from"./chunk-TYEQVZWY.js";import{a as m}from"./chunk-FCNGZ4M7.js";import{a as u}from"./chunk-6EBW3DKV.js";import{b as p}from"./chunk-JTQWB7E2.js";import d from"clsx";import t from"react";import{CloseSmallIcon as y,SearchMediumIcon as E}from"@utilitywarehouse/hearth-react-icons";var c="SearchInput",T=p(c),b=t.forwardRef(({className:i,disabled:l,value:o,onClear:r,loading:s,...a},I)=>{let h=t.useRef(null),e=I||h,S=t.useCallback(x=>{typeof r!="function"||x.button!==0||(r(),e&&typeof e=="object"&&e.current&&e.current.focus())},[e,r]);return t.createElement(f,{ref:e,className:d(T,i),type:"search",role:"search",enterKeyHint:"search",disabled:l,hideLabel:!0,value:o,...a},t.createElement(n,{placement:"prefix"},t.createElement(E,null)),s?t.createElement(n,{placement:"suffix"},t.createElement(u,{size:"xs",color:"primary"})):null,o!==void 0&&String(o).length>0?t.createElement(n,{placement:"suffix"},t.createElement(m,{type:"button",label:"clear search",onClick:S,disabled:l},t.createElement(y,null))):null)});b.displayName=c;export{b as a};
-//# sourceMappingURL=chunk-QLZUIQQ2.js.map
+import{a as f}from"./chunk-KPTEOB7F.js";import{a as n}from"./chunk-TYEQVZWY.js";import{a as m}from"./chunk-673BEU2J.js";import{a as u}from"./chunk-6EBW3DKV.js";import{b as p}from"./chunk-JTQWB7E2.js";import d from"clsx";import t from"react";import{CloseSmallIcon as y,SearchMediumIcon as E}from"@utilitywarehouse/hearth-react-icons";var c="SearchInput",T=p(c),b=t.forwardRef(({className:i,disabled:l,value:o,onClear:r,loading:s,...a},I)=>{let h=t.useRef(null),e=I||h,S=t.useCallback(x=>{typeof r!="function"||x.button!==0||(r(),e&&typeof e=="object"&&e.current&&e.current.focus())},[e,r]);return t.createElement(f,{ref:e,className:d(T,i),type:"search",role:"search",enterKeyHint:"search",disabled:l,hideLabel:!0,value:o,...a},t.createElement(n,{placement:"prefix"},t.createElement(E,null)),s?t.createElement(n,{placement:"suffix"},t.createElement(u,{size:"xs",color:"primary"})):null,o!==void 0&&String(o).length>0?t.createElement(n,{placement:"suffix"},t.createElement(m,{type:"button",label:"clear search",onClick:S,disabled:l},t.createElement(y,null))):null)});b.displayName=c;export{b as a};
+//# sourceMappingURL=chunk-UMQP2CRZ.js.map