@utilitywarehouse/hearth-react 0.16.0 → 0.16.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-O4SAVQOB.cjs → chunk-2GGYO4XU.cjs} +2 -2
- package/dist/{chunk-O4SAVQOB.cjs.map → chunk-2GGYO4XU.cjs.map} +1 -1
- package/dist/{chunk-F2BI6F2N.cjs → chunk-2R4XZUX3.cjs} +2 -2
- package/dist/{chunk-F2BI6F2N.cjs.map → chunk-2R4XZUX3.cjs.map} +1 -1
- package/dist/{chunk-RM3JTAZU.cjs → chunk-3TONNATA.cjs} +2 -2
- package/dist/{chunk-RM3JTAZU.cjs.map → chunk-3TONNATA.cjs.map} +1 -1
- package/dist/{chunk-HPGOXDFO.js → chunk-4CSANTO5.js} +2 -2
- package/dist/chunk-673BEU2J.js +2 -0
- package/dist/chunk-673BEU2J.js.map +1 -0
- package/dist/chunk-7SW3UY2B.js +2 -0
- package/dist/chunk-7SW3UY2B.js.map +1 -0
- package/dist/{chunk-PLVHBGPL.js → chunk-AHTIZRCQ.js} +1 -1
- package/dist/{chunk-PLVHBGPL.js.map → chunk-AHTIZRCQ.js.map} +1 -1
- package/dist/chunk-BED6CEIB.js +2 -0
- package/dist/chunk-BED6CEIB.js.map +1 -0
- package/dist/{chunk-VFTN426I.cjs → chunk-DFFCNR2W.cjs} +2 -2
- package/dist/{chunk-VFTN426I.cjs.map → chunk-DFFCNR2W.cjs.map} +1 -1
- package/dist/{chunk-SNOFZS77.cjs → chunk-DKSJDPQN.cjs} +2 -2
- package/dist/chunk-DKSJDPQN.cjs.map +1 -0
- package/dist/{chunk-RMJU2VET.cjs → chunk-DNZIZR4E.cjs} +2 -2
- package/dist/chunk-DNZIZR4E.cjs.map +1 -0
- package/dist/{chunk-GDU5LSVU.js → chunk-E6TPUINO.js} +2 -2
- package/dist/{chunk-JVSWOL7U.js → chunk-FQJCU7P3.js} +2 -2
- package/dist/{chunk-LHD2GY6R.js → chunk-GOTADAHK.js} +2 -2
- package/dist/chunk-HEBEFOX2.js +2 -0
- package/dist/chunk-HEBEFOX2.js.map +1 -0
- package/dist/chunk-JBNKX7O7.js +2 -0
- package/dist/chunk-JBNKX7O7.js.map +1 -0
- package/dist/{chunk-KCKNPN2T.cjs → chunk-JGDSWP3N.cjs} +2 -2
- package/dist/{chunk-KCKNPN2T.cjs.map → chunk-JGDSWP3N.cjs.map} +1 -1
- package/dist/{chunk-7U2HDYAY.js → chunk-JS7BUCPK.js} +2 -2
- package/dist/chunk-JS7BUCPK.js.map +1 -0
- package/dist/{chunk-LSDQYW7O.cjs → chunk-KKWJ5GWR.cjs} +2 -2
- package/dist/{chunk-LSDQYW7O.cjs.map → chunk-KKWJ5GWR.cjs.map} +1 -1
- package/dist/{chunk-U44NFEY3.cjs → chunk-MBS63LK7.cjs} +1 -1
- package/dist/{chunk-U44NFEY3.cjs.map → chunk-MBS63LK7.cjs.map} +1 -1
- package/dist/{chunk-RWWU27CA.cjs → chunk-NVZ375MO.cjs} +2 -2
- package/dist/chunk-NVZ375MO.cjs.map +1 -0
- package/dist/{chunk-Y5GXJ36Z.cjs → chunk-OWZD2AM7.cjs} +2 -2
- package/dist/{chunk-Y5GXJ36Z.cjs.map → chunk-OWZD2AM7.cjs.map} +1 -1
- package/dist/{chunk-33EHBNRY.js → chunk-PP46GC3J.js} +2 -2
- package/dist/{chunk-SU5U2QUB.js → chunk-RVK3F7NM.js} +2 -2
- package/dist/{chunk-A7QCHPE4.cjs → chunk-TZUHNZFD.cjs} +2 -2
- package/dist/chunk-TZUHNZFD.cjs.map +1 -0
- package/dist/{chunk-BUXP6LBE.cjs → chunk-UCLLGGAO.cjs} +2 -2
- package/dist/{chunk-BUXP6LBE.cjs.map → chunk-UCLLGGAO.cjs.map} +1 -1
- package/dist/{chunk-PATPIHIH.js → chunk-UKL74MSW.js} +2 -2
- package/dist/{chunk-KMLCRD72.js → chunk-UMQP2CRZ.js} +2 -2
- package/dist/chunk-V6WTH34Y.cjs +2 -0
- package/dist/chunk-V6WTH34Y.cjs.map +1 -0
- package/dist/{chunk-DGNL3EUT.cjs → chunk-YI4HZ46L.cjs} +2 -2
- package/dist/chunk-YI4HZ46L.cjs.map +1 -0
- package/dist/components/Alert/Alert.cjs +1 -1
- package/dist/components/Alert/Alert.js +1 -1
- package/dist/components/Alert/AlertIconButton.cjs +1 -1
- package/dist/components/Alert/AlertIconButton.js +1 -1
- package/dist/components/Avatar/Avatar.cjs +1 -1
- package/dist/components/Avatar/Avatar.js +1 -1
- package/dist/components/Button/Button.cjs +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/ButtonBase/ButtonBase.cjs +1 -1
- package/dist/components/ButtonBase/ButtonBase.cjs.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.js +1 -1
- package/dist/components/Container/Container.cjs +1 -1
- package/dist/components/Container/Container.js +1 -1
- package/dist/components/IconButton/IconButton.cjs +1 -1
- package/dist/components/IconButton/IconButton.js +1 -1
- package/dist/components/Modal/Modal.cjs +1 -1
- package/dist/components/Modal/Modal.js +1 -1
- package/dist/components/PasswordInput/PasswordInput.cjs +1 -1
- package/dist/components/PasswordInput/PasswordInput.js +1 -1
- package/dist/components/SearchInput/SearchInput.cjs +1 -1
- package/dist/components/SearchInput/SearchInput.js +1 -1
- package/dist/components/Tabs/TabsList.cjs +1 -1
- package/dist/components/Tabs/TabsList.js +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.cjs +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.props.d.cts +1 -4
- package/dist/components/ToggleGroup/ToggleGroup.props.d.ts +1 -4
- package/dist/components/UnstyledIconButton/UnstyledIconButton.cjs +1 -1
- package/dist/components/UnstyledIconButton/UnstyledIconButton.js +1 -1
- package/dist/helpers/get-responsive-translation.cjs +2 -0
- package/dist/helpers/get-responsive-translation.cjs.map +1 -0
- package/dist/helpers/get-responsive-translation.d.cts +26 -0
- package/dist/helpers/get-responsive-translation.d.ts +26 -0
- package/dist/helpers/get-responsive-translation.js +2 -0
- package/dist/helpers/get-subtree.cjs +1 -1
- package/dist/helpers/get-subtree.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/package.json +2 -2
- package/styles.css +1 -1
- package/dist/chunk-7DMSYUZV.cjs +0 -2
- package/dist/chunk-7DMSYUZV.cjs.map +0 -1
- package/dist/chunk-7U2HDYAY.js.map +0 -1
- package/dist/chunk-A7QCHPE4.cjs.map +0 -1
- package/dist/chunk-BPLBZ4OW.js +0 -2
- package/dist/chunk-BPLBZ4OW.js.map +0 -1
- package/dist/chunk-DAKD232G.js +0 -2
- package/dist/chunk-DAKD232G.js.map +0 -1
- package/dist/chunk-DGNL3EUT.cjs.map +0 -1
- package/dist/chunk-EL6IHZSP.js +0 -2
- package/dist/chunk-EL6IHZSP.js.map +0 -1
- package/dist/chunk-OSYFJRSS.js +0 -2
- package/dist/chunk-OSYFJRSS.js.map +0 -1
- package/dist/chunk-RMJU2VET.cjs.map +0 -1
- package/dist/chunk-RWWU27CA.cjs.map +0 -1
- package/dist/chunk-SNOFZS77.cjs.map +0 -1
- package/dist/chunk-UBGLNSJY.js +0 -2
- package/dist/chunk-UBGLNSJY.js.map +0 -1
- package/dist/helpers/get-responsive-size-translation.cjs +0 -2
- package/dist/helpers/get-responsive-size-translation.cjs.map +0 -1
- package/dist/helpers/get-responsive-size-translation.d.cts +0 -24
- package/dist/helpers/get-responsive-size-translation.d.ts +0 -24
- package/dist/helpers/get-responsive-size-translation.js +0 -2
- /package/dist/{chunk-HPGOXDFO.js.map → chunk-4CSANTO5.js.map} +0 -0
- /package/dist/{chunk-GDU5LSVU.js.map → chunk-E6TPUINO.js.map} +0 -0
- /package/dist/{chunk-JVSWOL7U.js.map → chunk-FQJCU7P3.js.map} +0 -0
- /package/dist/{chunk-LHD2GY6R.js.map → chunk-GOTADAHK.js.map} +0 -0
- /package/dist/{chunk-33EHBNRY.js.map → chunk-PP46GC3J.js.map} +0 -0
- /package/dist/{chunk-SU5U2QUB.js.map → chunk-RVK3F7NM.js.map} +0 -0
- /package/dist/{chunk-PATPIHIH.js.map → chunk-UKL74MSW.js.map} +0 -0
- /package/dist/{chunk-KMLCRD72.js.map → chunk-UMQP2CRZ.js.map} +0 -0
- /package/dist/helpers/{get-responsive-size-translation.js.map → get-responsive-translation.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
"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;
|
|
2
|
+
//# sourceMappingURL=chunk-2GGYO4XU.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-
|
|
1
|
+
{"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"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
"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 _chunkMBS63LK7cjs = require('./chunk-MBS63LK7.cjs');var _react = require('react'); var e = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var i="Container",m=_chunk5AK4QM2Gcjs.b.call(void 0, i),A= exports.a =e.forwardRef(({className:a,spacing:p,direction:s,alignItems:f,alignContent:l,justifyContent:c,wrap:C,gap:N,maxWidth:x,children:E,align:R="center",asChild:t,padding:P,paddingTop:d,paddingRight:y,paddingBottom:u,paddingLeft:F,paddingInline:b,paddingBlock:v,...w},M)=>{let O={spacing:p,direction:s,alignItems:f,alignContent:l,justifyContent:c,wrap:C,gap:N,maxWidth:x,padding:P,paddingTop:d,paddingRight:y,paddingBottom:u,paddingLeft:F,paddingInline:b,paddingBlock:v},S=t?_radixui.Slot.Root:"div";return e.createElement(_chunkM7VXK2URcjs.a,{ref:M,className:_clsx2.default.call(void 0, m,a),...w,justifyContent:R,asChild:!0},e.createElement(S,null,_chunkMBS63LK7cjs.a.call(void 0, {asChild:t,children:E},g=>e.createElement(_chunkM7VXK2URcjs.a,{className:`${m}Inner`,...O},g))))});A.displayName=i;exports.a = A;
|
|
2
|
+
//# sourceMappingURL=chunk-2R4XZUX3.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-2R4XZUX3.cjs","../src/components/Container/Container.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Container","className","spacing","direction","alignItems","alignContent","justifyContent","wrap","gap","maxWidth","children","align","asChild","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingInline","paddingBlock","props","ref","innerProps","Component","Slot","Flex","clsx","getSubtree"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,uECAnG,wEACN,mCAKI,IAGfA,CAAAA,CAAiB,WAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAkB,CAAA,CAAA,UAAA,CAC7B,CACE,CACE,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,GAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CAAQ,QAAA,CACR,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,IAAMC,CAAAA,CAAa,CACjB,OAAA,CAAApB,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,GAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAI,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CACF,CAAA,CACMI,CAAAA,CAAYX,CAAAA,CAAUY,aAAAA,CAAK,IAAA,CAAO,KAAA,CAExC,OACE,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CACC,GAAA,CAAKJ,CAAAA,CACL,SAAA,CAAWK,4BAAAA,CAAK5B,CAAoBG,CAAS,CAAA,CAC5C,GAAGmB,CAAAA,CACJ,cAAA,CAAgBT,CAAAA,CAChB,OAAA,CAAO,CAAA,CAAA,CAAA,CAEP,CAAA,CAAA,aAAA,CAACY,CAAAA,CAAA,IAAA,CACEI,iCAAAA,CAAa,OAAA,CAAAf,CAAAA,CAAS,QAAA,CAAAF,CAAS,CAAA,CAAGA,CAAAA,EACjC,CAAA,CAAA,aAAA,CAACe,mBAAAA,CAAA,CAAK,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-2R4XZUX3.cjs","sourcesContent":[null,"import * as React from 'react';\nimport clsx from 'clsx';\nimport type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ContainerProps } from './Container.props';\nimport { Flex } from '../Flex/Flex';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\n\nconst COMPONENT_NAME = 'Container';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ContainerElement = ElementRef<'div'>;\n\nexport const Container = React.forwardRef<ContainerElement, ContainerProps>(\n (\n {\n className,\n spacing,\n direction,\n alignItems,\n alignContent,\n justifyContent,\n wrap,\n gap,\n maxWidth,\n children,\n align = 'center',\n asChild,\n padding,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft,\n paddingInline,\n paddingBlock,\n ...props\n },\n ref\n ) => {\n const innerProps = {\n spacing,\n direction,\n alignItems,\n alignContent,\n justifyContent,\n wrap,\n gap,\n maxWidth,\n padding,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft,\n paddingInline,\n paddingBlock,\n };\n const Component = asChild ? Slot.Root : 'div';\n\n return (\n <Flex\n ref={ref}\n className={clsx(componentClassName, className)}\n {...props}\n justifyContent={align}\n asChild\n >\n <Component>\n {getSubtree({ asChild, children }, children => (\n <Flex className={`${componentClassName}Inner`} {...innerProps}>\n {children}\n </Flex>\n ))}\n </Component>\n </Flex>\n );\n }\n);\n\nContainer.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
"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;
|
|
2
|
+
//# sourceMappingURL=chunk-3TONNATA.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-
|
|
1
|
+
{"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"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as f}from"./chunk-KPTEOB7F.js";import{a as m}from"./chunk-TYEQVZWY.js";import{a as u}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
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};
|
|
2
|
+
//# sourceMappingURL=chunk-4CSANTO5.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
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};
|
|
2
|
+
//# sourceMappingURL=chunk-673BEU2J.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
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};
|
|
2
|
+
//# sourceMappingURL=chunk-7SW3UY2B.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import*as c from"react";function r(d,e){let{asChild:i,children:t}=d;if(!i)return typeof e=="function"?e(t):e;let a=c.Children.only(t);return c.cloneElement(a,{children:typeof e=="function"?e(a.props.children):e})}export{r as a};
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
2
|
+
//# sourceMappingURL=chunk-AHTIZRCQ.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/helpers/get-subtree.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n// https://github.com/radix-ui/themes/blob/main/packages/radix-ui-themes/src/helpers/get-subtree.ts\nimport * as React from 'react';\n\n/**\n * This is a helper function that is used when a component supports `asChild`\n * using the `Slot` component but its implementation contains nested DOM elements.\n *\n * Using it ensures if a consumer uses the `asChild` prop, the elements are in\n * correct order in the DOM, adopting the intended consumer `children`.\n */\nexport function getSubtree(\n options: { asChild: boolean | undefined; children: React.ReactNode },\n content: React.ReactNode | ((children: React.ReactNode) => React.ReactNode)\n) {\n const { asChild, children } = options;\n if (!asChild) return typeof content === 'function' ? content(children) : content;\n\n const firstChild = React.Children.only(children) as React.ReactElement<{\n children?: React.ReactNode;\n }>;\n return React.cloneElement(firstChild, {\n children: typeof content === 'function' ? content(firstChild.props.children) : content,\n });\n}\n"],"mappings":"AAGA,UAAYA,MAAW,QAShB,SAASC,EACdC,EACAC,EACA,CACA,GAAM,CAAE,QAAAC,EAAS,SAAAC,CAAS,EAAIH,EAC9B,GAAI,CAACE,EAAS,OAAO,OAAOD,GAAY,WAAaA,EAAQE,CAAQ,EAAIF,EAEzE,IAAMG,EAAmB,WAAS,KAAKD,CAAQ,
|
|
1
|
+
{"version":3,"sources":["../src/helpers/get-subtree.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n// https://github.com/radix-ui/themes/blob/main/packages/radix-ui-themes/src/helpers/get-subtree.ts\nimport * as React from 'react';\n\n/**\n * This is a helper function that is used when a component supports `asChild`\n * using the `Slot` component but its implementation contains nested DOM elements.\n *\n * Using it ensures if a consumer uses the `asChild` prop, the elements are in\n * correct order in the DOM, adopting the intended consumer `children`.\n */\nexport function getSubtree(\n options: { asChild: boolean | undefined; children: React.ReactNode },\n content: React.ReactNode | ((children: React.ReactNode) => React.ReactNode)\n) {\n const { asChild, children } = options;\n if (!asChild) return typeof content === 'function' ? content(children) : content;\n\n const firstChild = React.Children.only(children) as React.ReactElement<{\n children?: React.ReactNode;\n }>;\n\n return React.cloneElement(firstChild, {\n children: typeof content === 'function' ? content(firstChild.props.children) : content,\n });\n}\n"],"mappings":"AAGA,UAAYA,MAAW,QAShB,SAASC,EACdC,EACAC,EACA,CACA,GAAM,CAAE,QAAAC,EAAS,SAAAC,CAAS,EAAIH,EAC9B,GAAI,CAACE,EAAS,OAAO,OAAOD,GAAY,WAAaA,EAAQE,CAAQ,EAAIF,EAEzE,IAAMG,EAAmB,WAAS,KAAKD,CAAQ,EAI/C,OAAa,eAAaC,EAAY,CACpC,SAAU,OAAOH,GAAY,WAAaA,EAAQG,EAAW,MAAM,QAAQ,EAAIH,CACjF,CAAC,CACH","names":["React","getSubtree","options","content","asChild","children","firstChild"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{a as u}from"./chunk-YXV3VOUH.js";import{a as f}from"./chunk-HZKPLNEZ.js";import{a as c}from"./chunk-P3SXCN4J.js";import{b as m}from"./chunk-JTQWB7E2.js";import{a as p}from"./chunk-AHTIZRCQ.js";import*as e from"react";import{Slot as h}from"radix-ui";import B from"clsx";var N="ButtonBase",b=m(N),E=e.forwardRef((a,s)=>{let{colorScheme:C,inverted:P,className:n,disabled:t,onClick:r,asChild:R,children:i,...l}=c(a,u,f),{variant:o="solid"}=a,d={"data-colorscheme":C||(o==="emphasis"||o==="solid"?"highlight":"functional"),"data-inverted":P?"":void 0};return o==="emphasis"?e.createElement(h.Root,{ref:s,"aria-disabled":t||void 0,className:B(b,n),onClick:t?void 0:r,...d,...l},p({asChild:R,children:i},S=>e.createElement(e.Fragment,null,e.createElement("span",{className:"hearth-shadow"}),e.createElement("span",{className:"hearth-front"},S)))):e.createElement(h.Root,{ref:s,"aria-disabled":t||void 0,className:B(b,n),onClick:t?void 0:r,...d,...l},i)});E.displayName=N;export{E as a};
|
|
2
|
+
//# sourceMappingURL=chunk-BED6CEIB.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/ButtonBase/ButtonBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Slot } from 'radix-ui';\nimport clsx from 'clsx';\nimport { buttonBasePropDefs, ButtonBaseProps } from './ButtonBase.props';\nimport type { ElementRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { getSubtree } from '../../helpers/get-subtree';\n\nconst COMPONENT_NAME = 'ButtonBase';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport type ButtonBaseElement = ElementRef<'button'>;\n\nexport const ButtonBase = React.forwardRef<ButtonBaseElement, ButtonBaseProps>((props, ref) => {\n const {\n colorScheme,\n inverted,\n className,\n disabled,\n onClick,\n asChild,\n children,\n ...buttonBaseProps\n } = extractProps(props, buttonBasePropDefs, marginPropDefs);\n const { variant = 'solid' } = props;\n\n const defaultColorScheme =\n variant === 'emphasis' || variant === 'solid' ? 'highlight' : 'functional';\n const dataAttributeProps = {\n 'data-colorscheme': colorScheme || defaultColorScheme,\n 'data-inverted': inverted ? '' : undefined,\n };\n\n // We're rendering a different component here so that we don't have to apply\n // transitions to box-shadow, which causes re-paints on every frame, heavily\n // impacting performance.\n if (variant === 'emphasis') {\n return (\n <Slot.Root\n ref={ref}\n aria-disabled={disabled || undefined}\n className={clsx(componentClassName, className)}\n // as we're using aria-disabled instead of disabled then we need to\n // disable the onClick event\n onClick={disabled ? undefined : onClick}\n {...dataAttributeProps}\n {...buttonBaseProps}\n >\n {getSubtree({ asChild, children }, children => (\n <>\n <span className=\"hearth-shadow\"></span>\n <span className=\"hearth-front\">{children}</span>\n </>\n ))}\n </Slot.Root>\n );\n }\n return (\n <Slot.Root\n ref={ref}\n aria-disabled={disabled || undefined}\n className={clsx(componentClassName, className)}\n onClick={disabled ? undefined : onClick}\n {...dataAttributeProps}\n {...buttonBaseProps}\n >\n {children}\n </Slot.Root>\n );\n});\n\nButtonBase.displayName = COMPONENT_NAME;\n"],"mappings":"wMAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,WACrB,OAAOC,MAAU,OAQjB,IAAMC,EAAiB,aACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAmB,aAA+C,CAACC,EAAOC,IAAQ,CAC7F,GAAM,CACJ,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAIC,EAAaV,EAAOW,EAAoBC,CAAc,EACpD,CAAE,QAAAC,EAAU,OAAQ,EAAIb,EAIxBc,EAAqB,CACzB,mBAAoBZ,IAFpBW,IAAY,YAAcA,IAAY,QAAU,YAAc,cAG9D,gBAAiBV,EAAW,GAAK,MACnC,EAKA,OAAIU,IAAY,WAEZ,gBAACE,EAAK,KAAL,CACC,IAAKd,EACL,gBAAeI,GAAY,OAC3B,UAAWW,EAAKnB,EAAoBO,CAAS,EAG7C,QAASC,EAAW,OAAYC,EAC/B,GAAGQ,EACH,GAAGL,GAEHQ,EAAW,CAAE,QAAAV,EAAS,SAAAC,CAAS,EAAGA,GACjC,gCACE,gBAAC,QAAK,UAAU,gBAAgB,EAChC,gBAAC,QAAK,UAAU,gBAAgBA,CAAS,CAC3C,CACD,CACH,EAIF,gBAACO,EAAK,KAAL,CACC,IAAKd,EACL,gBAAeI,GAAY,OAC3B,UAAWW,EAAKnB,EAAoBO,CAAS,EAC7C,QAASC,EAAW,OAAYC,EAC/B,GAAGQ,EACH,GAAGL,GAEHD,CACH,CAEJ,CAAC,EAEDT,EAAW,YAAcH","names":["React","Slot","clsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","ButtonBase","props","ref","colorScheme","inverted","className","disabled","onClick","asChild","children","buttonBaseProps","extractProps","buttonBasePropDefs","marginPropDefs","variant","dataAttributeProps","Slot","clsx","getSubtree"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
"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;
|
|
2
|
+
//# sourceMappingURL=chunk-DFFCNR2W.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-
|
|
1
|
+
{"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"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
"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;
|
|
2
|
+
//# sourceMappingURL=chunk-DKSJDPQN.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
"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;
|
|
2
|
+
//# sourceMappingURL=chunk-DNZIZR4E.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as h}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
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};
|
|
2
|
+
//# sourceMappingURL=chunk-E6TPUINO.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as o}from"./chunk-SX25PHVU.js";import{b as r}from"./chunk-JTQWB7E2.js";import{a as n}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{a as o}from"./chunk-SX25PHVU.js";import{b as r}from"./chunk-JTQWB7E2.js";import{a as n}from"./chunk-AHTIZRCQ.js";import*as e from"react";import h from"clsx";import{Slot as j}from"radix-ui";var i="Container",m=r(i),A=e.forwardRef(({className:a,spacing:p,direction:s,alignItems:f,alignContent:l,justifyContent:c,wrap:C,gap:N,maxWidth:x,children:E,align:R="center",asChild:t,padding:P,paddingTop:d,paddingRight:y,paddingBottom:u,paddingLeft:F,paddingInline:b,paddingBlock:v,...w},M)=>{let O={spacing:p,direction:s,alignItems:f,alignContent:l,justifyContent:c,wrap:C,gap:N,maxWidth:x,padding:P,paddingTop:d,paddingRight:y,paddingBottom:u,paddingLeft:F,paddingInline:b,paddingBlock:v},S=t?j.Root:"div";return e.createElement(o,{ref:M,className:h(m,a),...w,justifyContent:R,asChild:!0},e.createElement(S,null,n({asChild:t,children:E},g=>e.createElement(o,{className:`${m}Inner`,...O},g))))});A.displayName=i;export{A as a};
|
|
2
|
+
//# sourceMappingURL=chunk-FQJCU7P3.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as i}from"./chunk-XZNPGGRR.js";import{a as m}from"./chunk-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
import{a as i}from"./chunk-XZNPGGRR.js";import{a as m}from"./chunk-BED6CEIB.js";import{a as p}from"./chunk-6EBW3DKV.js";import{a as n}from"./chunk-P3SXCN4J.js";import{b as s}from"./chunk-JTQWB7E2.js";import{a}from"./chunk-AHTIZRCQ.js";import*as o from"react";import b from"clsx";import{Slot as C}from"radix-ui";var l="Button",P=s(l),x=o.forwardRef((d,c)=>{let{className:f,children:t,disabled:u,loading:r,asChild:e,...B}=n(d,i),h=e?C.Root:"button";return o.createElement(m,{ref:c,className:b(P,f),disabled:u||r,asChild:!0,...B},o.createElement(h,null,r?a({asChild:e,children:t},N=>o.createElement("div",{className:"hearth-loading"},o.createElement("div",null,o.createElement(p,{size:"xs",currentColor:!0})),o.createElement("span",{className:"hearth-hidden"},N))):t))});x.displayName=l;export{x as a};
|
|
2
|
+
//# sourceMappingURL=chunk-GOTADAHK.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
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};
|
|
2
|
+
//# sourceMappingURL=chunk-HEBEFOX2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
"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;
|
|
2
|
+
//# sourceMappingURL=chunk-JGDSWP3N.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-
|
|
1
|
+
{"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"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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-
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
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};
|
|
2
|
+
//# sourceMappingURL=chunk-JS7BUCPK.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
"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;
|
|
2
|
+
//# sourceMappingURL=chunk-KKWJ5GWR.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-
|
|
1
|
+
{"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"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"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; } }var _react = require('react'); var c = _interopRequireWildcard(_react);function r(d,e){let{asChild:i,children:t}=d;if(!i)return typeof e=="function"?e(t):e;let a=c.Children.only(t);return c.cloneElement(a,{children:typeof e=="function"?e(a.props.children):e})}exports.a = r;
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
2
|
+
//# sourceMappingURL=chunk-MBS63LK7.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/helpers/get-subtree.ts"],"names":["getSubtree","options","content","asChild","children","firstChild"],"mappings":"AAGA,kaAAuB,SASPA,CAAAA,CACdC,CAAAA,CACAC,CAAAA,CACA,CACA,GAAM,CAAE,OAAA,CAAAC,CAAAA,CAAS,QAAA,CAAAC,CAAS,CAAA,CAAIH,CAAAA,CAC9B,EAAA,CAAI,CAACE,CAAAA,CAAS,OAAO,OAAOD,CAAAA,EAAY,UAAA,CAAaA,CAAAA,CAAQE,CAAQ,CAAA,CAAIF,CAAAA,CAEzE,IAAMG,CAAAA,CAAmB,CAAA,CAAA,QAAA,CAAS,IAAA,CAAKD,CAAQ,CAAA,
|
|
1
|
+
{"version":3,"sources":["../src/helpers/get-subtree.ts"],"names":["getSubtree","options","content","asChild","children","firstChild"],"mappings":"AAGA,kaAAuB,SASPA,CAAAA,CACdC,CAAAA,CACAC,CAAAA,CACA,CACA,GAAM,CAAE,OAAA,CAAAC,CAAAA,CAAS,QAAA,CAAAC,CAAS,CAAA,CAAIH,CAAAA,CAC9B,EAAA,CAAI,CAACE,CAAAA,CAAS,OAAO,OAAOD,CAAAA,EAAY,UAAA,CAAaA,CAAAA,CAAQE,CAAQ,CAAA,CAAIF,CAAAA,CAEzE,IAAMG,CAAAA,CAAmB,CAAA,CAAA,QAAA,CAAS,IAAA,CAAKD,CAAQ,CAAA,CAI/C,OAAa,CAAA,CAAA,YAAA,CAAaC,CAAAA,CAAY,CACpC,QAAA,CAAU,OAAOH,CAAAA,EAAY,UAAA,CAAaA,CAAAA,CAAQG,CAAAA,CAAW,KAAA,CAAM,QAAQ,CAAA,CAAIH,CACjF,CAAC,CACH,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-MBS63LK7.cjs","sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n// https://github.com/radix-ui/themes/blob/main/packages/radix-ui-themes/src/helpers/get-subtree.ts\nimport * as React from 'react';\n\n/**\n * This is a helper function that is used when a component supports `asChild`\n * using the `Slot` component but its implementation contains nested DOM elements.\n *\n * Using it ensures if a consumer uses the `asChild` prop, the elements are in\n * correct order in the DOM, adopting the intended consumer `children`.\n */\nexport function getSubtree(\n options: { asChild: boolean | undefined; children: React.ReactNode },\n content: React.ReactNode | ((children: React.ReactNode) => React.ReactNode)\n) {\n const { asChild, children } = options;\n if (!asChild) return typeof content === 'function' ? content(children) : content;\n\n const firstChild = React.Children.only(children) as React.ReactElement<{\n children?: React.ReactNode;\n }>;\n\n return React.cloneElement(firstChild, {\n children: typeof content === 'function' ? content(firstChild.props.children) : content,\n });\n}\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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",
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
"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;
|
|
2
|
+
//# sourceMappingURL=chunk-NVZ375MO.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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 _chunkXKYU3KUYcjs = require('./chunk-XKYU3KUY.cjs');var
|
|
2
|
-
//# sourceMappingURL=chunk-
|
|
1
|
+
"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 _chunkXKYU3KUYcjs = require('./chunk-XKYU3KUY.cjs');var _chunkV6WTH34Ycjs = require('./chunk-V6WTH34Y.cjs');var _chunkETIIJRSFcjs = require('./chunk-ETIIJRSF.cjs');var _chunk4HAN4WSZcjs = require('./chunk-4HAN4WSZ.cjs');var _chunk5AK4QM2Gcjs = require('./chunk-5AK4QM2G.cjs');var _chunkMBS63LK7cjs = require('./chunk-MBS63LK7.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);var _radixui = require('radix-ui');var l="Button",P=_chunk5AK4QM2Gcjs.b.call(void 0, l),x= exports.a =o.forwardRef((d,c)=>{let{className:f,children:t,disabled:u,loading:r,asChild:e,...B}=_chunk4HAN4WSZcjs.a.call(void 0, d,_chunkXKYU3KUYcjs.a),h=e?_radixui.Slot.Root:"button";return o.createElement(_chunkV6WTH34Ycjs.a,{ref:c,className:_clsx2.default.call(void 0, P,f),disabled:u||r,asChild:!0,...B},o.createElement(h,null,r?_chunkMBS63LK7cjs.a.call(void 0, {asChild:e,children:t},N=>o.createElement("div",{className:"hearth-loading"},o.createElement("div",null,o.createElement(_chunkETIIJRSFcjs.a,{size:"xs",currentColor:!0})),o.createElement("span",{className:"hearth-hidden"},N))):t))});x.displayName=l;exports.a = x;
|
|
2
|
+
//# sourceMappingURL=chunk-OWZD2AM7.cjs.map
|