@utilitywarehouse/hearth-react 0.36.3 → 0.37.0
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-2HKJAB5A.cjs +4 -0
- package/dist/chunk-2HKJAB5A.cjs.map +1 -0
- package/dist/{chunk-N764D6V5.cjs → chunk-3ZIDGMU3.cjs} +2 -2
- package/dist/{chunk-N764D6V5.cjs.map → chunk-3ZIDGMU3.cjs.map} +1 -1
- package/dist/{chunk-2RNTOHOU.cjs → chunk-5A667ZJZ.cjs} +2 -2
- package/dist/{chunk-2RNTOHOU.cjs.map → chunk-5A667ZJZ.cjs.map} +1 -1
- package/dist/{chunk-4F2QB3XC.js → chunk-5O7MHLG6.js} +2 -2
- package/dist/{chunk-4GNLKRL3.cjs → chunk-5TOYINGT.cjs} +2 -2
- package/dist/{chunk-4GNLKRL3.cjs.map → chunk-5TOYINGT.cjs.map} +1 -1
- package/dist/{chunk-Y72W6OWA.js → chunk-634BVRHR.js} +2 -2
- package/dist/{chunk-75OLYAFB.cjs → chunk-6BVOGEQF.cjs} +2 -2
- package/dist/{chunk-75OLYAFB.cjs.map → chunk-6BVOGEQF.cjs.map} +1 -1
- package/dist/{chunk-S2CDQ7HR.js → chunk-6KROCMQ7.js} +2 -2
- package/dist/{chunk-LBCDHBLY.js → chunk-7W2RLCGB.js} +2 -2
- package/dist/{chunk-KRFEIGR5.cjs → chunk-ATP4TL52.cjs} +2 -2
- package/dist/{chunk-KRFEIGR5.cjs.map → chunk-ATP4TL52.cjs.map} +1 -1
- package/dist/{chunk-YGNGIGCD.cjs → chunk-BSV5FCP7.cjs} +2 -2
- package/dist/{chunk-YGNGIGCD.cjs.map → chunk-BSV5FCP7.cjs.map} +1 -1
- package/dist/{chunk-ZHVCM3OC.cjs → chunk-DFHWFPXL.cjs} +2 -2
- package/dist/{chunk-ZHVCM3OC.cjs.map → chunk-DFHWFPXL.cjs.map} +1 -1
- package/dist/{chunk-VGPFJV22.cjs → chunk-EA6RRWYY.cjs} +2 -2
- package/dist/{chunk-VGPFJV22.cjs.map → chunk-EA6RRWYY.cjs.map} +1 -1
- package/dist/{chunk-E3TWA3DU.js → chunk-ECSNZJO5.js} +2 -2
- package/dist/{chunk-MJ43JZBU.js → chunk-EERWIJJE.js} +2 -2
- package/dist/{chunk-MAGAAUVZ.cjs → chunk-EU4YDI2W.cjs} +2 -2
- package/dist/{chunk-MAGAAUVZ.cjs.map → chunk-EU4YDI2W.cjs.map} +1 -1
- package/dist/{chunk-WFNQXP3D.cjs → chunk-GIQYG6QT.cjs} +2 -2
- package/dist/{chunk-WFNQXP3D.cjs.map → chunk-GIQYG6QT.cjs.map} +1 -1
- package/dist/{chunk-ZI5O2B2R.cjs → chunk-GN2MUYQR.cjs} +2 -2
- package/dist/{chunk-ZI5O2B2R.cjs.map → chunk-GN2MUYQR.cjs.map} +1 -1
- package/dist/chunk-HEBTLYVH.js +4 -0
- package/dist/chunk-HEBTLYVH.js.map +1 -0
- package/dist/{chunk-4HYVBOWY.cjs → chunk-HOTNDRL4.cjs} +2 -2
- package/dist/{chunk-4HYVBOWY.cjs.map → chunk-HOTNDRL4.cjs.map} +1 -1
- package/dist/chunk-HVAVRK6R.js +4 -0
- package/dist/chunk-HVAVRK6R.js.map +1 -0
- package/dist/{chunk-ZGIMM7G5.js → chunk-JBSAZP3R.js} +2 -2
- package/dist/{chunk-OKW3ZZOB.js → chunk-JIJWDAAU.js} +2 -2
- package/dist/{chunk-ZBLAL2BN.cjs → chunk-JXPGBAYH.cjs} +2 -2
- package/dist/{chunk-ZBLAL2BN.cjs.map → chunk-JXPGBAYH.cjs.map} +1 -1
- package/dist/{chunk-FTN2QGBD.cjs → chunk-KCIN3NYN.cjs} +2 -2
- package/dist/{chunk-FTN2QGBD.cjs.map → chunk-KCIN3NYN.cjs.map} +1 -1
- package/dist/{chunk-XNDPIHAF.js → chunk-KOSD5OKA.js} +2 -2
- package/dist/{chunk-IQZRFVT2.cjs → chunk-MFDPD7LL.cjs} +2 -2
- package/dist/{chunk-IQZRFVT2.cjs.map → chunk-MFDPD7LL.cjs.map} +1 -1
- package/dist/{chunk-6CBHZ5JZ.cjs → chunk-MMQDPLMG.cjs} +2 -2
- package/dist/{chunk-6CBHZ5JZ.cjs.map → chunk-MMQDPLMG.cjs.map} +1 -1
- package/dist/{chunk-2OHAFTMO.js → chunk-NBLUIVPS.js} +2 -2
- package/dist/{chunk-XC27XB43.js → chunk-NCNYRYLC.js} +2 -2
- package/dist/{chunk-6Z7AT6VB.js → chunk-NN6N7GOI.js} +2 -2
- package/dist/{chunk-EEXCCYCT.js → chunk-OBEWOAZS.js} +2 -2
- package/dist/{chunk-G6QAVOQR.js → chunk-ODJW4CKV.js} +2 -2
- package/dist/{chunk-AT4JEW4E.js → chunk-OJHREKDB.js} +2 -2
- package/dist/{chunk-2RRGJCBC.js → chunk-OTXFBNCU.js} +2 -2
- package/dist/{chunk-T36G4P7P.js → chunk-PCFN2SEL.js} +2 -2
- package/dist/{chunk-A7AQTINY.js → chunk-RZJZGZ73.js} +2 -2
- package/dist/{chunk-EOMKJBCT.cjs → chunk-SL5KN4YG.cjs} +2 -2
- package/dist/{chunk-EOMKJBCT.cjs.map → chunk-SL5KN4YG.cjs.map} +1 -1
- package/dist/chunk-TCKV5YCW.cjs +4 -0
- package/dist/chunk-TCKV5YCW.cjs.map +1 -0
- package/dist/{chunk-GBDOGSHO.js → chunk-TQTU3SU5.js} +2 -2
- package/dist/{chunk-7KJBTHSU.cjs → chunk-TTJ4COKL.cjs} +2 -2
- package/dist/{chunk-7KJBTHSU.cjs.map → chunk-TTJ4COKL.cjs.map} +1 -1
- package/dist/{chunk-YX67YOF6.cjs → chunk-UB43SHEW.cjs} +2 -2
- package/dist/{chunk-YX67YOF6.cjs.map → chunk-UB43SHEW.cjs.map} +1 -1
- package/dist/{chunk-HNPNWQMD.js → chunk-V4BZIPQB.js} +2 -2
- package/dist/{chunk-CE6J26Z7.cjs → chunk-V5F33HLX.cjs} +2 -2
- package/dist/{chunk-CE6J26Z7.cjs.map → chunk-V5F33HLX.cjs.map} +1 -1
- package/dist/{chunk-GTXWXSXO.js → chunk-YPFBLO44.js} +2 -2
- package/dist/{chunk-K7747CML.cjs → chunk-ZEHPCJWW.cjs} +2 -2
- package/dist/{chunk-K7747CML.cjs.map → chunk-ZEHPCJWW.cjs.map} +1 -1
- package/dist/components/Accordion/Accordion.cjs +1 -1
- package/dist/components/Accordion/Accordion.js +1 -1
- package/dist/components/Breadcrumbs/BreadcrumbItem.cjs +1 -1
- package/dist/components/Breadcrumbs/BreadcrumbItem.js +1 -1
- package/dist/components/Button/Button.cjs +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/CardAccordion/CardAccordion.cjs +1 -1
- package/dist/components/CardAccordion/CardAccordion.js +1 -1
- package/dist/components/CardAccordion/CardAccordionButton.cjs +1 -1
- package/dist/components/CardAccordion/CardAccordionButton.js +1 -1
- package/dist/components/CardAccordion/CardAccordionItem.cjs +1 -1
- package/dist/components/CardAccordion/CardAccordionItem.js +1 -1
- package/dist/components/Combobox/Combobox.cjs +1 -1
- package/dist/components/Combobox/Combobox.js +1 -1
- package/dist/components/CurrencyInput/CurrencyInput.cjs +1 -1
- package/dist/components/CurrencyInput/CurrencyInput.js +1 -1
- package/dist/components/DescriptionList/DescriptionList.cjs +1 -1
- package/dist/components/DescriptionList/DescriptionList.js +1 -1
- package/dist/components/ExpandableCard/ExpandableCardGroup.cjs +1 -1
- package/dist/components/ExpandableCard/ExpandableCardGroup.js +1 -1
- package/dist/components/List/List.cjs +1 -1
- package/dist/components/List/List.js +1 -1
- package/dist/components/Modal/Modal.cjs +1 -1
- package/dist/components/Modal/Modal.cjs.map +1 -1
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Modal/Modal.js +1 -1
- package/dist/components/Pagination/Pagination.cjs +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/PasswordInput/PasswordInput.cjs +1 -1
- package/dist/components/PasswordInput/PasswordInput.js +1 -1
- package/dist/components/ProgressBar/ProgressBar.cjs +1 -1
- package/dist/components/ProgressBar/ProgressBar.js +1 -1
- package/dist/components/RadioTile/RadioTile.cjs +1 -1
- package/dist/components/RadioTile/RadioTile.js +1 -1
- package/dist/components/SearchInput/SearchInput.cjs +1 -1
- package/dist/components/SearchInput/SearchInput.js +1 -1
- package/dist/components/SectionHeader/SectionHeader.cjs +1 -1
- package/dist/components/SectionHeader/SectionHeader.js +1 -1
- package/dist/components/Skeleton/SkeletonBodyText.cjs +1 -1
- package/dist/components/Skeleton/SkeletonBodyText.js +1 -1
- package/dist/components/Table/TablePagination.cjs +1 -1
- package/dist/components/Table/TablePagination.js +1 -1
- package/dist/components/TextInput/TextInput.cjs +1 -1
- package/dist/components/TextInput/TextInput.js +1 -1
- package/dist/components/VerificationInput/VerificationInput.cjs +1 -1
- package/dist/components/VerificationInput/VerificationInput.js +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.cjs +4 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.cjs.map +1 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +10 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts.map +1 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.js +4 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.js.map +1 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.props.cjs +3 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.props.cjs.map +1 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.props.d.ts +8 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.props.d.ts.map +1 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.props.js +3 -0
- package/dist/components/VisuallyHidden/VisuallyHidden.props.js.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/public/llms/components/visually-hidden.md +35 -0
- package/public/llms/docs/getting-started.md +1 -1
- package/public/llms.txt +1 -0
- package/styles.css +1 -1
- package/dist/chunk-AYU3ESZY.js +0 -4
- package/dist/chunk-AYU3ESZY.js.map +0 -1
- package/dist/chunk-SWFUZRPD.cjs +0 -4
- package/dist/chunk-SWFUZRPD.cjs.map +0 -1
- /package/dist/{chunk-4F2QB3XC.js.map → chunk-5O7MHLG6.js.map} +0 -0
- /package/dist/{chunk-Y72W6OWA.js.map → chunk-634BVRHR.js.map} +0 -0
- /package/dist/{chunk-S2CDQ7HR.js.map → chunk-6KROCMQ7.js.map} +0 -0
- /package/dist/{chunk-LBCDHBLY.js.map → chunk-7W2RLCGB.js.map} +0 -0
- /package/dist/{chunk-E3TWA3DU.js.map → chunk-ECSNZJO5.js.map} +0 -0
- /package/dist/{chunk-MJ43JZBU.js.map → chunk-EERWIJJE.js.map} +0 -0
- /package/dist/{chunk-ZGIMM7G5.js.map → chunk-JBSAZP3R.js.map} +0 -0
- /package/dist/{chunk-OKW3ZZOB.js.map → chunk-JIJWDAAU.js.map} +0 -0
- /package/dist/{chunk-XNDPIHAF.js.map → chunk-KOSD5OKA.js.map} +0 -0
- /package/dist/{chunk-2OHAFTMO.js.map → chunk-NBLUIVPS.js.map} +0 -0
- /package/dist/{chunk-XC27XB43.js.map → chunk-NCNYRYLC.js.map} +0 -0
- /package/dist/{chunk-6Z7AT6VB.js.map → chunk-NN6N7GOI.js.map} +0 -0
- /package/dist/{chunk-EEXCCYCT.js.map → chunk-OBEWOAZS.js.map} +0 -0
- /package/dist/{chunk-G6QAVOQR.js.map → chunk-ODJW4CKV.js.map} +0 -0
- /package/dist/{chunk-AT4JEW4E.js.map → chunk-OJHREKDB.js.map} +0 -0
- /package/dist/{chunk-2RRGJCBC.js.map → chunk-OTXFBNCU.js.map} +0 -0
- /package/dist/{chunk-T36G4P7P.js.map → chunk-PCFN2SEL.js.map} +0 -0
- /package/dist/{chunk-A7AQTINY.js.map → chunk-RZJZGZ73.js.map} +0 -0
- /package/dist/{chunk-GBDOGSHO.js.map → chunk-TQTU3SU5.js.map} +0 -0
- /package/dist/{chunk-HNPNWQMD.js.map → chunk-V4BZIPQB.js.map} +0 -0
- /package/dist/{chunk-GTXWXSXO.js.map → chunk-YPFBLO44.js.map} +0 -0
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
|
+
|
|
3
|
+
var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var a="VisuallyHidden",i=_chunk4Q432K4Wcjs.b.call(void 0, a),f= exports.a =_react.forwardRef.call(void 0, ({className:n,asChild:s,children:o,...p},d)=>_jsxruntime.jsx.call(void 0, _radixui.Slot.Root,{ref:d,className:_chunkONNSZMWFcjs.a.call(void 0, i,n),"data-visually-hidden":"","data-testid":i,...p,children:s?o:_jsxruntime.jsx.call(void 0, "span",{children:o})}));f.displayName=a;exports.a = f;
|
|
4
|
+
//# sourceMappingURL=chunk-2HKJAB5A.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-2HKJAB5A.cjs","../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","VisuallyHidden","forwardRef","className","asChild","children","props","ref","jsx","Slot","cn"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,8BCAtD,mCAEN,+CA2BS,IAtBxBA,CAAAA,CAAiB,gBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAW7CC,CAAAA,aAAiBC,+BAAAA,CAC3B,CAAE,SAAA,CAAAC,CAAAA,CAAW,OAAA,CAAAC,CAAAA,CAAS,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAEzCC,6BAAAA,aAACC,CAAK,IAAA,CAAL,CACC,GAAA,CAAKF,CAAAA,CACL,SAAA,CAAWG,iCAAAA,CAAGX,CAAoBI,CAAS,CAAA,CAC3C,sBAAA,CAAqB,EAAA,CACrB,aAAA,CAAaJ,CAAAA,CACZ,GAAGO,CAAAA,CAEH,QAAA,CAAAF,CAAAA,CAAUC,CAAAA,CAAWG,6BAAAA,MAAC,CAAA,CAAM,QAAA,CAAAH,CAAAA,CAAS,CAAA,CACxC,CAGN,CAAA,CAEAJ,CAAAA,CAAe,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-2HKJAB5A.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { Slot } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { VisuallyHiddenProps } from './VisuallyHidden.props';\n\nconst COMPONENT_NAME = 'VisuallyHidden';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype VisuallyHiddenElement = ComponentRef<'span'>;\n\n/**\n * Use VisuallyHidden to hide content visually while keeping it available to\n * screen readers — for example, extra context for an icon-only control.\n * It renders a `span` element by default.\n *\n * @summary Hides content visually while keeping it accessible to screen readers.\n */\nexport const VisuallyHidden = forwardRef<VisuallyHiddenElement, VisuallyHiddenProps>(\n ({ className, asChild, children, ...props }, ref) => {\n return (\n <Slot.Root\n ref={ref}\n className={cn(componentClassName, className)}\n data-visually-hidden=\"\"\n data-testid={componentClassName}\n {...props}\n >\n {asChild ? children : <span>{children}</span>}\n </Slot.Root>\n );\n }\n);\n\nVisuallyHidden.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunkUB43SHEWcjs = require('./chunk-UB43SHEW.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var t="TablePagination",p=_chunk4Q432K4Wcjs.b.call(void 0, t),l= exports.a =_react.forwardRef.call(void 0, ({className:e,...i},r)=>_jsxruntime.jsx.call(void 0, _chunkUB43SHEWcjs.a,{ref:r,className:_chunkONNSZMWFcjs.a.call(void 0, p,e),...i,as:"div"}));l.displayName=t;exports.a = l;
|
|
4
|
+
//# sourceMappingURL=chunk-3ZIDGMU3.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-3ZIDGMU3.cjs","../src/components/Table/TablePagination.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","TablePagination","forwardRef","className","props","ref","jsx","Pagination","cn"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,8BCF/F,+CAgBrB,IARAA,CAAAA,CAAiB,iBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAkBC,+BAAAA,CAC5B,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAEtBC,6BAAAA,mBAACC,CAAA,CAAW,GAAA,CAAKF,CAAAA,CAAK,SAAA,CAAWG,iCAAAA,CAAGT,CAAoBI,CAAS,CAAA,CAAI,GAAGC,CAAAA,CAAO,EAAA,CAAG,KAAA,CAAM,CAG9F,CAAA,CAEAH,CAAAA,CAAgB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-3ZIDGMU3.cjs","sourcesContent":[null,"import { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Pagination } from '../Pagination/Pagination';\nimport type { TablePaginationProps } from './TablePagination.props';\n\nconst COMPONENT_NAME = 'TablePagination';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype TablePaginationElement = ComponentRef<'div'>;\n\nexport const TablePagination = forwardRef<TablePaginationElement, TablePaginationProps>(\n ({ className, ...props }, ref) => {\n return (\n <Pagination ref={ref} className={cn(componentClassName, className)} {...props} as=\"div\" />\n );\n }\n);\n\nTablePagination.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunkBSV5FCP7cjs = require('./chunk-BSV5FCP7.cjs');var _chunkIAFYIHVPcjs = require('./chunk-IAFYIHVP.cjs');var _chunkRS5YT3MKcjs = require('./chunk-RS5YT3MK.cjs');var _chunkHHKQ3ZBDcjs = require('./chunk-HHKQ3ZBD.cjs');var _chunkRIHABKWYcjs = require('./chunk-RIHABKWY.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _react = require('react');var _useMergedRefs = require('@base-ui/utils/useMergedRefs');var _jsxruntime = require('react/jsx-runtime');var a="SearchInput",f=_chunk4Q432K4Wcjs.b.call(void 0, a),L= exports.a =_react.forwardRef.call(void 0, ({className:I,disabled:p,value:r,onClear:n,loading:d,hideLabel:h=!0,helperText:S,id:y,...x},b)=>{let e=_react.useRef.call(void 0, null),E=_useMergedRefs.useMergedRefs.call(void 0, b,e),M=_react.useCallback.call(void 0, N=>{typeof n!="function"||N.button!==0||(n(),e&&typeof e=="object"&&e.current&&e.current.focus())},[e,n]),{id:B}=_chunkRIHABKWYcjs.a.call(void 0, {providedId:y,prefix:"search-input"});return _jsxruntime.jsxs.call(void 0, _chunkBSV5FCP7cjs.a,{ref:E,className:_chunkONNSZMWFcjs.a.call(void 0, f,I),type:"search",enterKeyHint:"search",disabled:p,hideLabel:h,helperText:S,value:r,id:B,"data-testid":f,...x,children:[_jsxruntime.jsx.call(void 0, _chunkIAFYIHVPcjs.a,{placement:"prefix",children:_jsxruntime.jsx.call(void 0, _hearthreacticons.SearchMediumIcon,{})}),d?_jsxruntime.jsx.call(void 0, _chunkIAFYIHVPcjs.a,{placement:"suffix",children:_jsxruntime.jsx.call(void 0, _chunkHHKQ3ZBDcjs.a,{size:"xs",color:"primary"})}):null,n!==void 0&&r!==void 0&&String(r).length>0?_jsxruntime.jsx.call(void 0, _chunkIAFYIHVPcjs.a,{placement:"suffix",children:_jsxruntime.jsx.call(void 0, _chunkRS5YT3MKcjs.a,{type:"button",label:"clear search",onClick:M,disabled:p,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.CloseSmallIcon,{})})}):null]})});L.displayName=a;exports.a = L;
|
|
4
|
+
//# sourceMappingURL=chunk-5A667ZJZ.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-5A667ZJZ.cjs","../src/components/SearchInput/SearchInput.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","SearchInput","forwardRef","className","disabled","value","onClear","loading","hideLabel","helperText","providedId","props","forwardedRef","internalRef","useRef","inputRef","useMergedRefs","handleClear","useCallback","event","id","useIds","jsxs","TextInput","cn","jsx","InputSlot","SearchMediumIcon","Spinner","UnstyledIconButton","CloseSmallIcon"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wECO7O,8BAED,6DAGlB,+CAkDxB,IAhDAA,CAAAA,CAAiB,aAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAY7CC,CAAAA,aAAcC,+BAAAA,CAEvB,CACE,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CAAY,CAAA,CAAA,CACZ,UAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,IAAMC,CAAAA,CAAcC,2BAAAA,IAAoC,CAAA,CAClDC,CAAAA,CAAWC,0CAAAA,CAAcJ,CAAcC,CAAW,CAAA,CAElDI,CAAAA,CAAcC,gCAAAA,CACjBC,EAAyC,CACpC,OAAOb,CAAAA,EAAY,UAAA,EAAca,CAAAA,CAAM,MAAA,GAAW,CAAA,EAAA,CAGtDb,CAAAA,CAAQ,CAAA,CAEJO,CAAAA,EAAe,OAAOA,CAAAA,EAAgB,QAAA,EAAYA,CAAAA,CAAY,OAAA,EAChEA,CAAAA,CAAY,OAAA,CAAQ,KAAA,CAAM,CAAA,CAE9B,CAAA,CACA,CAACA,CAAAA,CAAaP,CAAO,CACvB,CAAA,CAEM,CAAE,EAAA,CAAAc,CAAG,CAAA,CAAIC,iCAAAA,CAAS,UAAA,CAAAX,CAAAA,CAAY,MAAA,CAAQ,cAAe,CAAC,CAAA,CAE5D,OACEY,8BAAAA,mBAACC,CAAA,CACC,GAAA,CAAKR,CAAAA,CACL,SAAA,CAAWS,iCAAAA,CAAGzB,CAAoBI,CAAS,CAAA,CAC3C,IAAA,CAAK,QAAA,CACL,YAAA,CAAa,QAAA,CACb,QAAA,CAAUC,CAAAA,CACV,SAAA,CAAWI,CAAAA,CACX,UAAA,CAAYC,CAAAA,CACZ,KAAA,CAAOJ,CAAAA,CACP,EAAA,CAAIe,CAAAA,CACJ,aAAA,CAAarB,CAAAA,CACZ,GAAGY,CAAAA,CAEJ,QAAA,CAAA,CAAAc,6BAAAA,mBAACC,CAAA,CAAU,SAAA,CAAU,QAAA,CACnB,QAAA,CAAAD,6BAAAA,kCAACE,CAAA,CAAA,CAAiB,CAAA,CACpB,CAAA,CACCpB,CAAAA,CACCkB,6BAAAA,mBAACC,CAAA,CAAU,SAAA,CAAU,QAAA,CACnB,QAAA,CAAAD,6BAAAA,mBAACG,CAAA,CAAQ,IAAA,CAAK,IAAA,CAAK,KAAA,CAAM,SAAA,CAAU,CAAA,CACrC,CAAA,CACE,IAAA,CACHtB,CAAAA,GAAY,KAAA,CAAA,EAAaD,CAAAA,GAAU,KAAA,CAAA,EAAa,MAAA,CAAOA,CAAK,CAAA,CAAE,MAAA,CAAS,CAAA,CACtEoB,6BAAAA,mBAACC,CAAA,CAAU,SAAA,CAAU,QAAA,CACnB,QAAA,CAAAD,6BAAAA,mBAACI,CAAA,CACC,IAAA,CAAK,QAAA,CACL,KAAA,CAAM,cAAA,CACN,OAAA,CAASZ,CAAAA,CACT,QAAA,CAAUb,CAAAA,CAEV,QAAA,CAAAqB,6BAAAA,gCAACK,CAAA,CAAA,CAAe,CAAA,CAClB,CAAA,CACF,CAAA,CACE,IAAA,CAAA,CACN,CAEJ,CACF,CAAA,CAEA7B,CAAAA,CAAY,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-5A667ZJZ.cjs","sourcesContent":[null,"'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { cn } from '../../helpers/cn';\nimport { TextInput } from '../TextInput/TextInput';\nimport { InputSlot } from '../InputSlot/InputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport type { SearchInputProps } from './SearchInput.props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { CloseSmallIcon, SearchMediumIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { useIds } from '../../hooks/use-ids';\nimport { forwardRef, useRef, useCallback } from 'react';\nimport type { InputBaseElement } from '../InputBase/InputBase';\nimport type { MouseEvent } from 'react';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\n\nconst COMPONENT_NAME = 'SearchInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\n/**\n * Use SearchInput to let users enter a keyword or phrase to search content\n * related to the context it's placed in. Pass an `onClear` handler to show a\n * clear button, and set `loading` to display a spinner while results are\n * fetched. On desktop and tablet it must be paired with a button to trigger\n * the search; on mobile the keyboard's search action can trigger it instead.\n * For general text entry use TextInput instead.\n *\n * @summary An input for entering a search keyword or phrase.\n */\nexport const SearchInput = forwardRef<InputBaseElement, SearchInputProps>(\n (\n {\n className,\n disabled,\n value,\n onClear,\n loading,\n hideLabel = true,\n helperText,\n id: providedId,\n ...props\n },\n forwardedRef\n ) => {\n const internalRef = useRef<HTMLInputElement | null>(null);\n const inputRef = useMergedRefs(forwardedRef, internalRef);\n\n const handleClear = useCallback(\n (event: MouseEvent<HTMLButtonElement>) => {\n if (typeof onClear !== 'function' || event.button !== 0) {\n return;\n }\n onClear();\n\n if (internalRef && typeof internalRef === 'object' && internalRef.current) {\n internalRef.current.focus();\n }\n },\n [internalRef, onClear]\n );\n\n const { id } = useIds({ providedId, prefix: 'search-input' });\n\n return (\n <TextInput\n ref={inputRef}\n className={cn(componentClassName, className)}\n type=\"search\"\n enterKeyHint=\"search\"\n disabled={disabled}\n hideLabel={hideLabel}\n helperText={helperText}\n value={value}\n id={id}\n data-testid={componentClassName}\n {...props}\n >\n <InputSlot placement=\"prefix\">\n <SearchMediumIcon />\n </InputSlot>\n {loading ? (\n <InputSlot placement=\"suffix\">\n <Spinner size=\"xs\" color=\"primary\" />\n </InputSlot>\n ) : null}\n {onClear !== undefined && value !== undefined && String(value).length > 0 ? (\n <InputSlot placement=\"suffix\">\n <UnstyledIconButton\n type=\"button\"\n label=\"clear search\"\n onClick={handleClear}\n disabled={disabled}\n >\n <CloseSmallIcon />\n </UnstyledIconButton>\n </InputSlot>\n ) : null}\n </TextInput>\n );\n }\n);\n\nSearchInput.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import{a as h}from"./chunk-V6QXHP4D.js";import{a as N}from"./chunk-
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
import{a as h}from"./chunk-V6QXHP4D.js";import{a as N}from"./chunk-PCFN2SEL.js";import{a as L}from"./chunk-RXW6PYP7.js";import{a as u}from"./chunk-OPPG3NOC.js";import{a as C}from"./chunk-7X24J4CX.js";import{a as g}from"./chunk-KGEVWEVL.js";import{a as c}from"./chunk-J3AJBV4B.js";import{b}from"./chunk-PDEVCIQ3.js";import{forwardRef as M}from"react";import{jsx as e,jsxs as $}from"react/jsx-runtime";var y="List",a=b(y),O=M((P,t)=>{let{id:v,as:o="ul",className:x,colorScheme:r=void 0,variant:n,listItemsVariant:T,heading:i,headingElement:E,helperText:H,trailingContent:I,validationText:S,validationStatus:B,children:l,paddingNone:R,"aria-label":d,"aria-labelledby":V,...s}=g(P,u),w={heading:i,headingElement:E,helperText:H,trailingContent:I,validationText:S,validationStatus:B},{id:m,labelId:p}=C({providedId:v,prefix:"list"}),f={"aria-label":d,"aria-labelledby":V??(!!i&&!d?p:void 0),"data-padding-none":R?"":void 0,"data-list-items-variant":T};return $("div",{className:c(a,x),"data-testid":a,children:[i?e(N,{id:p,...w}):null,n===void 0||r===void 0?e(L,{asChild:!0,id:m,className:`${a}Container`,role:"list",...f,children:e(o,{ref:t,...s,children:l})}):e(h,{className:`${a}Container`,paddingNone:!0,variant:n,colorScheme:r,children:e(o,{ref:t,role:"list",id:m,...s,...f,children:l})})]})});O.displayName=y;export{O as a};
|
|
4
|
+
//# sourceMappingURL=chunk-5O7MHLG6.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
|
|
2
2
|
|
|
3
|
-
var _chunkS45VPPZEcjs = require('./chunk-S45VPPZE.cjs');var _chunkMJNIIRVPcjs = require('./chunk-MJNIIRVP.cjs');var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunkS45VPPZEcjs = require('./chunk-S45VPPZE.cjs');var _chunkMJNIIRVPcjs = require('./chunk-MJNIIRVP.cjs');var _chunkDFHWFPXLcjs = require('./chunk-DFHWFPXL.cjs');var _chunkGS47QEXRcjs = require('./chunk-GS47QEXR.cjs');var _chunkF54LCSZKcjs = require('./chunk-F54LCSZK.cjs');var _chunk3ODBY6JGcjs = require('./chunk-3ODBY6JG.cjs');var _chunkQKGE3FJXcjs = require('./chunk-QKGE3FJX.cjs');var _chunkRIHABKWYcjs = require('./chunk-RIHABKWY.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var N="CardAccordionItem",n=_chunk4Q432K4Wcjs.b.call(void 0, N),_= exports.a =_react.forwardRef.call(void 0, ({className:x,title:S,description:c,headingElement:T="h3",summaryTitle:s,summaryDescription:l,children:R,value:o,onEditClick:y,...B},M)=>{let{setCurrentStep:z,setPreviousSteps:O,getStep:$,steps:d}=_chunkMJNIIRVPcjs.c.call(void 0, ),r=$(o),w=r==="current"?"emphasis":"subtle",F=r==="current"?"neutralStrong":"neutralSubtle",p=_react.useRef.call(void 0, null),f=_react.useRef.call(void 0, !1),{labelId:t,helperTextId:u}=_chunkRIHABKWYcjs.a.call(void 0, {prefix:"card-accordion-item"});return _react.useEffect.call(void 0, ()=>{if(!f.current){f.current=!0;return}r==="current"&&_optionalChain([p, 'access', _2 => _2.current, 'optionalAccess', _3 => _3.focus, 'call', _4 => _4()])},[r]),_jsxruntime.jsx.call(void 0, _radixui.Accordion.Item,{asChild:!0,ref:M,className:_chunkONNSZMWFcjs.a.call(void 0, n,x),disabled:r==="future","data-step":r,value:o,...B,children:_jsxruntime.jsx.call(void 0, _chunkGS47QEXRcjs.a,{variant:w,colorScheme:F,direction:"column",children:_jsxruntime.jsxs.call(void 0, _chunkS45VPPZEcjs.b,{value:{value:o},children:[_jsxruntime.jsx.call(void 0, _radixui.Accordion.Header,{className:`${n}Header`,asChild:!0,children:_jsxruntime.jsxs.call(void 0, T,{children:[_jsxruntime.jsx.call(void 0, _radixui.Accordion.Trigger,{ref:p,className:`${n}Trigger`,"aria-labelledby":t,"aria-describedby":c?u:void 0,children:_jsxruntime.jsxs.call(void 0, _chunkQKGE3FJXcjs.a,{direction:"column",children:[r==="previous"&&s?_jsxruntime.jsx.call(void 0, _chunk3ODBY6JGcjs.a,{asChild:!0,size:"md",id:t,children:_jsxruntime.jsx.call(void 0, "div",{children:s})}):_jsxruntime.jsx.call(void 0, _chunk3ODBY6JGcjs.a,{asChild:!0,size:"md",id:t,children:_jsxruntime.jsx.call(void 0, "div",{children:S})}),c?_jsxruntime.jsx.call(void 0, _chunkF54LCSZKcjs.a,{id:u,children:c}):null]})}),r==="previous"?_jsxruntime.jsx.call(void 0, _chunkDFHWFPXLcjs.a,{size:"sm",variant:"ghost",colorScheme:"functional","aria-describedby":t,onClick:k=>{z(o),d&&O(d.slice(0,d.indexOf(o))),_optionalChain([y, 'optionalCall', _5 => _5(k)])},children:"Edit"}):null]})}),r==="previous"&&l?l:null,r==="current"?_jsxruntime.jsx.call(void 0, _radixui.Accordion.Content,{className:`${n}Content`,children:R}):null]})})})});_.displayName=N;exports.a = _;
|
|
4
|
+
//# sourceMappingURL=chunk-5TOYINGT.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-5TOYINGT.cjs","../src/components/CardAccordion/CardAccordionItem.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","CardAccordionItem","forwardRef","className","title","description","HeadingElement","summaryTitle","summaryDescription","children","value","onEditClick","props","ref","setCurrentStep","setPreviousSteps","getStep","steps","useCardAccordion","step","variant","colorScheme","triggerRef","useRef","hasMountedRef","labelId","helperTextId","useIds","useEffect","jsx","AccordionPrimitive","cn","Card","jsxs","CardAccordionItemProvider"],"mappings":"AAAA,ylBAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCA3W,mCAIE,+CAgF9B,IArEZA,CAAAA,CAAiB,mBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAY7CC,CAAAA,aAAoBC,+BAAAA,CAE7B,CACE,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,cAAA,CAAgBC,CAAAA,CAAiB,IAAA,CACjC,YAAA,CAAAC,CAAAA,CACA,kBAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,GAAM,CAAE,cAAA,CAAAC,CAAAA,CAAgB,gBAAA,CAAAC,CAAAA,CAAkB,OAAA,CAAAC,CAAAA,CAAS,KAAA,CAAAC,CAAM,CAAA,CAAIC,iCAAAA,CAAiB,CACxEC,CAAAA,CAAOH,CAAAA,CAAQN,CAAK,CAAA,CACpBU,CAAAA,CAAUD,CAAAA,GAAS,SAAA,CAAY,UAAA,CAAa,QAAA,CAC5CE,CAAAA,CAAcF,CAAAA,GAAS,SAAA,CAAY,eAAA,CAAkB,eAAA,CACrDG,CAAAA,CAAaC,2BAAAA,IAA8B,CAAA,CAC3CC,CAAAA,CAAgBD,2BAAAA,CAAO,CAAK,CAAA,CAE5B,CAAE,OAAA,CAAAE,CAAAA,CAAS,YAAA,CAAAC,CAAa,CAAA,CAAIC,iCAAAA,CAAS,MAAA,CAAQ,qBAAsB,CAAC,CAAA,CAE1E,OAAAC,8BAAAA,CAAU,CAAA,EAAM,CACd,EAAA,CAAI,CAACJ,CAAAA,CAAc,OAAA,CAAS,CAC1BA,CAAAA,CAAc,OAAA,CAAU,CAAA,CAAA,CACxB,MACF,CAEIL,CAAAA,GAAS,SAAA,kBACXG,CAAAA,qBAAW,OAAA,6BAAS,KAAA,mBAAM,GAE9B,CAAA,CAAG,CAACH,CAAI,CAAC,CAAA,CAGPU,6BAAAA,kBAACC,CAAmB,IAAA,CAAnB,CACC,OAAA,CAAO,CAAA,CAAA,CACP,GAAA,CAAKjB,CAAAA,CACL,SAAA,CAAWkB,iCAAAA,CAAGhC,CAAoBI,CAAS,CAAA,CAC3C,QAAA,CAAUgB,CAAAA,GAAS,QAAA,CACnB,WAAA,CAAWA,CAAAA,CACX,KAAA,CAAOT,CAAAA,CACN,GAAGE,CAAAA,CAEJ,QAAA,CAAAiB,6BAAAA,mBAACG,CAAA,CAAK,OAAA,CAASZ,CAAAA,CAAS,WAAA,CAAaC,CAAAA,CAAa,SAAA,CAAU,QAAA,CAC1D,QAAA,CAAAY,8BAAAA,mBAACC,CAAA,CAA0B,KAAA,CAAO,CAAE,KAAA,CAAAxB,CAAM,CAAA,CACxC,QAAA,CAAA,CAAAmB,6BAAAA,kBAACC,CAAmB,MAAA,CAAnB,CAA0B,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-5TOYINGT.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef, useEffect, useRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { CardAccordionItemProps } from './CardAccordionItem.props';\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\nimport type { ComponentRef } from 'react';\nimport { Card } from '../Card/Card';\nimport { Button } from '../Button/Button';\nimport { Flex } from '../Flex/Flex';\nimport { Heading } from '../Heading/Heading';\nimport { HelperText } from '../HelperText/HelperText';\nimport { useIds } from '../../hooks/use-ids';\nimport { CardAccordionItemProvider } from './CardAccordionItem.context';\nimport { useCardAccordion } from './CardAccordion.context';\n\nconst COMPONENT_NAME = 'CardAccordionItem';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype CardAccordionItemElement = ComponentRef<'div'>;\n\n/**\n * Use CardAccordionItem for each step within a CardAccordion. Requires a\n * unique `value` and a `title`. Once a step becomes `previous`,\n * `summaryTitle`/`summaryDescription` (if set) replace the current view and\n * an Edit button (wired via `onEditClick`) lets users return to it.\n *\n * @summary A single step within a CardAccordion.\n */\nexport const CardAccordionItem = forwardRef<CardAccordionItemElement, CardAccordionItemProps>(\n (\n {\n className,\n title,\n description,\n headingElement: HeadingElement = 'h3',\n summaryTitle,\n summaryDescription,\n children,\n value,\n onEditClick,\n ...props\n },\n ref\n ) => {\n const { setCurrentStep, setPreviousSteps, getStep, steps } = useCardAccordion();\n const step = getStep(value);\n const variant = step === 'current' ? 'emphasis' : 'subtle';\n const colorScheme = step === 'current' ? 'neutralStrong' : 'neutralSubtle';\n const triggerRef = useRef<HTMLButtonElement>(null);\n const hasMountedRef = useRef(false);\n\n const { labelId, helperTextId } = useIds({ prefix: 'card-accordion-item' });\n\n useEffect(() => {\n if (!hasMountedRef.current) {\n hasMountedRef.current = true;\n return;\n }\n\n if (step === 'current') {\n triggerRef.current?.focus();\n }\n }, [step]);\n\n return (\n <AccordionPrimitive.Item\n asChild\n ref={ref}\n className={cn(componentClassName, className)}\n disabled={step === 'future'}\n data-step={step}\n value={value}\n {...props}\n >\n <Card variant={variant} colorScheme={colorScheme} direction=\"column\">\n <CardAccordionItemProvider value={{ value }}>\n <AccordionPrimitive.Header className={`${componentClassName}Header`} asChild>\n <HeadingElement>\n <AccordionPrimitive.Trigger\n ref={triggerRef}\n className={`${componentClassName}Trigger`}\n aria-labelledby={labelId}\n aria-describedby={description ? helperTextId : undefined}\n >\n <Flex direction=\"column\">\n {step === 'previous' && Boolean(summaryTitle) ? (\n <Heading asChild size=\"md\" id={labelId}>\n <div>{summaryTitle}</div>\n </Heading>\n ) : (\n <Heading asChild size=\"md\" id={labelId}>\n <div>{title}</div>\n </Heading>\n )}\n {description ? <HelperText id={helperTextId}>{description}</HelperText> : null}\n </Flex>\n </AccordionPrimitive.Trigger>\n {step === 'previous' ? (\n <Button\n size=\"sm\"\n variant=\"ghost\"\n colorScheme=\"functional\"\n aria-describedby={labelId}\n onClick={e => {\n setCurrentStep(value);\n if (steps) {\n setPreviousSteps(steps.slice(0, steps.indexOf(value)));\n }\n onEditClick?.(e);\n }}\n >\n Edit\n </Button>\n ) : null}\n </HeadingElement>\n </AccordionPrimitive.Header>\n {step === 'previous' && summaryDescription ? summaryDescription : null}\n {step === 'current' ? (\n <AccordionPrimitive.Content className={`${componentClassName}Content`}>\n {children}\n </AccordionPrimitive.Content>\n ) : null}\n </CardAccordionItemProvider>\n </Card>\n </AccordionPrimitive.Item>\n );\n }\n);\n\nCardAccordionItem.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import{a as c}from"./chunk-
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
import{a as c}from"./chunk-PCFN2SEL.js";import{a as n}from"./chunk-OPPG3NOC.js";import{a as i}from"./chunk-KGEVWEVL.js";import{a as r}from"./chunk-J3AJBV4B.js";import{b as e}from"./chunk-PDEVCIQ3.js";import{forwardRef as g}from"react";import{Accordion as E}from"radix-ui";import{jsx as m,jsxs as x}from"react/jsx-runtime";var s="Accordion",p=e(s),u=g((a,d)=>{let{className:l,type:o="multiple",heading:t,headingElement:f="h2",helperText:P,trailingContent:A,validationText:h,validationStatus:v,collapsible:C,...N}=i(a,n),R={heading:t,headingElement:f,helperText:P,trailingContent:A,validationText:h,validationStatus:v},y={type:o,...N,...o==="single"?{collapsible:C}:{}};return x("div",{ref:d,className:r(p,l),"data-testid":p,children:[t?m(c,{...R}):null,m(E.Root,{...y})]})});u.displayName=s;export{u as a};
|
|
4
|
+
//# sourceMappingURL=chunk-634BVRHR.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
|
-
var _chunk2XTXL6ZEcjs = require('./chunk-2XTXL6ZE.cjs');var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunk2XTXL6ZEcjs = require('./chunk-2XTXL6ZE.cjs');var _chunkQKGE3FJXcjs = require('./chunk-QKGE3FJX.cjs');var _chunkIVFMFU6Ucjs = require('./chunk-IVFMFU6U.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var y="SkeletonBodyText",d=_chunk4Q432K4Wcjs.b.call(void 0, y),R= exports.a =_react.forwardRef.call(void 0, (c,t)=>{let{lines:r="1",className:m,margin:x,marginTop:g,marginRight:B,marginBottom:T,marginLeft:k,marginX:N,marginY:P,width:h,maxWidth:S,minWidth:u,...n}=_chunkZPJNQBTNcjs.a.call(void 0, c,_chunk2XTXL6ZEcjs.a),i={margin:x,marginTop:g,marginRight:B,marginBottom:T,marginLeft:k,marginX:N,marginY:P,width:h,maxWidth:S,minWidth:u};return r==="1"?_jsxruntime.jsx.call(void 0, _chunkIVFMFU6Ucjs.a,{as:"div",ref:t,className:_chunkONNSZMWFcjs.a.call(void 0, d,m),...i,...n}):_jsxruntime.jsx.call(void 0, _chunkQKGE3FJXcjs.a,{ref:t,direction:"column",gap:"75",...i,children:Array.from({length:Number(r)},(v,C)=>_jsxruntime.jsx.call(void 0, "div",{className:_chunkONNSZMWFcjs.a.call(void 0, d,m),...n},C))})});R.displayName=y;exports.a = R;
|
|
4
|
+
//# sourceMappingURL=chunk-6BVOGEQF.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-6BVOGEQF.cjs","../src/components/Skeleton/SkeletonBodyText.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","SkeletonBodyText","forwardRef","props","ref","lines","className","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","width","maxWidth","minWidth","skeletonBodyTextProps","extractProps","skeletonBodyTextPropDefs","styleProps","jsx","Box","cn","Flex","_","index"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,8BCArN,+CAuDnB,IA9CFA,CAAAA,CAAiB,kBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAY7CC,CAAAA,aAAmBC,+BAAAA,CAC7BC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACd,GAAM,CACJ,KAAA,CAAAC,CAAAA,CAAQ,GAAA,CACR,SAAA,CAAAC,CAAAA,CACA,MAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaf,CAAOgB,mBAAwB,CAAA,CAE1CC,CAAAA,CAAa,CACjB,MAAA,CAAAb,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CACF,CAAA,CAEA,OAAIX,CAAAA,GAAU,GAAA,CAEVgB,6BAAAA,mBAACC,CAAA,CACC,EAAA,CAAG,KAAA,CACH,GAAA,CAAKlB,CAAAA,CACL,SAAA,CAAWmB,iCAAAA,CAAGxB,CAAoBO,CAAS,CAAA,CAC1C,GAAGc,CAAAA,CACH,GAAGH,CAAAA,CACN,CAAA,CAKFI,6BAAAA,mBAACG,CAAA,CAAK,GAAA,CAAKpB,CAAAA,CAAK,SAAA,CAAU,QAAA,CAAS,GAAA,CAAI,IAAA,CAAM,GAAGgB,CAAAA,CAC7C,QAAA,CAAA,KAAA,CAAM,IAAA,CAAK,CAAE,MAAA,CAAQ,MAAA,CAAOf,CAAK,CAAE,CAAA,CAAG,CAACoB,CAAAA,CAAGC,CAAAA,CAAAA,EACzCL,6BAAAA,KAAC,CAAA,CAEC,SAAA,CAAWE,iCAAAA,CAAGxB,CAAoBO,CAAS,CAAA,CAC1C,GAAGW,CAAAA,CAAAA,CAFCS,CAGP,CACD,CAAA,CACH,CAEJ,CACF,CAAA,CAEAzB,CAAAA,CAAiB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-6BVOGEQF.cjs","sourcesContent":[null,"'use client';\n\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { skeletonBodyTextPropDefs, type SkeletonBodyTextProps } from './SkeletonBodyText.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { Flex } from '../Flex/Flex';\nimport { Box } from '../Box/Box';\n\nconst COMPONENT_NAME = 'SkeletonBodyText';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype SkeletonBodyTextElement = ComponentRef<'div'>;\n\n/**\n * Use SkeletonBodyText as a loading placeholder for BodyText content, inside\n * a Skeleton wrapper. It supports multiple lines via the `lines` prop and the\n * same size props as BodyText. For placeholder headings, use SkeletonHeading;\n * for arbitrary shapes like images or avatars, use SkeletonBox instead.\n *\n * @summary A loading placeholder for BodyText content, supporting multiple lines.\n */\nexport const SkeletonBodyText = forwardRef<SkeletonBodyTextElement, SkeletonBodyTextProps>(\n (props, ref) => {\n const {\n lines = '1',\n className,\n margin,\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n marginX,\n marginY,\n width,\n maxWidth,\n minWidth,\n ...skeletonBodyTextProps\n } = extractProps(props, skeletonBodyTextPropDefs);\n\n const styleProps = {\n margin,\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n marginX,\n marginY,\n width,\n maxWidth,\n minWidth,\n };\n\n if (lines === '1') {\n return (\n <Box\n as=\"div\"\n ref={ref}\n className={cn(componentClassName, className)}\n {...styleProps}\n {...skeletonBodyTextProps}\n />\n );\n }\n\n return (\n <Flex ref={ref} direction=\"column\" gap=\"75\" {...styleProps}>\n {Array.from({ length: Number(lines) }, (_, index) => (\n <div\n key={index}\n className={cn(componentClassName, className)}\n {...skeletonBodyTextProps}\n />\n ))}\n </Flex>\n );\n }\n);\n\nSkeletonBodyText.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import{a as d}from"./chunk-
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
import{a as d}from"./chunk-JBSAZP3R.js";import{a as c}from"./chunk-TJHI42VN.js";import{a as m}from"./chunk-QNITBIE4.js";import{a as f}from"./chunk-7X24J4CX.js";import{a as p}from"./chunk-J3AJBV4B.js";import{b as u}from"./chunk-PDEVCIQ3.js";import{forwardRef as S,useRef as g,useState as I,useCallback as x,useEffect as b}from"react";import{EyeOffSmallIcon as B,EyeSmallIcon as N}from"@utilitywarehouse/hearth-react-icons";import{useMergedRefs as L}from"@base-ui/utils/useMergedRefs";import{Fragment as C,jsx as s,jsxs as V}from"react/jsx-runtime";var w="PasswordInput",y=u(w),j=S(({className:E,disabled:n,id:v,...M},P)=>{let e=g(null),h=L(P,e),[o,i]=I(!1),[r,l]=I(!1),T=x(()=>{i(t=>!t),l(!0)},[]);b(()=>{let t=null;e&&typeof e=="object"&&e.current&&(t=e.current);let a=()=>{t?.type&&(t.type="password",i(!1))};return t&&t.form!==null&&t.form.addEventListener("submit",a),()=>{t?.form&&t.form.removeEventListener("submit",a)}},[e]);let O=`Your password is ${o?"shown":"hidden"}!`;b(()=>{if(!r)return;let t=setTimeout(()=>{l(!1)},1500);return()=>clearTimeout(t)},[r,o]);let{id:R}=f({providedId:v,prefix:"password-input"});return V(C,{children:[s(d,{ref:h,className:p(y,E),type:o?"text":"password",disabled:n,id:R,"data-testid":y,...M,children:s(c,{placement:"suffix",children:s(m,{type:"button",label:"toggle password visibility",onClick:T,disabled:n,"aria-pressed":o,children:o?s(N,{}):s(B,{})})})}),s("div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status",children:r?O:""})]})});j.displayName=w;export{j as a};
|
|
4
|
+
//# sourceMappingURL=chunk-6KROCMQ7.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import{b as H}from"./chunk-AJ6U5OJT.js";import{c as b}from"./chunk-YWMUOY43.js";import{a as h}from"./chunk-
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
import{b as H}from"./chunk-AJ6U5OJT.js";import{c as b}from"./chunk-YWMUOY43.js";import{a as h}from"./chunk-OTXFBNCU.js";import{a as I}from"./chunk-V6QXHP4D.js";import{a as g}from"./chunk-TMDOWN4M.js";import{a as m}from"./chunk-ZSFO3ITI.js";import{a as A}from"./chunk-4MNQRAHO.js";import{a as P}from"./chunk-7X24J4CX.js";import{a as C}from"./chunk-J3AJBV4B.js";import{b as v}from"./chunk-PDEVCIQ3.js";import{forwardRef as G,useEffect as L,useRef as E}from"react";import{Accordion as i}from"radix-ui";import{jsx as e,jsxs as a}from"react/jsx-runtime";var N="CardAccordionItem",n=v(N),_=G(({className:x,title:S,description:c,headingElement:T="h3",summaryTitle:s,summaryDescription:l,children:R,value:o,onEditClick:y,...B},M)=>{let{setCurrentStep:z,setPreviousSteps:O,getStep:$,steps:d}=b(),r=$(o),w=r==="current"?"emphasis":"subtle",F=r==="current"?"neutralStrong":"neutralSubtle",p=E(null),f=E(!1),{labelId:t,helperTextId:u}=P({prefix:"card-accordion-item"});return L(()=>{if(!f.current){f.current=!0;return}r==="current"&&p.current?.focus()},[r]),e(i.Item,{asChild:!0,ref:M,className:C(n,x),disabled:r==="future","data-step":r,value:o,...B,children:e(I,{variant:w,colorScheme:F,direction:"column",children:a(H,{value:{value:o},children:[e(i.Header,{className:`${n}Header`,asChild:!0,children:a(T,{children:[e(i.Trigger,{ref:p,className:`${n}Trigger`,"aria-labelledby":t,"aria-describedby":c?u:void 0,children:a(A,{direction:"column",children:[r==="previous"&&s?e(m,{asChild:!0,size:"md",id:t,children:e("div",{children:s})}):e(m,{asChild:!0,size:"md",id:t,children:e("div",{children:S})}),c?e(g,{id:u,children:c}):null]})}),r==="previous"?e(h,{size:"sm",variant:"ghost",colorScheme:"functional","aria-describedby":t,onClick:k=>{z(o),d&&O(d.slice(0,d.indexOf(o))),y?.(k)},children:"Edit"}):null]})}),r==="previous"&&l?l:null,r==="current"?e(i.Content,{className:`${n}Content`,children:R}):null]})})})});_.displayName=N;export{_ as a};
|
|
4
|
+
//# sourceMappingURL=chunk-7W2RLCGB.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunkBSV5FCP7cjs = require('./chunk-BSV5FCP7.cjs');var _chunkIAFYIHVPcjs = require('./chunk-IAFYIHVP.cjs');var _chunkRS5YT3MKcjs = require('./chunk-RS5YT3MK.cjs');var _chunkRIHABKWYcjs = require('./chunk-RIHABKWY.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _useMergedRefs = require('@base-ui/utils/useMergedRefs');var _jsxruntime = require('react/jsx-runtime');var w="PasswordInput",y=_chunk4Q432K4Wcjs.b.call(void 0, w),j= exports.a =_react.forwardRef.call(void 0, ({className:E,disabled:n,id:v,...M},P)=>{let e=_react.useRef.call(void 0, null),h=_useMergedRefs.useMergedRefs.call(void 0, P,e),[o,i]=_react.useState.call(void 0, !1),[r,l]=_react.useState.call(void 0, !1),T=_react.useCallback.call(void 0, ()=>{i(t=>!t),l(!0)},[]);_react.useEffect.call(void 0, ()=>{let t=null;e&&typeof e=="object"&&e.current&&(t=e.current);let a=()=>{_optionalChain([t, 'optionalAccess', _ => _.type])&&(t.type="password",i(!1))};return t&&t.form!==null&&t.form.addEventListener("submit",a),()=>{_optionalChain([t, 'optionalAccess', _2 => _2.form])&&t.form.removeEventListener("submit",a)}},[e]);let O=`Your password is ${o?"shown":"hidden"}!`;_react.useEffect.call(void 0, ()=>{if(!r)return;let t=setTimeout(()=>{l(!1)},1500);return()=>clearTimeout(t)},[r,o]);let{id:R}=_chunkRIHABKWYcjs.a.call(void 0, {providedId:v,prefix:"password-input"});return _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkBSV5FCP7cjs.a,{ref:h,className:_chunkONNSZMWFcjs.a.call(void 0, y,E),type:o?"text":"password",disabled:n,id:R,"data-testid":y,...M,children:_jsxruntime.jsx.call(void 0, _chunkIAFYIHVPcjs.a,{placement:"suffix",children:_jsxruntime.jsx.call(void 0, _chunkRS5YT3MKcjs.a,{type:"button",label:"toggle password visibility",onClick:T,disabled:n,"aria-pressed":o,children:o?_jsxruntime.jsx.call(void 0, _hearthreacticons.EyeSmallIcon,{}):_jsxruntime.jsx.call(void 0, _hearthreacticons.EyeOffSmallIcon,{})})})}),_jsxruntime.jsx.call(void 0, "div",{"data-visually-hidden":!0,"aria-live":"assertive",role:"status",children:r?O:""})]})});j.displayName=w;exports.a = j;
|
|
4
|
+
//# sourceMappingURL=chunk-ATP4TL52.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-ATP4TL52.cjs","../src/components/PasswordInput/PasswordInput.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","PasswordInput","forwardRef","className","disabled","providedId","props","forwardedRef","internalRef","useRef","inputRef","useMergedRefs","visible","setVisible","useState","showVisibilityMessage","setShowVisibilityMessage","handleVisibility","useCallback","prevVisible","useEffect","currentElement","handleSubmit","visibilityMessage","timeout","id","useIds","jsxs","Fragment","jsx","TextInput","cn","InputSlot","UnstyledIconButton","EyeSmallIcon","EyeOffSmallIcon"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-ATP4TL52.cjs","sourcesContent":[null,"'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { cn } from '../../helpers/cn';\nimport { forwardRef, useRef, useState, useCallback, useEffect } from 'react';\nimport type { RefObject } from 'react';\nimport type { PasswordInputProps } from './PasswordInput.props';\nimport { TextInput } from '../TextInput/TextInput';\nimport { InputSlot } from '../InputSlot/InputSlot';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { EyeOffSmallIcon, EyeSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { useIds } from '../../hooks/use-ids';\nimport type { InputBaseElement } from '../InputBase/InputBase';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\n\nconst COMPONENT_NAME = 'PasswordInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\n/**\n * Use PasswordInput to securely collect a user's password, with a built-in\n * control for toggling visibility of the entered value. It automatically\n * resets to hidden when its parent form is submitted. For general text entry\n * use TextInput instead, and for search input use SearchInput.\n *\n * @summary An input for securely entering a password, with a visibility toggle.\n */\nexport const PasswordInput = forwardRef<InputBaseElement, PasswordInputProps>(\n ({ className, disabled, id: providedId, ...props }, forwardedRef) => {\n const internalRef = useRef<HTMLInputElement | null>(null);\n const inputRef = useMergedRefs(forwardedRef, internalRef);\n\n const [visible, setVisible] = useState(false);\n const [showVisibilityMessage, setShowVisibilityMessage] = useState(false);\n\n const handleVisibility = useCallback(() => {\n setVisible(prevVisible => !prevVisible);\n setShowVisibilityMessage(true);\n }, []);\n\n // If the PasswordInput is inside a form we should switch the input type\n // back to password when its parent form is submitted\n useEffect(() => {\n // Get the ref value and ensure proper typing\n let currentElement: HTMLInputElement | null = null;\n if (internalRef && typeof internalRef === 'object' && internalRef.current) {\n // Type assertion to ensure TypeScript understands this is a valid ref object\n const refObject = internalRef as RefObject<HTMLInputElement>;\n currentElement = refObject.current;\n }\n\n const handleSubmit = () => {\n if (currentElement?.type) {\n currentElement.type = 'password';\n setVisible(false);\n }\n };\n\n if (currentElement && currentElement.form !== null) {\n currentElement.form.addEventListener('submit', handleSubmit);\n }\n return () => {\n if (currentElement?.form) {\n currentElement.form.removeEventListener('submit', handleSubmit);\n }\n };\n }, [internalRef]);\n\n const visibilityMessage = `Your password is ${visible ? 'shown' : 'hidden'}!`;\n\n useEffect(() => {\n if (!showVisibilityMessage) return;\n const timeout = setTimeout(() => {\n setShowVisibilityMessage(false);\n }, 1500);\n return () => clearTimeout(timeout);\n }, [showVisibilityMessage, visible]);\n\n const { id } = useIds({ providedId, prefix: 'password-input' });\n\n return (\n <>\n <TextInput\n ref={inputRef}\n className={cn(componentClassName, className)}\n type={visible ? 'text' : 'password'}\n disabled={disabled}\n id={id}\n data-testid={componentClassName}\n {...props}\n >\n <InputSlot placement=\"suffix\">\n <UnstyledIconButton\n type=\"button\"\n label=\"toggle password visibility\"\n onClick={handleVisibility}\n disabled={disabled}\n aria-pressed={visible}\n >\n {visible ? <EyeSmallIcon /> : <EyeOffSmallIcon />}\n </UnstyledIconButton>\n </InputSlot>\n </TextInput>\n <div data-visually-hidden aria-live=\"assertive\" role=\"status\">\n {showVisibilityMessage ? visibilityMessage : ''}\n </div>\n </>\n );\n }\n);\n\nPasswordInput.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunkMJVMVHKIcjs = require('./chunk-MJVMVHKI.cjs');var _chunkB2HYSLUXcjs = require('./chunk-B2HYSLUX.cjs');var _chunkOB7O3UFLcjs = require('./chunk-OB7O3UFL.cjs');var _chunkRIHABKWYcjs = require('./chunk-RIHABKWY.cjs');var _chunkHIF6HKZ3cjs = require('./chunk-HIF6HKZ3.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var P="TextInput",h=_chunk4Q432K4Wcjs.b.call(void 0, P),A= exports.a =_react.forwardRef.call(void 0, (N,B)=>{let{className:F,validationStatus:d,validationText:t,label:E,labelVariant:O,helperText:r,children:g,id:w,disabled:e,readOnly:n,hideLabel:C,required:o,placeholder:D,"aria-describedby":V,...q}=_chunkZPJNQBTNcjs.a.call(void 0, N,_chunkOB7O3UFLcjs.a),{id:l,labelId:s,helperTextId:p,validationTextId:a}=_chunkRIHABKWYcjs.a.call(void 0, {providedId:w,prefix:"text-input"}),i=!n&&!e,M={id:l,labelId:s,helperTextId:p,validationTextId:a,label:E,labelVariant:O,helperText:r,validationText:i?t:void 0,validationStatus:i?d:void 0,hideLabel:C,required:o},m=i&&d==="invalid",S=_chunkHIF6HKZ3cjs.a.call(void 0, V,r?p:void 0,i&&d!==void 0&&t!==void 0?a:void 0);return _jsxruntime.jsx.call(void 0, _chunkMJVMVHKIcjs.a,{className:_chunkONNSZMWFcjs.a.call(void 0, h,F),"data-disabled":e?"":void 0,"data-testid":h,...M,children:_jsxruntime.jsx.call(void 0, _chunkB2HYSLUXcjs.a,{ref:B,spellCheck:"false",id:l,required:o,disabled:e,readOnly:n,placeholder:e?void 0:D,"aria-labelledby":s,"aria-describedby":S,"aria-invalid":m?!0:void 0,"aria-errormessage":m&&t!==void 0?a:void 0,...q,children:g})})});A.displayName=P;exports.a = A;
|
|
4
|
+
//# sourceMappingURL=chunk-BSV5FCP7.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-BSV5FCP7.cjs","../src/components/TextInput/TextInput.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","TextInput","forwardRef","props","ref","className","validationStatus","validationText","label","labelVariant","helperText","children","providedId","disabled","readOnly","hideLabel","required","placeholder","ariaDescribedby","textInputProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","isInvalid","ariaDescribedbyValue","mergeIds","jsx","FormField","cn","InputBase"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCS5S,+CAsErB,IApEAA,CAAAA,CAAiB,WAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAU7CC,CAAAA,aAAYC,+BAAAA,CAA8CC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACpF,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,EAAA,CAAIC,CAAAA,CACJ,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,kBAAA,CAAoBC,CAAAA,CACpB,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAajB,CAAOkB,mBAAc,CAAA,CAEhC,CAAE,EAAA,CAAAC,CAAAA,CAAI,OAAA,CAAAC,CAAAA,CAAS,YAAA,CAAAC,CAAAA,CAAc,gBAAA,CAAAC,CAAiB,CAAA,CAAIC,iCAAAA,CACtD,UAAA,CAAAd,CAAAA,CACA,MAAA,CAAQ,YACV,CAAC,CAAA,CAEKe,CAAAA,CAAyB,CAACb,CAAAA,EAAY,CAACD,CAAAA,CAEvCe,CAAAA,CAAiB,CACrB,EAAA,CAAAN,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,KAAA,CAAAjB,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,cAAA,CAAgBiB,CAAAA,CAAiBpB,CAAAA,CAAiB,KAAA,CAAA,CAClD,gBAAA,CAAkBoB,CAAAA,CAAiBrB,CAAAA,CAAmB,KAAA,CAAA,CACtD,SAAA,CAAAS,CAAAA,CACA,QAAA,CAAAC,CACF,CAAA,CAEMa,CAAAA,CAAYF,CAAAA,EAAkBrB,CAAAA,GAAqB,SAAA,CAEnDwB,CAAAA,CAAuBC,iCAAAA,CAC3Bb,CACER,CAAAA,CAAac,CAAAA,CAAe,KAAA,CAAA,CAC9BG,CAAAA,EAAkBrB,CAAAA,GAAqB,KAAA,CAAA,EAAaC,CAAAA,GAAmB,KAAA,CAAA,CACnEkB,CAAAA,CACA,KAAA,CACN,CAAA,CAEA,OACEO,6BAAAA,mBAACC,CAAA,CACC,SAAA,CAAWC,iCAAAA,CAAGnC,CAAoBM,CAAS,CAAA,CAC3C,eAAA,CAAeQ,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAC/B,aAAA,CAAad,CAAAA,CACZ,GAAG6B,CAAAA,CAEJ,QAAA,CAAAI,6BAAAA,mBAACG,CAAA,CACC,GAAA,CAAK/B,CAAAA,CACL,UAAA,CAAW,OAAA,CACX,EAAA,CAAIkB,CAAAA,CACJ,QAAA,CAAUN,CAAAA,CACV,QAAA,CAAUH,CAAAA,CACV,QAAA,CAAUC,CAAAA,CACV,WAAA,CAAcD,CAAAA,CAAyB,KAAA,CAAA,CAAdI,CAAAA,CACzB,iBAAA,CAAiBM,CAAAA,CACjB,kBAAA,CAAkBO,CAAAA,CAClB,cAAA,CAAcD,CAAAA,CAAY,CAAA,CAAA,CAAO,KAAA,CAAA,CACjC,mBAAA,CAAmBA,CAAAA,EAAatB,CAAAA,GAAmB,KAAA,CAAA,CAAYkB,CAAAA,CAAmB,KAAA,CAAA,CACjF,GAAGN,CAAAA,CAEH,QAAA,CAAAR,CAAAA,CACH,CAAA,CACF,CAEJ,CAAC,CAAA,CAEDV,CAAAA,CAAU,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-BSV5FCP7.cjs","sourcesContent":[null,"'use client';\n\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { TextInputProps } from './TextInput.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { cn } from '../../helpers/cn';\nimport { useIds } from '../../hooks/use-ids';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { InputBase, type InputBaseElement } from '../InputBase/InputBase';\nimport { FormField } from '../FormField/FormField';\nimport { forwardRef } from 'react';\n\nconst COMPONENT_NAME = 'TextInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\n/**\n * Use TextInput for a single-line text or data entry field. For passwords,\n * search, currency, one-time passcodes, or dates, use PasswordInput,\n * SearchInput, CurrencyInput, VerificationInput, or DateInput instead. A\n * `label` is required and should be clear and descriptive to guide the user.\n *\n * @summary A single-line text input field for entering text and data.\n */\nexport const TextInput = forwardRef<InputBaseElement, TextInputProps>((props, ref) => {\n const {\n className,\n validationStatus,\n validationText,\n label,\n labelVariant,\n helperText,\n children,\n id: providedId,\n disabled,\n readOnly,\n hideLabel,\n required,\n placeholder,\n 'aria-describedby': ariaDescribedby,\n ...textInputProps\n } = extractProps(props, marginPropDefs);\n\n const { id, labelId, helperTextId, validationTextId } = useIds({\n providedId,\n prefix: 'text-input',\n });\n\n const showValidation = Boolean(!readOnly && !disabled);\n\n const formFieldProps = {\n id,\n labelId,\n helperTextId,\n validationTextId,\n label,\n labelVariant,\n helperText,\n validationText: showValidation ? validationText : undefined,\n validationStatus: showValidation ? validationStatus : undefined,\n hideLabel,\n required,\n };\n\n const isInvalid = showValidation && validationStatus === 'invalid';\n\n const ariaDescribedbyValue = mergeIds(\n ariaDescribedby,\n !!helperText ? helperTextId : undefined,\n showValidation && validationStatus !== undefined && validationText !== undefined\n ? validationTextId\n : undefined\n );\n\n return (\n <FormField\n className={cn(componentClassName, className)}\n data-disabled={disabled ? '' : undefined}\n data-testid={componentClassName}\n {...formFieldProps}\n >\n <InputBase\n ref={ref}\n spellCheck=\"false\"\n id={id}\n required={required}\n disabled={disabled}\n readOnly={readOnly}\n placeholder={!disabled ? placeholder : undefined}\n aria-labelledby={labelId}\n aria-describedby={ariaDescribedbyValue}\n aria-invalid={isInvalid ? true : undefined}\n aria-errormessage={isInvalid && validationText !== undefined ? validationTextId : undefined}\n {...textInputProps}\n >\n {children}\n </InputBase>\n </FormField>\n );\n});\n\nTextInput.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunkOTQHBR7Ccjs = require('./chunk-OTQHBR7C.cjs');var _chunkASLPRJKGcjs = require('./chunk-ASLPRJKG.cjs');var _chunkHHKQ3ZBDcjs = require('./chunk-HHKQ3ZBD.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _chunkZSLWPF2Ucjs = require('./chunk-ZSLWPF2U.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var c="Button",t=_chunk4Q432K4Wcjs.b.call(void 0, c),h= exports.a =_react.forwardRef.call(void 0, (f,u)=>{let{className:B,children:r,disabled:N,loading:e,asChild:n,...b}=_chunkZPJNQBTNcjs.a.call(void 0, f,_chunkOTQHBR7Ccjs.a),P=e?_chunkZSLWPF2Ucjs.a.call(void 0, {asChild:n,children:r},C=>_jsxruntime.jsxs.call(void 0, "div",{className:`${t}Loading`,children:[_jsxruntime.jsx.call(void 0, "div",{children:_jsxruntime.jsx.call(void 0, _chunkHHKQ3ZBDcjs.a,{size:"xs",currentColor:!0})}),_jsxruntime.jsx.call(void 0, "span",{className:`${t}Hidden`,children:C})]})):r;return _jsxruntime.jsx.call(void 0, _chunkASLPRJKGcjs.a,{ref:u,className:_chunkONNSZMWFcjs.a.call(void 0, t,B),disabled:N||e,"aria-label":e?"Loading":void 0,"data-testid":t,asChild:n,...b,children:P})});h.displayName=c;exports.a = h;
|
|
4
|
+
//# sourceMappingURL=chunk-DFHWFPXL.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-DFHWFPXL.cjs","../src/components/Button/Button.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Button","forwardRef","props","ref","className","children","disabled","loading","asChild","buttonProps","extractProps","buttonPropDefs","content","getSubtree","jsxs"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCQnQ,+CAsBnB,IApBFA,CAAAA,CAAiB,QAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAY7CC,CAAAA,aAASC,+BAAAA,CAA4CC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CAC/E,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAAA,CAAU,QAAA,CAAAC,CAAAA,CAAU,OAAA,CAAAC,CAAAA,CAAS,OAAA,CAAAC,CAAAA,CAAS,GAAGC,CAAY,CAAA,CAAIC,iCAAAA,CAC1ER,CACAS,mBACF,CAAA,CACMC,CAAAA,CAAUL,CAAAA,CACZM,iCAAAA,CAAa,OAAA,CAAAL,CAAAA,CAAS,QAAA,CAAAH,CAAS,CAAA,CAAGA,CAAAA,EAChCS,8BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-DFHWFPXL.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { ButtonBase, ButtonBaseElement } from '../ButtonBase/ButtonBase';\nimport { buttonPropDefs } from './Button.props';\nimport type { ButtonProps } from './Button.props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { getSubtree } from '../../helpers/get-subtree';\nimport { forwardRef } from 'react';\n\nconst COMPONENT_NAME = 'Button';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\n/**\n * Use Button to trigger an action or event, such as submitting a form or\n * displaying a dialog. Use the `variant` prop to convey emphasis: `emphasis`\n * and `solid` for primary actions, `outline` for medium-emphasis, non-critical\n * actions, and `ghost` for the lowest-prominence actions. For actions that\n * navigate somewhere, use a link instead, or render Button `asChild` with an\n * anchor or router link.\n *\n * @summary Triggers an action or event, such as submitting a form or displaying a dialog.\n */\nexport const Button = forwardRef<ButtonBaseElement, ButtonProps>((props, ref) => {\n const { className, children, disabled, loading, asChild, ...buttonProps } = extractProps(\n props,\n buttonPropDefs\n );\n const content = loading\n ? getSubtree({ asChild, children }, children => (\n <div className={`${componentClassName}Loading`}>\n <div>\n <Spinner size=\"xs\" currentColor />\n </div>\n <span className={`${componentClassName}Hidden`}>{children}</span>\n </div>\n ))\n : children;\n return (\n <ButtonBase\n ref={ref}\n className={cn(componentClassName, className)}\n disabled={disabled || loading}\n aria-label={loading ? 'Loading' : undefined}\n data-testid={componentClassName}\n asChild={asChild}\n {...buttonProps}\n >\n {content}\n </ButtonBase>\n );\n});\n\nButton.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
|
-
var _chunkIAFYIHVPcjs = require('./chunk-IAFYIHVP.cjs');var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunkIAFYIHVPcjs = require('./chunk-IAFYIHVP.cjs');var _chunkMJVMVHKIcjs = require('./chunk-MJVMVHKI.cjs');var _chunkB2HYSLUXcjs = require('./chunk-B2HYSLUX.cjs');var _chunkY4KCRRDDcjs = require('./chunk-Y4KCRRDD.cjs');var _chunkN4PBDFEJcjs = require('./chunk-N4PBDFEJ.cjs');var _chunkRS5YT3MKcjs = require('./chunk-RS5YT3MK.cjs');var _chunkHHKQ3ZBDcjs = require('./chunk-HHKQ3ZBD.cjs');var _chunkOB7O3UFLcjs = require('./chunk-OB7O3UFL.cjs');var _chunkRIHABKWYcjs = require('./chunk-RIHABKWY.cjs');var _chunkHIF6HKZ3cjs = require('./chunk-HIF6HKZ3.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _combobox = require('@base-ui/react/combobox');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _radixui = require('radix-ui');var _jsxruntime = require('react/jsx-runtime');var F="Combobox",r=_chunk4Q432K4Wcjs.b.call(void 0, F);function Y(d){let{className:w,children:p,triggerOnlyOnType:C,validationStatus:b,validationText:u,label:M,labelVariant:R,helperText:P,id:L,disabled:t,required:U,noOptionsFoundText:$,statusText:c,loading:D,hideLabel:k,placeholder:q,"aria-describedby":z,...G}=_chunkZPJNQBTNcjs.a.call(void 0, d,_chunkOB7O3UFLcjs.a),{id:S,labelId:H,helperTextId:I,validationTextId:f}=_chunkRIHABKWYcjs.a.call(void 0, {providedId:L,prefix:"combobox"}),a=!t,_={id:S,labelId:H,helperTextId:I,validationTextId:f,label:M,labelVariant:R,helperText:P,validationText:a?u:void 0,validationStatus:a?b:void 0,required:U,hideLabel:k},v=a&&b==="invalid",J=_chunkHIF6HKZ3cjs.a.call(void 0, z,P?I:void 0,a&&b!==void 0&&u!==void 0?f:void 0),K=!!c||!!d.items||!!p;return _jsxruntime.jsx.call(void 0, _chunkMJVMVHKIcjs.a,{className:_chunkONNSZMWFcjs.a.call(void 0, r,w),"data-disabled":t?"":void 0,"data-testid":r,..._,children:_jsxruntime.jsxs.call(void 0, _combobox.Combobox.Root,{openOnInputClick:!C,...G,children:[_jsxruntime.jsx.call(void 0, _combobox.Combobox.Input,{render:_jsxruntime.jsxs.call(void 0, _chunkB2HYSLUXcjs.a,{id:S,disabled:t,placeholder:q,"aria-describedby":J,"aria-invalid":v?!0:void 0,"aria-errormessage":v&&u!==void 0?f:void 0,children:[_jsxruntime.jsx.call(void 0, _combobox.Combobox.Trigger,{disabled:t,render:_jsxruntime.jsx.call(void 0, _chunkIAFYIHVPcjs.a,{placement:"prefix",asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkRS5YT3MKcjs.a,{type:"button",label:"Open popup",disabled:t,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.SearchMediumIcon,{})})})}),D?_jsxruntime.jsx.call(void 0, _chunkIAFYIHVPcjs.a,{placement:"suffix",children:_jsxruntime.jsx.call(void 0, _chunkHHKQ3ZBDcjs.a,{size:"xs",color:"primary"})}):null,_jsxruntime.jsx.call(void 0, _combobox.Combobox.Clear,{render:_jsxruntime.jsx.call(void 0, _chunkIAFYIHVPcjs.a,{placement:"suffix",asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkRS5YT3MKcjs.a,{type:"button",label:"Clear selection",disabled:t,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.CloseSmallIcon,{})})})}),C?null:_jsxruntime.jsx.call(void 0, _combobox.Combobox.Trigger,{disabled:t,render:_jsxruntime.jsx.call(void 0, _chunkIAFYIHVPcjs.a,{placement:"suffix",asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkRS5YT3MKcjs.a,{type:"button",label:"Open popup",disabled:t,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.ExpandSmallIcon,{})})})})]})}),K?_jsxruntime.jsx.call(void 0, _combobox.Combobox.Portal,{children:_jsxruntime.jsx.call(void 0, _combobox.Combobox.Positioner,{side:"bottom",sideOffset:16,align:"start",alignOffset:-47,children:_jsxruntime.jsxs.call(void 0, _combobox.Combobox.Popup,{className:`${r}Popup`,children:[c?_jsxruntime.jsx.call(void 0, _combobox.Combobox.Status,{className:`${r}StatusText`,children:c}):null,d.items?_jsxruntime.jsx.call(void 0, _chunkY4KCRRDDcjs.a,{className:`${r}Empty`,children:$}):null,_jsxruntime.jsxs.call(void 0, _radixui.ScrollArea.Root,{className:_chunk4Q432K4Wcjs.b.call(void 0, "ScrollAreaRoot"),type:"auto",children:[_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Viewport,{className:_chunk4Q432K4Wcjs.b.call(void 0, "ScrollAreaViewport"),children:_jsxruntime.jsx.call(void 0, _combobox.Combobox.List,{className:`${r}List`,children:p||(x=>_jsxruntime.jsx.call(void 0, _chunkN4PBDFEJcjs.a,{value:x,children:x},x))})}),_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Scrollbar,{className:_chunk4Q432K4Wcjs.b.call(void 0, "ScrollAreaScrollbar"),orientation:"vertical",children:_jsxruntime.jsx.call(void 0, _radixui.ScrollArea.Thumb,{className:_chunk4Q432K4Wcjs.b.call(void 0, "ScrollAreaThumb")})})]})]})})}):null]})})}Y.displayName=F;exports.a = Y;
|
|
4
|
+
//# sourceMappingURL=chunk-EA6RRWYY.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-VGPFJV22.cjs","../src/components/Combobox/Combobox.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Combobox","props","className","children","triggerOnlyOnType","validationStatus","validationText","label","labelVariant","helperText","providedId","disabled","required","noOptionsFoundText","statusText","loading","hideLabel","placeholder","ariaDescribedby","comboboxProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","isInvalid","ariaDescribedbyValue","mergeIds","popupHasContent","jsx","FormField","cn","jsxs","ComboboxPrimitive","InputBase","InputSlot","UnstyledIconButton","SearchMediumIcon","Spinner","CloseSmallIcon","ExpandSmallIcon"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-VGPFJV22.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { useIds } from '../../hooks/use-ids';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { FormField } from '../FormField/FormField';\nimport type { ComboboxProps } from './Combobox.props';\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';\nimport { InputBase } from '../InputBase/InputBase';\nimport { InputSlot } from '../InputSlot/InputSlot';\nimport {\n CloseSmallIcon,\n ExpandSmallIcon,\n SearchMediumIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { ComboboxItem } from './ComboboxItem';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { ComboboxEmpty } from './ComboboxEmpty';\nimport { Spinner } from '../Spinner/Spinner';\n\nconst COMPONENT_NAME = 'Combobox';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\n/**\n * Use Combobox to let users type to filter results and select from a\n * predefined list of options. Pass options via the `items` prop to have them\n * rendered automatically, or render `ComboboxItem` children yourself for more\n * control. Set `triggerOnlyOnType` when the user must type before options are\n * surfaced (e.g. a postcode or address lookup); leave it unset when there is a\n * predefined list to choose from by clicking.\n *\n * @summary A text input that lets users filter and select from a list of options.\n */\nexport function Combobox<Value, Multiple extends boolean | undefined = false>(\n props: ComboboxProps<Value, Multiple>\n) {\n const {\n className,\n children,\n triggerOnlyOnType,\n validationStatus,\n validationText,\n label,\n labelVariant,\n helperText,\n id: providedId,\n disabled,\n required,\n noOptionsFoundText,\n statusText,\n loading,\n hideLabel,\n placeholder,\n 'aria-describedby': ariaDescribedby,\n ...comboboxProps\n } = extractProps(props, marginPropDefs);\n\n const { id, labelId, helperTextId, validationTextId } = useIds({\n providedId,\n prefix: 'combobox',\n });\n\n const showValidation = !disabled;\n\n const formFieldProps = {\n id,\n labelId,\n helperTextId,\n validationTextId,\n label,\n labelVariant,\n helperText,\n validationText: showValidation ? validationText : undefined,\n validationStatus: showValidation ? validationStatus : undefined,\n required,\n hideLabel,\n };\n\n const isInvalid = showValidation && validationStatus === 'invalid';\n\n const ariaDescribedbyValue = mergeIds(\n ariaDescribedby,\n helperText ? helperTextId : undefined,\n showValidation && validationStatus !== undefined && validationText !== undefined\n ? validationTextId\n : undefined\n );\n\n const popupHasContent = Boolean(statusText) || Boolean(props.items) || Boolean(children);\n\n return (\n <FormField\n className={cn(componentClassName, className)}\n data-disabled={disabled ? '' : undefined}\n data-testid={componentClassName}\n {...formFieldProps}\n >\n <ComboboxPrimitive.Root openOnInputClick={!triggerOnlyOnType} {...comboboxProps}>\n <ComboboxPrimitive.Input\n render={\n <InputBase\n id={id}\n disabled={disabled}\n placeholder={placeholder}\n aria-describedby={ariaDescribedbyValue}\n aria-invalid={isInvalid ? true : undefined}\n aria-errormessage={\n isInvalid && validationText !== undefined ? validationTextId : undefined\n }\n >\n <ComboboxPrimitive.Trigger\n disabled={disabled}\n render={\n <InputSlot placement=\"prefix\" asChild>\n <UnstyledIconButton type=\"button\" label=\"Open popup\" disabled={disabled}>\n <SearchMediumIcon />\n </UnstyledIconButton>\n </InputSlot>\n }\n />\n {loading ? (\n <InputSlot placement=\"suffix\">\n <Spinner size=\"xs\" color=\"primary\" />\n </InputSlot>\n ) : null}\n <ComboboxPrimitive.Clear\n render={\n <InputSlot placement=\"suffix\" asChild>\n <UnstyledIconButton type=\"button\" label=\"Clear selection\" disabled={disabled}>\n <CloseSmallIcon />\n </UnstyledIconButton>\n </InputSlot>\n }\n />\n {triggerOnlyOnType ? null : (\n <ComboboxPrimitive.Trigger\n disabled={disabled}\n render={\n <InputSlot placement=\"suffix\" asChild>\n <UnstyledIconButton type=\"button\" label=\"Open popup\" disabled={disabled}>\n <ExpandSmallIcon />\n </UnstyledIconButton>\n </InputSlot>\n }\n />\n )}\n </InputBase>\n }\n />\n\n {popupHasContent ? (\n <ComboboxPrimitive.Portal>\n <ComboboxPrimitive.Positioner\n side=\"bottom\"\n sideOffset={16}\n align=\"start\"\n alignOffset={-47}\n >\n <ComboboxPrimitive.Popup className={`${componentClassName}Popup`}>\n {statusText ? (\n <ComboboxPrimitive.Status className={`${componentClassName}StatusText`}>\n {statusText}\n </ComboboxPrimitive.Status>\n ) : null}\n {props.items ? (\n <ComboboxEmpty className={`${componentClassName}Empty`}>\n {noOptionsFoundText}\n </ComboboxEmpty>\n ) : null}\n <ScrollAreaPrimitive.Root\n className={withGlobalPrefix('ScrollAreaRoot')}\n type=\"auto\"\n >\n <ScrollAreaPrimitive.Viewport className={withGlobalPrefix('ScrollAreaViewport')}>\n <ComboboxPrimitive.List className={`${componentClassName}List`}>\n {children\n ? children\n : (item: string) => (\n <ComboboxItem key={item} value={item}>\n {item}\n </ComboboxItem>\n )}\n </ComboboxPrimitive.List>\n </ScrollAreaPrimitive.Viewport>\n <ScrollAreaPrimitive.Scrollbar\n className={withGlobalPrefix('ScrollAreaScrollbar')}\n orientation=\"vertical\"\n >\n <ScrollAreaPrimitive.Thumb className={withGlobalPrefix('ScrollAreaThumb')} />\n </ScrollAreaPrimitive.Scrollbar>\n </ScrollAreaPrimitive.Root>\n </ComboboxPrimitive.Popup>\n </ComboboxPrimitive.Positioner>\n </ComboboxPrimitive.Portal>\n ) : null}\n </ComboboxPrimitive.Root>\n </FormField>\n );\n}\n\nCombobox.displayName = COMPONENT_NAME;\n"]}
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-EA6RRWYY.cjs","../src/components/Combobox/Combobox.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Combobox","props","className","children","triggerOnlyOnType","validationStatus","validationText","label","labelVariant","helperText","providedId","disabled","required","noOptionsFoundText","statusText","loading","hideLabel","placeholder","ariaDescribedby","comboboxProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","isInvalid","ariaDescribedbyValue","mergeIds","popupHasContent","jsx","FormField","cn","jsxs","ComboboxPrimitive","InputBase","InputSlot","UnstyledIconButton","SearchMediumIcon","Spinner","CloseSmallIcon","ExpandSmallIcon"],"mappings":"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","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-EA6RRWYY.cjs","sourcesContent":[null,"'use client';\n\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { useIds } from '../../hooks/use-ids';\nimport { mergeIds } from '../../helpers/merge-ids';\nimport { FormField } from '../FormField/FormField';\nimport type { ComboboxProps } from './Combobox.props';\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';\nimport { InputBase } from '../InputBase/InputBase';\nimport { InputSlot } from '../InputSlot/InputSlot';\nimport {\n CloseSmallIcon,\n ExpandSmallIcon,\n SearchMediumIcon,\n} from '@utilitywarehouse/hearth-react-icons';\nimport { ComboboxItem } from './ComboboxItem';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport { UnstyledIconButton } from '../UnstyledIconButton/UnstyledIconButton';\nimport { ComboboxEmpty } from './ComboboxEmpty';\nimport { Spinner } from '../Spinner/Spinner';\n\nconst COMPONENT_NAME = 'Combobox';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\n/**\n * Use Combobox to let users type to filter results and select from a\n * predefined list of options. Pass options via the `items` prop to have them\n * rendered automatically, or render `ComboboxItem` children yourself for more\n * control. Set `triggerOnlyOnType` when the user must type before options are\n * surfaced (e.g. a postcode or address lookup); leave it unset when there is a\n * predefined list to choose from by clicking.\n *\n * @summary A text input that lets users filter and select from a list of options.\n */\nexport function Combobox<Value, Multiple extends boolean | undefined = false>(\n props: ComboboxProps<Value, Multiple>\n) {\n const {\n className,\n children,\n triggerOnlyOnType,\n validationStatus,\n validationText,\n label,\n labelVariant,\n helperText,\n id: providedId,\n disabled,\n required,\n noOptionsFoundText,\n statusText,\n loading,\n hideLabel,\n placeholder,\n 'aria-describedby': ariaDescribedby,\n ...comboboxProps\n } = extractProps(props, marginPropDefs);\n\n const { id, labelId, helperTextId, validationTextId } = useIds({\n providedId,\n prefix: 'combobox',\n });\n\n const showValidation = !disabled;\n\n const formFieldProps = {\n id,\n labelId,\n helperTextId,\n validationTextId,\n label,\n labelVariant,\n helperText,\n validationText: showValidation ? validationText : undefined,\n validationStatus: showValidation ? validationStatus : undefined,\n required,\n hideLabel,\n };\n\n const isInvalid = showValidation && validationStatus === 'invalid';\n\n const ariaDescribedbyValue = mergeIds(\n ariaDescribedby,\n helperText ? helperTextId : undefined,\n showValidation && validationStatus !== undefined && validationText !== undefined\n ? validationTextId\n : undefined\n );\n\n const popupHasContent = Boolean(statusText) || Boolean(props.items) || Boolean(children);\n\n return (\n <FormField\n className={cn(componentClassName, className)}\n data-disabled={disabled ? '' : undefined}\n data-testid={componentClassName}\n {...formFieldProps}\n >\n <ComboboxPrimitive.Root openOnInputClick={!triggerOnlyOnType} {...comboboxProps}>\n <ComboboxPrimitive.Input\n render={\n <InputBase\n id={id}\n disabled={disabled}\n placeholder={placeholder}\n aria-describedby={ariaDescribedbyValue}\n aria-invalid={isInvalid ? true : undefined}\n aria-errormessage={\n isInvalid && validationText !== undefined ? validationTextId : undefined\n }\n >\n <ComboboxPrimitive.Trigger\n disabled={disabled}\n render={\n <InputSlot placement=\"prefix\" asChild>\n <UnstyledIconButton type=\"button\" label=\"Open popup\" disabled={disabled}>\n <SearchMediumIcon />\n </UnstyledIconButton>\n </InputSlot>\n }\n />\n {loading ? (\n <InputSlot placement=\"suffix\">\n <Spinner size=\"xs\" color=\"primary\" />\n </InputSlot>\n ) : null}\n <ComboboxPrimitive.Clear\n render={\n <InputSlot placement=\"suffix\" asChild>\n <UnstyledIconButton type=\"button\" label=\"Clear selection\" disabled={disabled}>\n <CloseSmallIcon />\n </UnstyledIconButton>\n </InputSlot>\n }\n />\n {triggerOnlyOnType ? null : (\n <ComboboxPrimitive.Trigger\n disabled={disabled}\n render={\n <InputSlot placement=\"suffix\" asChild>\n <UnstyledIconButton type=\"button\" label=\"Open popup\" disabled={disabled}>\n <ExpandSmallIcon />\n </UnstyledIconButton>\n </InputSlot>\n }\n />\n )}\n </InputBase>\n }\n />\n\n {popupHasContent ? (\n <ComboboxPrimitive.Portal>\n <ComboboxPrimitive.Positioner\n side=\"bottom\"\n sideOffset={16}\n align=\"start\"\n alignOffset={-47}\n >\n <ComboboxPrimitive.Popup className={`${componentClassName}Popup`}>\n {statusText ? (\n <ComboboxPrimitive.Status className={`${componentClassName}StatusText`}>\n {statusText}\n </ComboboxPrimitive.Status>\n ) : null}\n {props.items ? (\n <ComboboxEmpty className={`${componentClassName}Empty`}>\n {noOptionsFoundText}\n </ComboboxEmpty>\n ) : null}\n <ScrollAreaPrimitive.Root\n className={withGlobalPrefix('ScrollAreaRoot')}\n type=\"auto\"\n >\n <ScrollAreaPrimitive.Viewport className={withGlobalPrefix('ScrollAreaViewport')}>\n <ComboboxPrimitive.List className={`${componentClassName}List`}>\n {children\n ? children\n : (item: string) => (\n <ComboboxItem key={item} value={item}>\n {item}\n </ComboboxItem>\n )}\n </ComboboxPrimitive.List>\n </ScrollAreaPrimitive.Viewport>\n <ScrollAreaPrimitive.Scrollbar\n className={withGlobalPrefix('ScrollAreaScrollbar')}\n orientation=\"vertical\"\n >\n <ScrollAreaPrimitive.Thumb className={withGlobalPrefix('ScrollAreaThumb')} />\n </ScrollAreaPrimitive.Scrollbar>\n </ScrollAreaPrimitive.Root>\n </ComboboxPrimitive.Popup>\n </ComboboxPrimitive.Positioner>\n </ComboboxPrimitive.Portal>\n ) : null}\n </ComboboxPrimitive.Root>\n </FormField>\n );\n}\n\nCombobox.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import{a as n}from"./chunk-
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
import{a as n}from"./chunk-RZJZGZ73.js";import{a as o}from"./chunk-J3AJBV4B.js";import{b as a}from"./chunk-PDEVCIQ3.js";import{forwardRef as m}from"react";import{jsx as f}from"react/jsx-runtime";var t="TablePagination",p=a(t),l=m(({className:e,...i},r)=>f(n,{ref:r,className:o(p,e),...i,as:"div"}));l.displayName=t;export{l as a};
|
|
4
|
+
//# sourceMappingURL=chunk-ECSNZJO5.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import{c as B}from"./chunk-AJ6U5OJT.js";import{c as A}from"./chunk-YWMUOY43.js";import{a}from"./chunk-
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
import{c as B}from"./chunk-AJ6U5OJT.js";import{c as A}from"./chunk-YWMUOY43.js";import{a}from"./chunk-OTXFBNCU.js";import{a as c}from"./chunk-J3AJBV4B.js";import{b as C}from"./chunk-PDEVCIQ3.js";import{forwardRef as y}from"react";import{jsx as h}from"react/jsx-runtime";var v="CardAccordionButton",g=C(v),N=y(({className:s,children:u,action:x,onClick:o,...m},p)=>{let{steps:r,setPreviousSteps:d,setCurrentStep:f,previousSteps:n}=A(),e=B();return x==="next"?h(a,{ref:p,className:c(g,s),type:"button",...m,variant:"solid",colorScheme:"highlight","data-action":"next",onClick:i=>{if(o&&o(i),d(t=>[...t,e.value]),r){let t=r.indexOf(e.value);t>=0&&t<r.length-1&&f(r[t+1])}},children:u||"Next"}):h(a,{ref:p,className:c(g,s),type:"button",...m,variant:"outline",colorScheme:"functional","data-action":"previous",onClick:i=>{if(o&&o(i),n.length>0){let t=n[n.length-1];f(t),d(l=>l.slice(0,l.indexOf(e.value)))}},children:u||"Previous"})});N.displayName=v;export{N as a};
|
|
4
|
+
//# sourceMappingURL=chunk-EERWIJJE.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunkMJVMVHKIcjs = require('./chunk-MJVMVHKI.cjs');var _chunkB2HYSLUXcjs = require('./chunk-B2HYSLUX.cjs');var _chunkOB7O3UFLcjs = require('./chunk-OB7O3UFL.cjs');var _chunkRIHABKWYcjs = require('./chunk-RIHABKWY.cjs');var _chunkHIF6HKZ3cjs = require('./chunk-HIF6HKZ3.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _radixui = require('radix-ui');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var N="VerificationInput",d=_chunk4Q432K4Wcjs.b.call(void 0, N),G= exports.a =_react.forwardRef.call(void 0, (O,V)=>{let{className:x,disabled:a,readOnly:s,label:F,labelVariant:R,helperText:l,validationText:n,validationStatus:i,required:w,id:h,"aria-describedby":E,...S}=_chunkZPJNQBTNcjs.a.call(void 0, O,_chunkOB7O3UFLcjs.a),{id:C,labelId:m,helperTextId:p,validationTextId:r}=_chunkRIHABKWYcjs.a.call(void 0, {providedId:h,prefix:"verification-input"}),e=!s&&!a,D={id:C,labelId:m,helperTextId:p,validationTextId:r,label:F,labelVariant:R,helperText:l,validationText:e?n:void 0,validationStatus:e?i:void 0,required:w},_=_chunkHIF6HKZ3cjs.a.call(void 0, E,l?p:void 0,e&&i!==void 0&&n!==void 0?r:void 0),f=e&&i==="invalid";return _jsxruntime.jsx.call(void 0, _chunkMJVMVHKIcjs.a,{className:_chunkONNSZMWFcjs.a.call(void 0, d,x),"data-disabled":a?"":void 0,"data-testid":d,...D,children:_jsxruntime.jsxs.call(void 0, _radixui.unstable_OneTimePasswordField.Root,{className:`${d}Root`,disabled:a,readOnly:s,"aria-labelledby":m,"aria-describedby":_,"aria-invalid":f?!0:void 0,"aria-errormessage":f&&n!==void 0?r:void 0,"data-validation-status":e?i:void 0,...S,children:[Array.from({length:6}).map((L,g)=>_jsxruntime.jsx.call(void 0, _radixui.unstable_OneTimePasswordField.Input,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkB2HYSLUXcjs.a,{})},g)),_jsxruntime.jsx.call(void 0, _radixui.unstable_OneTimePasswordField.HiddenInput,{ref:V})]})})});G.displayName=N;exports.a = G;
|
|
4
|
+
//# sourceMappingURL=chunk-EU4YDI2W.cjs.map
|