@utilitywarehouse/hearth-react 0.34.1 → 0.34.3
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/SKILL.md +49 -6
- package/dist/{chunk-VZ37XNSE.cjs → chunk-3SXNUUIV.cjs} +2 -2
- package/dist/{chunk-VZ37XNSE.cjs.map → chunk-3SXNUUIV.cjs.map} +1 -1
- package/dist/{chunk-IPBCLSDB.cjs → chunk-5QRJL6UW.cjs} +2 -2
- package/dist/{chunk-IPBCLSDB.cjs.map → chunk-5QRJL6UW.cjs.map} +1 -1
- package/dist/{chunk-6BVOGEQF.cjs → chunk-75OLYAFB.cjs} +2 -2
- package/dist/{chunk-6BVOGEQF.cjs.map → chunk-75OLYAFB.cjs.map} +1 -1
- package/dist/{chunk-F2ZTXLIG.js → chunk-7ILZKQOQ.js} +2 -2
- package/dist/{chunk-2DOX5QRE.cjs → chunk-AOWHE3JS.cjs} +2 -2
- package/dist/{chunk-2DOX5QRE.cjs.map → chunk-AOWHE3JS.cjs.map} +1 -1
- package/dist/{chunk-V4BZIPQB.js → chunk-HNPNWQMD.js} +2 -2
- package/dist/{chunk-VMZK7IM3.js → chunk-J55UWDJJ.js} +2 -2
- package/dist/{chunk-U65H447D.js → chunk-JK5AQFF2.js} +2 -2
- package/dist/{chunk-PGDFEVA5.js → chunk-KKHWPT5B.js} +2 -2
- package/dist/{chunk-Q4GDPLX2.cjs → chunk-KRABYJRM.cjs} +2 -2
- package/dist/{chunk-Q4GDPLX2.cjs.map → chunk-KRABYJRM.cjs.map} +1 -1
- package/dist/{chunk-XL66CZU5.cjs → chunk-L7I7AUWH.cjs} +2 -2
- package/dist/{chunk-XL66CZU5.cjs.map → chunk-L7I7AUWH.cjs.map} +1 -1
- package/dist/{chunk-PJCXETFD.js → chunk-N2PQS6HG.js} +2 -2
- package/dist/{chunk-DYMXUQM4.js → chunk-OQ7TRS57.js} +2 -2
- package/dist/{chunk-CICNJKHM.cjs → chunk-SWIT4LGB.cjs} +2 -2
- package/dist/{chunk-CICNJKHM.cjs.map → chunk-SWIT4LGB.cjs.map} +1 -1
- package/dist/{chunk-VZM5CVIO.js → chunk-W35QJTJH.js} +2 -2
- package/dist/{chunk-RG53XPCM.cjs → chunk-WDL4OS5J.cjs} +2 -2
- package/dist/{chunk-RG53XPCM.cjs.map → chunk-WDL4OS5J.cjs.map} +1 -1
- package/dist/{chunk-RCOFT5KL.cjs → chunk-WW43YAWT.cjs} +2 -2
- package/dist/{chunk-RCOFT5KL.cjs.map → chunk-WW43YAWT.cjs.map} +1 -1
- package/dist/{chunk-6GC2HQ72.cjs → chunk-X2QPGOUI.cjs} +2 -2
- package/dist/{chunk-6GC2HQ72.cjs.map → chunk-X2QPGOUI.cjs.map} +1 -1
- package/dist/{chunk-KNPNKYUS.js → chunk-XAJGQUSC.js} +2 -2
- package/dist/{chunk-S4U7KSTZ.js → chunk-XCT44JDG.js} +2 -2
- package/dist/{chunk-ZKHAEQHH.cjs → chunk-XZBPR3WG.cjs} +2 -2
- package/dist/{chunk-ZKHAEQHH.cjs.map → chunk-XZBPR3WG.cjs.map} +1 -1
- package/dist/{chunk-QUPHSWAC.js → chunk-YABVOAPK.js} +2 -2
- package/dist/components/Accordion/Accordion.cjs +1 -1
- package/dist/components/Accordion/Accordion.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.js +1 -1
- package/dist/components/ProgressBar/ProgressBar.cjs +1 -1
- package/dist/components/ProgressBar/ProgressBar.js +1 -1
- package/dist/components/ProgressBar/ProgressBarCircular.cjs +1 -1
- package/dist/components/ProgressBar/ProgressBarCircular.js +1 -1
- package/dist/components/ProgressBar/ProgressBarLinear.cjs +1 -1
- package/dist/components/ProgressBar/ProgressBarLinear.js +1 -1
- package/dist/components/RadioTile/RadioTile.cjs +1 -1
- package/dist/components/RadioTile/RadioTile.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/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1 -1
- package/package.json +10 -10
- package/public/llms/docs/getting-started.md +1 -1
- package/public/llms/docs/layout.md +3 -3
- package/styles.css +1 -1
- /package/dist/{chunk-F2ZTXLIG.js.map → chunk-7ILZKQOQ.js.map} +0 -0
- /package/dist/{chunk-V4BZIPQB.js.map → chunk-HNPNWQMD.js.map} +0 -0
- /package/dist/{chunk-VMZK7IM3.js.map → chunk-J55UWDJJ.js.map} +0 -0
- /package/dist/{chunk-U65H447D.js.map → chunk-JK5AQFF2.js.map} +0 -0
- /package/dist/{chunk-PGDFEVA5.js.map → chunk-KKHWPT5B.js.map} +0 -0
- /package/dist/{chunk-PJCXETFD.js.map → chunk-N2PQS6HG.js.map} +0 -0
- /package/dist/{chunk-DYMXUQM4.js.map → chunk-OQ7TRS57.js.map} +0 -0
- /package/dist/{chunk-VZM5CVIO.js.map → chunk-W35QJTJH.js.map} +0 -0
- /package/dist/{chunk-KNPNKYUS.js.map → chunk-XAJGQUSC.js.map} +0 -0
- /package/dist/{chunk-S4U7KSTZ.js.map → chunk-XCT44JDG.js.map} +0 -0
- /package/dist/{chunk-QUPHSWAC.js.map → chunk-YABVOAPK.js.map} +0 -0
package/SKILL.md
CHANGED
|
@@ -30,6 +30,12 @@ Load this skill — do not skip it — at each of these moments:
|
|
|
30
30
|
answer a question this skill already answers is how this skill gets
|
|
31
31
|
silently bypassed — load this skill, or pass its instructions into the
|
|
32
32
|
subagent's prompt, before delegating.
|
|
33
|
+
- **Alongside `figma-implementation`, whenever adapting Figma output into
|
|
34
|
+
code.** That skill covers the Figma-to-code verification workflow (per-file
|
|
35
|
+
re-checks, why `docs-show` always outranks local inspection, and the
|
|
36
|
+
mechanical spacing-variable check); this skill covers the Hearth React
|
|
37
|
+
component API itself. Load both together — neither substitutes for the
|
|
38
|
+
other.
|
|
33
39
|
|
|
34
40
|
Treat each moment above as a hard gate, not a vague "this is UI work" prompt
|
|
35
41
|
to get around to eventually.
|
|
@@ -43,6 +49,15 @@ to get around to eventually.
|
|
|
43
49
|
| SVG illustrations | `@utilitywarehouse/hearth-svg-assets` |
|
|
44
50
|
| Animated illustrations | `@utilitywarehouse/hearth-json-assets` |
|
|
45
51
|
|
|
52
|
+
`hearth-react-icons` exports React components:
|
|
53
|
+
`import { AddMediumIcon } from '@utilitywarehouse/hearth-react-icons'`.
|
|
54
|
+
`hearth-svg-assets` exports raw `.svg` files via subpath import, used as an
|
|
55
|
+
image source rather than a component:
|
|
56
|
+
`import Scene from '@utilitywarehouse/hearth-svg-assets/lib/scene-broadband-light.svg'`,
|
|
57
|
+
then `<img src={Scene} alt="..." />`. Spot/scene/mascot illustrations come
|
|
58
|
+
from `hearth-svg-assets`, not `hearth-react-icons` — the two packages are not
|
|
59
|
+
interchangeable import patterns.
|
|
60
|
+
|
|
46
61
|
## Before you implement: discover what exists
|
|
47
62
|
|
|
48
63
|
There are 2 options for discovering existing components and documentation:
|
|
@@ -57,14 +72,14 @@ a component, fetch both its plain entry (props + first-3-story code) and its
|
|
|
57
72
|
together they cover what the local markdown file documents.
|
|
58
73
|
|
|
59
74
|
Subcomponents (e.g. `CardActionLink`, `AccordionItem`) are listed as their
|
|
60
|
-
own entries in `list
|
|
61
|
-
|
|
75
|
+
own entries in `docs-list` — fetch them directly by their own id rather than
|
|
76
|
+
relying on the parent's `--docs` page, which only shows their
|
|
62
77
|
`<ArgTypes of={X}/>` block as inert, unresolved text.
|
|
63
78
|
|
|
64
79
|
**Fall back to the raw markdown files** for:
|
|
65
80
|
|
|
66
81
|
- **A specific story's exact code** beyond what's already surfaced by
|
|
67
|
-
`
|
|
82
|
+
`docs-show` or `docs-show-story`.
|
|
68
83
|
|
|
69
84
|
For questions about onboarding, updating to a newer version of this skill, or
|
|
70
85
|
configuring the MCP server, see [`public/llms/docs/a-i-toolkit.md`](public/llms/docs/a-i-toolkit.md).
|
|
@@ -78,12 +93,12 @@ need before implementing anything custom.
|
|
|
78
93
|
|
|
79
94
|
You can use the **`hearth-react`** MCP server if available:
|
|
80
95
|
|
|
81
|
-
1. `list
|
|
82
|
-
2. `
|
|
96
|
+
1. `docs-list` — get an index of all Hearth React components and docs
|
|
97
|
+
2. `docs-show` — get props, API, and usage examples for a specific
|
|
83
98
|
component or docs entry. Pass the plain id (e.g. `components-button`) for
|
|
84
99
|
props and story code, or the `<id>--docs` id (e.g.
|
|
85
100
|
`components-button--docs`) for narrative usage and accessibility docs
|
|
86
|
-
3. `
|
|
101
|
+
3. `docs-show-story` — get story code and docs for a specific story
|
|
87
102
|
|
|
88
103
|
### Raw markdown files
|
|
89
104
|
|
|
@@ -213,6 +228,26 @@ components or wrap them in an extra `Box` just for positioning.
|
|
|
213
228
|
</Flex>
|
|
214
229
|
```
|
|
215
230
|
|
|
231
|
+
### Fixed pixel widths from Figma: `gridColumnSpan` vs `maxWidth`
|
|
232
|
+
|
|
233
|
+
A Figma frame with a fixed pixel width (e.g. `680px`) isn't automatically a
|
|
234
|
+
`maxWidth`. Check whether that width lines up with a span of the grid's
|
|
235
|
+
column tracks (i.e. it's grid/gutter-derived) — if so, express it as `Grid`
|
|
236
|
+
with `gridColumnSpan` on the child, not a hardcoded `maxWidth`:
|
|
237
|
+
|
|
238
|
+
```tsx
|
|
239
|
+
// ❌ WRONG — hardcoded width that happens to match a grid span
|
|
240
|
+
<Box maxWidth="680px">{...}</Box>
|
|
241
|
+
|
|
242
|
+
// ✅ CORRECT — the same width expressed as a grid span
|
|
243
|
+
<Grid defaultResponsiveColumns>
|
|
244
|
+
<Box gridColumnSpan={{ mobile: '4', tablet: '8', desktop: '8' }}>{...}</Box>
|
|
245
|
+
</Grid>
|
|
246
|
+
```
|
|
247
|
+
|
|
248
|
+
Reserve `maxWidth` for a genuine max-width constraint that isn't grid-derived
|
|
249
|
+
(e.g. constraining a body of text for readability, independent of the page grid).
|
|
250
|
+
|
|
216
251
|
## Choosing a typography component
|
|
217
252
|
|
|
218
253
|
Hearth uses three font families. Match the Figma font-family to the component.
|
|
@@ -240,6 +275,14 @@ value, use the built-in `spacing` prop; do not replace it with responsive `gap`
|
|
|
240
275
|
values. If spacing is not explicitly defined in the design, or specified by the
|
|
241
276
|
user, use `gap` for spacing between elements; if unsure, check with the user.
|
|
242
277
|
|
|
278
|
+
Figma exposes this value under two different variable paths depending on
|
|
279
|
+
which component it's bound to — `layout/spacing/*` on `Flex`/`Grid`/`Card`,
|
|
280
|
+
`layout/content/spacing-*` on `Container` — but both resolve to the same
|
|
281
|
+
`spacing` prop and the same value scale (`none`/`2xs`/`xs`/`sm`/`md`/`lg`/`xl`/`2xl`).
|
|
282
|
+
Treat either path the same way. See the `figma-implementation` skill for the
|
|
283
|
+
mechanical check that turns "is this a spacing value?" into a forced lookup
|
|
284
|
+
rather than a judgment call.
|
|
285
|
+
|
|
243
286
|
## Use style props first
|
|
244
287
|
|
|
245
288
|
Style props are the primary way to apply styling. In most cases they 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 _chunkL7I7AUWHcjs = require('./chunk-L7I7AUWH.cjs');var _chunkOB7O3UFLcjs = require('./chunk-OB7O3UFL.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var d="ExpandableCardGroup",n=_chunk4Q432K4Wcjs.b.call(void 0, d),h= exports.a =_react.forwardRef.call(void 0, (m,i)=>{let{className:l,heading:e,headingElement:s="h2",helperText:f,trailingContent:C,children:E,...c}=_chunkZPJNQBTNcjs.a.call(void 0, m,_chunkOB7O3UFLcjs.a);return _jsxruntime.jsxs.call(void 0, "div",{ref:i,className:_chunkONNSZMWFcjs.a.call(void 0, n,l),"data-testid":n,...c,children:[e?_jsxruntime.jsx.call(void 0, _chunkL7I7AUWHcjs.a,{heading:e,headingElement:s,helperText:f,trailingContent:C}):null,E]})});h.displayName=d;exports.a = h;
|
|
4
|
+
//# sourceMappingURL=chunk-3SXNUUIV.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-3SXNUUIV.cjs","../src/components/ExpandableCard/ExpandableCardGroup.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ExpandableCardGroup","forwardRef","props","ref","className","heading","headingElement","helperText","trailingContent","children","restProps","extractProps","marginPropDefs","jsxs","cn","jsx","SectionHeader"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,8BCA5K,+CAiCrB,IAxBAA,CAAAA,CAAiB,qBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAU7CC,CAAAA,aAAsBC,+BAAAA,CAChCC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACd,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CAAiB,IAAA,CACjB,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaT,CAAOU,mBAAc,CAAA,CAEtC,OACEC,8BAAAA,KAAC,CAAA,CACC,GAAA,CAAKV,CAAAA,CACL,SAAA,CAAWW,iCAAAA,CAAGhB,CAAoBM,CAAS,CAAA,CAC3C,aAAA,CAAaN,CAAAA,CACZ,GAAGY,CAAAA,CAEH,QAAA,CAAA,CAAAL,CAAAA,CACCU,6BAAAA,mBAACC,CAAA,CACC,OAAA,CAASX,CAAAA,CACT,cAAA,CAAgBC,CAAAA,CAChB,UAAA,CAAYC,CAAAA,CACZ,eAAA,CAAiBC,CAAAA,CACnB,CAAA,CACE,IAAA,CACHC,CAAAA,CAAAA,CACH,CAEJ,CACF,CAAA,CAEAT,CAAAA,CAAoB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-3SXNUUIV.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 { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport type { ExpandableCardGroupProps } from './ExpandableCardGroup.props';\nimport { SectionHeader } from '../SectionHeader/SectionHeader';\n\nconst COMPONENT_NAME = 'ExpandableCardGroup';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ExpandableCardGroupElement = ComponentRef<'div'>;\n\n/**\n * Use ExpandableCardGroup to wrap a set of related `ExpandableCard`\n * components under a shared, optional heading and helper text.\n *\n * @summary Groups related ExpandableCard components under a shared heading.\n */\nexport const ExpandableCardGroup = forwardRef<ExpandableCardGroupElement, ExpandableCardGroupProps>(\n (props, ref) => {\n const {\n className,\n heading,\n headingElement = 'h2',\n helperText,\n trailingContent,\n children,\n ...restProps\n } = extractProps(props, marginPropDefs);\n\n return (\n <div\n ref={ref}\n className={cn(componentClassName, className)}\n data-testid={componentClassName}\n {...restProps}\n >\n {heading ? (\n <SectionHeader\n heading={heading}\n headingElement={headingElement}\n helperText={helperText}\n trailingContent={trailingContent}\n />\n ) : null}\n {children}\n </div>\n );\n }\n);\n\nExpandableCardGroup.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 _chunkX2RF6SG2cjs = require('./chunk-X2RF6SG2.cjs');var _chunk3ESB267Xcjs = require('./chunk-3ESB267X.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var l="ProgressBarCircular",r=_chunk4Q432K4Wcjs.b.call(void 0, l),d= exports.a =_react.forwardRef.call(void 0, ({value:i,label:m,labelId:n,valueText:c,...p},g)=>_jsxruntime.jsxs.call(void 0, "div",{ref:g,className:r,...p,style:{"--h-value":`${i}`},children:[_jsxruntime.jsxs.call(void 0, "svg",{xmlns:"http://www.w3.org/2000/svg",role:"img","aria-hidden":"true",children:[_jsxruntime.jsx.call(void 0, "circle",{className:`${r}Track`}),_jsxruntime.jsx.call(void 0, "circle",{className:`${r}Indicator`})]}),_jsxruntime.jsxs.call(void 0, "div",{className:`${r}Content`,children:[_jsxruntime.jsx.call(void 0, _chunk3ESB267Xcjs.a,{children:c}),_jsxruntime.jsx.call(void 0, _chunkX2RF6SG2cjs.a,{id:n,children:m})]})]}));d.displayName=l;exports.a = d;
|
|
4
|
+
//# sourceMappingURL=chunk-5QRJL6UW.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-5QRJL6UW.cjs","../src/components/ProgressBar/ProgressBarCircular.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ProgressBarCircular","forwardRef","value","label","labelId","valueText","props","ref","jsxs"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,8BCF/F,+CAsBnB,IAfFA,CAAAA,CAAiB,qBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAU7CC,CAAAA,aAAsBC,+BAAAA,CAChC,CAAE,KAAA,CAAAC,CAAAA,CAAO,KAAA,CAAAC,CAAAA,CAAO,OAAA,CAAAC,CAAAA,CAAS,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAE7CC,8BAAAA,KAAC,CAAA,CAAI,GAAA,CAAKD,CAAAA,CAAK,SAAA,CAAWT,CAAAA,CAAqB,GAAGQ,CAAAA,CAAO,KAAA,CAAO,CAAE,WAAA,CAAa,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-5QRJL6UW.cjs","sourcesContent":[null,"import { forwardRef } from 'react';\nimport type { ProgressBarInternalProps } from './ProgressBar.props';\nimport { ProgressBarLabel } from './ProgressBarLabel';\nimport { ProgressBarValueText } from './ProgressBarValueText';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'ProgressBarCircular';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ProgressBarCircularElement = ComponentRef<'div'>;\n\ndeclare module 'react' {\n interface CSSProperties {\n '--h-value'?: string;\n }\n}\n\nexport const ProgressBarCircular = forwardRef<ProgressBarCircularElement, ProgressBarInternalProps>(\n ({ value, label, labelId, valueText, ...props }, ref) => {\n return (\n <div ref={ref} className={componentClassName} {...props} style={{ '--h-value': `${value}` }}>\n <svg xmlns=\"http://www.w3.org/2000/svg\" role=\"img\" aria-hidden=\"true\">\n <circle className={`${componentClassName}Track`} />\n <circle className={`${componentClassName}Indicator`} />\n </svg>\n <div className={`${componentClassName}Content`}>\n <ProgressBarValueText>{valueText}</ProgressBarValueText>\n <ProgressBarLabel id={labelId}>{label}</ProgressBarLabel>\n </div>\n </div>\n );\n }\n);\n\nProgressBarCircular.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -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 _chunkIVFMFU6Ucjs = require('./chunk-IVFMFU6U.cjs');var _chunkQKGE3FJXcjs = require('./chunk-QKGE3FJX.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-75OLYAFB.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-75OLYAFB.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-75OLYAFB.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 N}from"./chunk-57OFJSBQ.js";import{a as y}from"./chunk-MD3VAECH.js";import{a as g}from"./chunk-DAEIJDP7.js";import{a as c}from"./chunk-3KEOP2WO.js";import{a as
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
import{a as N}from"./chunk-57OFJSBQ.js";import{a as y}from"./chunk-MD3VAECH.js";import{a as g}from"./chunk-DAEIJDP7.js";import{a as c}from"./chunk-3KEOP2WO.js";import{a as m}from"./chunk-RXW6PYP7.js";import{a as P}from"./chunk-4MNQRAHO.js";import{a as p}from"./chunk-XVM5ECBR.js";import{a as C}from"./chunk-J3AJBV4B.js";import{b as d}from"./chunk-PDEVCIQ3.js";import{Dialog as o}from"radix-ui";import{CloseMediumIcon as z}from"@utilitywarehouse/hearth-react-icons";import{forwardRef as E}from"react";import{jsx as e,jsxs as a}from"react/jsx-runtime";var D="Modal",i=d(D),A=E(({className:M,image:v,forceMount:x,container:h,heading:B,description:t,hideCloseButton:f,fullScreen:I,loading:l,loadingText:r,loadingHeading:n,loadingDescription:s,children:$,...b},O)=>{let T={forceMount:x,container:h},u=!!v,w=!!(l?(r||n)&&s:t);return e(o.Portal,{...T,children:e(o.Overlay,{className:d("Overlay"),children:e("div",{className:`${i}Scroll`,children:e("div",{className:`${i}ScrollPadding`,children:a(o.Content,{ref:O,className:C(i,M),"data-contains-image":u?"":void 0,"data-hide-close-button":f?"":void 0,"data-full-screen":I?"":void 0,"data-testid":i,...w?{}:{"aria-describedby":void 0},...b,children:[e(N,{children:e(y,{type:"button",label:"Close","data-visually-hidden":f?"":void 0,className:`${i}CloseIconButton`,children:e(z,{})})}),a("div",{className:`${i}OuterContainer`,children:[l?null:a("div",{className:`${i}InnerContainer`,children:[u?e("div",{className:`${i}Image`,children:v}):null,a("div",{className:`${i}Header`,children:[e(m,{asChild:!0,children:e(o.Title,{asChild:!0,children:e(c,{size:"lg",textWrap:"wrap",children:B})})}),t?e(o.Description,{asChild:!0,children:e(p,{size:"md",as:"span",children:t})}):null]})]}),l?a(P,{direction:"column",gap:"300",alignItems:"center",paddingY:"200",width:"100%",children:[e(g,{size:"lg"}),a("div",{className:`${i}LoadingHeader`,children:[e(m,{asChild:!0,children:e(o.Title,{asChild:!0,children:e(c,{size:"lg",textAlign:"center",textWrap:"wrap",children:n||r||"Loading"})})}),(r||n)&&s?e(o.Description,{asChild:!0,children:e(p,{size:"md",as:"span",textAlign:"center",children:s})}):null]})]}):$]})]})})})})})});A.displayName=D;export{A as a};
|
|
4
|
+
//# sourceMappingURL=chunk-7ILZKQOQ.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
|
|
2
2
|
|
|
3
|
-
var _chunkGS47QEXRcjs = require('./chunk-GS47QEXR.cjs');var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunkGS47QEXRcjs = require('./chunk-GS47QEXR.cjs');var _chunkL7I7AUWHcjs = require('./chunk-L7I7AUWH.cjs');var _chunkIVFMFU6Ucjs = require('./chunk-IVFMFU6U.cjs');var _chunkOB7O3UFLcjs = require('./chunk-OB7O3UFL.cjs');var _chunkRIHABKWYcjs = require('./chunk-RIHABKWY.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="List",a=_chunk4Q432K4Wcjs.b.call(void 0, y),O= exports.a =_react.forwardRef.call(void 0, (P,o)=>{let{id:v,as:t="ul",className:x,colorScheme:r=void 0,variant:n,heading:i,headingElement:T,helperText:E,trailingContent:H,validationText:S,validationStatus:B,children:l,paddingNone:I,"aria-label":d,"aria-labelledby":R,...s}=_chunkZPJNQBTNcjs.a.call(void 0, P,_chunkOB7O3UFLcjs.a),w={heading:i,headingElement:T,helperText:E,trailingContent:H,validationText:S,validationStatus:B},{id:m,labelId:p}=_chunkRIHABKWYcjs.a.call(void 0, {providedId:v,prefix:"list"}),f={"aria-label":d,"aria-labelledby":_nullishCoalesce(R, () => ((!!i&&!d?p:void 0))),"data-padding-none":I?"":void 0};return _jsxruntime.jsxs.call(void 0, "div",{className:_chunkONNSZMWFcjs.a.call(void 0, a,x),"data-testid":a,children:[i?_jsxruntime.jsx.call(void 0, _chunkL7I7AUWHcjs.a,{id:p,...w}):null,n===void 0||r===void 0?_jsxruntime.jsx.call(void 0, _chunkIVFMFU6Ucjs.a,{asChild:!0,id:m,className:`${a}Container`,role:"list",...f,children:_jsxruntime.jsx.call(void 0, t,{ref:o,...s,children:l})}):_jsxruntime.jsx.call(void 0, _chunkGS47QEXRcjs.a,{className:`${a}Container`,paddingNone:!0,variant:n,colorScheme:r,children:_jsxruntime.jsx.call(void 0, t,{ref:o,role:"list",id:m,...s,...f,children:l})})]})});O.displayName=y;exports.a = O;
|
|
4
|
+
//# sourceMappingURL=chunk-AOWHE3JS.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-AOWHE3JS.cjs","../src/components/List/List.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","List","forwardRef","props","ref","providedId","Tag","className","colorScheme","variant","heading","headingElement","helperText","trailingContent","validationText","validationStatus","children","paddingNone","ariaLabel","ariaLabelledby","listProps","extractProps","marginPropDefs","sectionHeaderProps","id","labelId","useIds","attributeProps","jsxs","cn","jsx","SectionHeader","Box"],"mappings":"AAAA,yLAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAoC,8BCFvS,+CAoEvB,IAxDEA,CAAAA,CAAiB,MAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAc7CC,CAAAA,aAAOC,+BAAAA,CAAoCC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CACrE,GAAM,CACJ,EAAA,CAAIC,CAAAA,CACJ,EAAA,CAAIC,CAAAA,CAAM,IAAA,CACV,SAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CAAc,KAAA,CAAA,CACd,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,YAAA,CAAcC,CAAAA,CACd,iBAAA,CAAmBC,CAAAA,CACnB,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAalB,CAAOmB,mBAAc,CAAA,CAEhCC,CAAAA,CAAqB,CACzB,OAAA,CAAAb,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CACF,CAAA,CAEM,CAAE,EAAA,CAAAS,CAAAA,CAAI,OAAA,CAAAC,CAAQ,CAAA,CAAIC,iCAAAA,CAAS,UAAA,CAAArB,CAAAA,CAAY,MAAA,CAAQ,MAAO,CAAC,CAAA,CAKvDsB,CAAAA,CAAiB,CACrB,YAAA,CAAcT,CAAAA,CACd,iBAAA,kBAJ0BC,CAAAA,SAAAA,CADT,CAAA,CAAQT,CAAAA,EACkC,CAACQ,CAAAA,CAAYO,CAAAA,CAAU,KAAA,CAAA,GAAA,CAKlF,mBAAA,CAAqBR,CAAAA,CAAc,EAAA,CAAK,KAAA,CAC1C,CAAA,CAEA,OACEW,8BAAAA,KAAC,CAAA,CAAI,SAAA,CAAWC,iCAAAA,CAAG9B,CAAoBQ,CAAS,CAAA,CAAG,aAAA,CAAaR,CAAAA,CAC7D,QAAA,CAAA,CAAAW,CAAAA,CAAUoB,6BAAAA,mBAACC,CAAA,CAAc,EAAA,CAAIN,CAAAA,CAAU,GAAGF,CAAAA,CAAoB,CAAA,CAAK,IAAA,CACnEd,CAAAA,GAAY,KAAA,CAAA,EAAaD,CAAAA,GAAgB,KAAA,CAAA,CACxCsB,6BAAAA,mBAACE,CAAA,CACC,OAAA,CAAO,CAAA,CAAA,CACP,EAAA,CAAIR,CAAAA,CACJ,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-AOWHE3JS.cjs","sourcesContent":[null,"import { forwardRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport type { ListProps } from './List.props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Card } from '../Card/Card';\nimport { Box } from '../Box/Box';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { SectionHeader } from '../SectionHeader/SectionHeader';\nimport { useIds } from '../../hooks/use-ids';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'List';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ListElement = ComponentRef<'ol'>;\n\n/**\n * Use List to display a list of items, with support for visual variants,\n * colour schemes, a heading, and helper text. Use ListItem for simple text\n * content, or as a container for more complex or interactive content such as\n * ListItemContent, ListItemButton, or ListItemLink. `variant` and\n * `colorScheme` must be used together — if either is left `undefined`, the\n * list falls back to its default appearance.\n *\n * @summary A list of items with an optional heading, helper text, and style variants.\n */\nexport const List = forwardRef<ListElement, ListProps>((props, ref) => {\n const {\n id: providedId,\n as: Tag = 'ul',\n className,\n colorScheme = undefined,\n variant,\n heading,\n headingElement,\n helperText,\n trailingContent,\n validationText,\n validationStatus,\n children,\n paddingNone,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n ...listProps\n } = extractProps(props, marginPropDefs);\n\n const sectionHeaderProps = {\n heading,\n headingElement,\n helperText,\n trailingContent,\n validationText,\n validationStatus,\n };\n\n const { id, labelId } = useIds({ providedId, prefix: 'list' });\n\n const hasHeading = Boolean(heading);\n const ariaLabelledbyValue = ariaLabelledby ?? (hasHeading && !ariaLabel ? labelId : undefined);\n\n const attributeProps = {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledbyValue,\n 'data-padding-none': paddingNone ? '' : undefined,\n };\n\n return (\n <div className={cn(componentClassName, className)} data-testid={componentClassName}>\n {heading ? <SectionHeader id={labelId} {...sectionHeaderProps} /> : null}\n {variant === undefined || colorScheme === undefined ? (\n <Box\n asChild\n id={id}\n className={`${componentClassName}Container`}\n role=\"list\"\n {...attributeProps}\n >\n <Tag ref={ref} {...listProps}>\n {children}\n </Tag>\n </Box>\n ) : (\n <Card\n className={`${componentClassName}Container`}\n paddingNone\n variant={variant}\n colorScheme={colorScheme}\n >\n <Tag ref={ref} role=\"list\" id={id} {...listProps} {...attributeProps}>\n {children}\n </Tag>\n </Card>\n )}\n </div>\n );\n});\n\nList.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import{a as f}from"./chunk-MB2NMZ2I.js";import{a as
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
import{a as f}from"./chunk-MB2NMZ2I.js";import{a as l}from"./chunk-RXW6PYP7.js";import{a as p}from"./chunk-4MNQRAHO.js";import{a}from"./chunk-KGEVWEVL.js";import{a as e}from"./chunk-J3AJBV4B.js";import{b as s}from"./chunk-PDEVCIQ3.js";import{forwardRef as E}from"react";import{jsx as o}from"react/jsx-runtime";var y="SkeletonBodyText",d=s(y),R=E((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}=a(c,f),i={margin:x,marginTop:g,marginRight:B,marginBottom:T,marginLeft:k,marginX:N,marginY:P,width:h,maxWidth:S,minWidth:u};return r==="1"?o(l,{as:"div",ref:t,className:e(d,m),...i,...n}):o(p,{ref:t,direction:"column",gap:"75",...i,children:Array.from({length:Number(r)},(v,C)=>o("div",{className:e(d,m),...n},C))})});R.displayName=y;export{R as a};
|
|
4
|
+
//# sourceMappingURL=chunk-HNPNWQMD.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import{a as R}from"./chunk-GBTQPGQG.js";import{c as u}from"./chunk-HY32GRZP.js";import{a as f}from"./chunk-JWPVXXER.js";import{a as
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
import{a as R}from"./chunk-GBTQPGQG.js";import{c as u}from"./chunk-HY32GRZP.js";import{a as f}from"./chunk-JWPVXXER.js";import{a as n}from"./chunk-RXW6PYP7.js";import{a as c}from"./chunk-4MNQRAHO.js";import{a as b}from"./chunk-7X24J4CX.js";import{a as p}from"./chunk-J3AJBV4B.js";import{b as e}from"./chunk-PDEVCIQ3.js";import{forwardRef as O}from"react";import{RadioGroup as x}from"radix-ui";import{jsx as o,jsxs as i}from"react/jsx-runtime";var I="RadioTile",T=e(I),S=O(({className:N,id:y,label:r,helperText:t,image:P,"aria-labelledby":a,badge:v,flex:C,flexBasis:G,flexShrink:h,flexGrow:B,disabled:E,...F},H)=>{let{id:d,labelId:m,helperTextId:l}=b({providedId:y,prefix:"radio"}),{hasGroupHelperText:w,"aria-describedby":M}=u(),s=!w&&t!==void 0;return o(n,{asChild:!0,"data-testid":T,...{flex:C,flexBasis:G,flexShrink:h,flexGrow:B},children:o(x.Item,{ref:H,className:p(T,N),...F,disabled:E,id:d,"aria-describedby":s?l:M,"aria-labelledby":a||(r?m:void 0),children:i("div",{className:e("RadioContainer"),children:[o("div",{className:e("RadioItem"),children:o(x.Indicator,{className:e("RadioIndicator")})}),i(c,{direction:"column",alignItems:"start",children:[i(R,{id:m,htmlFor:d,disableUserSelect:!0,children:[P,r]}),s?o(f,{id:l,disableUserSelect:!0,children:t}):null,v]})]})})})});S.displayName=I;export{S as a};
|
|
4
|
+
//# sourceMappingURL=chunk-J55UWDJJ.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import{a as v}from"./chunk-
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
import{a as v}from"./chunk-YABVOAPK.js";import{a as g}from"./chunk-2WWK2BTL.js";import{a as B}from"./chunk-W35QJTJH.js";import{a as u}from"./chunk-OPPG3NOC.js";import{a as P}from"./chunk-7X24J4CX.js";import{a as d}from"./chunk-32MOX6DL.js";import{a as f}from"./chunk-KGEVWEVL.js";import{a as n}from"./chunk-J3AJBV4B.js";import{b as c}from"./chunk-PDEVCIQ3.js";import{forwardRef as R}from"react";import{jsx as b,jsxs as I}from"react/jsx-runtime";var N="ProgressBar",x=c(N),D=R((h,y)=>{let{className:C,variant:o="linear",colorScheme:s="default",value:T,min:e=0,max:r=100,label:E,formatValueText:t,"aria-valuetext":M,hideLabel:V,...w}=f(h,g,u),{labelId:l}=P({prefix:"progress"}),a=s==="success"?r:Math.max(e,Math.min(T,r)),m=d(a,e,r),i=t?t(a):`${m}%`,p={value:m,label:E,valueText:i,labelId:l,hideLabel:V};return I("div",{ref:y,className:n(x,C),role:"progressbar","aria-valuenow":a,"aria-valuemin":e,"aria-valuemax":r,"aria-valuetext":M||i,"aria-labelledby":l,"data-colorscheme":s,"data-testid":x,...w,children:[o==="linear"?b(v,{...p}):null,o==="circular"?b(B,{...p}):null]})});D.displayName=N;export{D as a};
|
|
4
|
+
//# sourceMappingURL=chunk-JK5AQFF2.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import{a as l}from"./chunk-NMFPRBPK.js";import{a}from"./chunk-
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
import{a as l}from"./chunk-NMFPRBPK.js";import{a}from"./chunk-N2PQS6HG.js";import{a as p}from"./chunk-RXW6PYP7.js";import{a as m}from"./chunk-4MNQRAHO.js";import{a as n}from"./chunk-OPPG3NOC.js";import{a as s}from"./chunk-KGEVWEVL.js";import{a as e}from"./chunk-J3AJBV4B.js";import{b as r}from"./chunk-PDEVCIQ3.js";import{forwardRef as B}from"react";import{jsx as t,jsxs as H}from"react/jsx-runtime";var c="DescriptionList",o=r(c),F=B((d,f)=>{let{className:x,style:P,heading:i,headingElement:D,helperText:h,trailingContent:C,children:L,direction:N,validationText:v,validationStatus:y,width:E,maxWidth:g,minWidth:u,...w}=s(d,n),R={style:P,width:E,maxWidth:g,minWidth:u},T={heading:i,headingElement:D,helperText:h,trailingContent:C,validationText:v,validationStatus:y};return H(p,{className:e(o,x),"data-testid":o,...R,children:[i?t(a,{...T}):null,t(m,{asChild:!0,className:`${o}Container`,role:"list",children:t("dl",{ref:f,role:"list",...w,children:t(l.Provider,{value:{direction:N},children:L})})})]})});F.displayName=c;export{F as a};
|
|
4
|
+
//# sourceMappingURL=chunk-KKHWPT5B.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 _chunkWDL4OS5Jcjs = require('./chunk-WDL4OS5J.cjs');var _chunk4TQZRZEMcjs = require('./chunk-4TQZRZEM.cjs');var _chunk5QRJL6UWcjs = require('./chunk-5QRJL6UW.cjs');var _chunkOB7O3UFLcjs = require('./chunk-OB7O3UFL.cjs');var _chunkRIHABKWYcjs = require('./chunk-RIHABKWY.cjs');var _chunkEDOOI4SYcjs = require('./chunk-EDOOI4SY.cjs');var _chunkZPJNQBTNcjs = require('./chunk-ZPJNQBTN.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var N="ProgressBar",x=_chunk4Q432K4Wcjs.b.call(void 0, N),D= exports.a =_react.forwardRef.call(void 0, (h,y)=>{let{className:C,variant:o="linear",colorScheme:s="default",value:T,min:e=0,max:r=100,label:E,formatValueText:t,"aria-valuetext":M,hideLabel:V,...w}=_chunkZPJNQBTNcjs.a.call(void 0, h,_chunk4TQZRZEMcjs.a,_chunkOB7O3UFLcjs.a),{labelId:l}=_chunkRIHABKWYcjs.a.call(void 0, {prefix:"progress"}),a=s==="success"?r:Math.max(e,Math.min(T,r)),m=_chunkEDOOI4SYcjs.a.call(void 0, a,e,r),i=t?t(a):`${m}%`,p={value:m,label:E,valueText:i,labelId:l,hideLabel:V};return _jsxruntime.jsxs.call(void 0, "div",{ref:y,className:_chunkONNSZMWFcjs.a.call(void 0, x,C),role:"progressbar","aria-valuenow":a,"aria-valuemin":e,"aria-valuemax":r,"aria-valuetext":M||i,"aria-labelledby":l,"data-colorscheme":s,"data-testid":x,...w,children:[o==="linear"?_jsxruntime.jsx.call(void 0, _chunkWDL4OS5Jcjs.a,{...p}):null,o==="circular"?_jsxruntime.jsx.call(void 0, _chunk5QRJL6UWcjs.a,{...p}):null]})});D.displayName=N;exports.a = D;
|
|
4
|
+
//# sourceMappingURL=chunk-KRABYJRM.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-KRABYJRM.cjs","../src/components/ProgressBar/ProgressBar.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ProgressBar","forwardRef","props","ref","className","variant","colorScheme","value","min","max","label","formatValueText","ariaValueText","hideLabel","progressBarProps","extractProps","progressBarPropDefs","marginPropDefs","labelId","useIds","effectiveValue","percentValue","valueToPercent","valueText"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCUrV,+CAmDvB,IAhDEA,CAAAA,CAAiB,aAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAa7CC,CAAAA,aAAcC,+BAAAA,CAAkDC,CAAAA,CAAOC,CAAAA,CAAAA,EAAQ,CAC1F,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAU,QAAA,CACV,WAAA,CAAAC,CAAAA,CAAc,SAAA,CACd,KAAA,CAAAC,CAAAA,CACA,GAAA,CAAAC,CAAAA,CAAM,CAAA,CACN,GAAA,CAAAC,CAAAA,CAAM,GAAA,CACN,KAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,gBAAA,CAAkBC,CAAAA,CAClB,SAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAab,CAAOc,mBAAAA,CAAqBC,mBAAc,CAAA,CAErD,CAAE,OAAA,CAAAC,CAAQ,CAAA,CAAIC,iCAAAA,CAAS,MAAA,CAAQ,UAAW,CAAC,CAAA,CAI3CC,CAAAA,CAAiBd,CAAAA,GAAgB,SAAA,CAAYG,CAAAA,CAAM,IAAA,CAAK,GAAA,CAAID,CAAAA,CAAK,IAAA,CAAK,GAAA,CAAID,CAAAA,CAAOE,CAAG,CAAC,CAAA,CAErFY,CAAAA,CAAeC,iCAAAA,CAAeF,CAAgBZ,CAAAA,CAAKC,CAAG,CAAA,CAEtDc,CAAAA,CAAYZ,CAAAA,CAAkBA,CAAAA,CAAgBS,CAAc,CAAA,CAAI,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-KRABYJRM.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 { progressBarPropDefs } from './ProgressBar.props';\nimport type { ProgressBarProps } from './ProgressBar.props';\nimport { ProgressBarLinear } from './ProgressBarLinear';\nimport { valueToPercent } from '../../helpers/value-to-percent';\nimport { useIds } from '../../hooks/use-ids';\nimport { ProgressBarCircular } from './ProgressBarCircular';\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'ProgressBar';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ProgressBarElement = ComponentRef<'div'>;\n\n/**\n * Use ProgressBar to show the progress of a task or process as a linear or\n * circular bar. Use the `colorScheme` prop to indicate success or danger\n * states, and always provide a `label` describing what is progressing (this\n * can be visually hidden with `hideLabel`). For a multi-step process where\n * each step is discrete, use ProgressStepper instead.\n *\n * @summary Displays the progress of a task or process as a linear or circular bar.\n */\nexport const ProgressBar = forwardRef<ProgressBarElement, ProgressBarProps>((props, ref) => {\n const {\n className,\n variant = 'linear',\n colorScheme = 'default',\n value,\n min = 0,\n max = 100,\n label,\n formatValueText,\n 'aria-valuetext': ariaValueText,\n hideLabel,\n ...progressBarProps\n } = extractProps(props, progressBarPropDefs, marginPropDefs);\n\n const { labelId } = useIds({ prefix: 'progress' });\n\n // Determine the logical value based on status\n // If 'success', we force 100% (max); otherwise, we clamp the actual value.\n const effectiveValue = colorScheme === 'success' ? max : Math.max(min, Math.min(value, max));\n // Get the whole number percentage\n const percentValue = valueToPercent(effectiveValue, min, max);\n // Determine the text display\n const valueText = formatValueText ? formatValueText(effectiveValue) : `${percentValue}%`;\n\n const internalProgressBarProps = {\n value: percentValue,\n label,\n valueText,\n labelId,\n hideLabel,\n };\n\n return (\n <div\n ref={ref}\n className={cn(componentClassName, className)}\n role=\"progressbar\"\n aria-valuenow={effectiveValue}\n aria-valuemin={min}\n aria-valuemax={max}\n aria-valuetext={ariaValueText || valueText}\n aria-labelledby={labelId}\n data-colorscheme={colorScheme}\n data-testid={componentClassName}\n {...progressBarProps}\n >\n {variant === 'linear' ? <ProgressBarLinear {...internalProgressBarProps} /> : null}\n {variant === 'circular' ? <ProgressBarCircular {...internalProgressBarProps} /> : null}\n </div>\n );\n});\n\nProgressBar.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
|
-
var _chunkS3DGCUDLcjs = require('./chunk-S3DGCUDL.cjs');var _chunkRAIRXO6Fcjs = require('./chunk-RAIRXO6F.cjs');var _chunkPWY25JDNcjs = require('./chunk-PWY25JDN.cjs');var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunkS3DGCUDLcjs = require('./chunk-S3DGCUDL.cjs');var _chunkRAIRXO6Fcjs = require('./chunk-RAIRXO6F.cjs');var _chunkPWY25JDNcjs = require('./chunk-PWY25JDN.cjs');var _chunkIVFMFU6Ucjs = require('./chunk-IVFMFU6U.cjs');var _chunkQKGE3FJXcjs = require('./chunk-QKGE3FJX.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var H="SectionHeader",o=_chunk4Q432K4Wcjs.b.call(void 0, H),P= exports.a =_react.forwardRef.call(void 0, ({className:x,heading:N,id:C,headingElement:E="div",helperText:t,trailingContent:n,validationText:r,validationStatus:i,direction:S,...u},T)=>{let g=i!==void 0&&r!==void 0;return _jsxruntime.jsxs.call(void 0, _chunkQKGE3FJXcjs.a,{ref:T,className:_chunkONNSZMWFcjs.a.call(void 0, o,x),direction:S,"data-testid":o,...u,children:[_jsxruntime.jsxs.call(void 0, _chunkIVFMFU6Ucjs.a,{className:`${o}Content`,children:[_jsxruntime.jsx.call(void 0, _chunkPWY25JDNcjs.a,{asChild:!0,size:"md",id:C,children:_jsxruntime.jsx.call(void 0, E,{children:N})}),t?_jsxruntime.jsx.call(void 0, _chunkRAIRXO6Fcjs.a,{children:t}):null,g?_jsxruntime.jsx.call(void 0, _chunkS3DGCUDLcjs.a,{status:i,children:r}):null]}),n?_jsxruntime.jsx.call(void 0, "span",{className:`${o}TrailingContent`,children:n}):null]})});P.displayName=H;exports.a = P;
|
|
4
|
+
//# sourceMappingURL=chunk-L7I7AUWH.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-L7I7AUWH.cjs","../src/components/SectionHeader/SectionHeader.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","SectionHeader","forwardRef","className","heading","id","HeadingEl","helperText","trailingContent","validationText","validationStatus","direction","props","ref","showValidationText","jsxs","Flex","cn","Box"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCFnQ,+CAiDnB,IAtCFA,CAAAA,CAAiB,eAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAW7CC,CAAAA,aAAgBC,+BAAAA,CAEzB,CACE,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,EAAA,CAAAC,CAAAA,CACA,cAAA,CAAgBC,CAAAA,CAAY,KAAA,CAC5B,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,IAAMC,CAAAA,CAAqBJ,CAAAA,GAAqB,KAAA,CAAA,EAAaD,CAAAA,GAAmB,KAAA,CAAA,CAEhF,OACEM,8BAAAA,mBAACC,CAAA,CACC,GAAA,CAAKH,CAAAA,CACL,SAAA,CAAWI,iCAAAA,CAAGlB,CAAoBI,CAAS,CAAA,CAC3C,SAAA,CAAWQ,CAAAA,CACX,aAAA,CAAaZ,CAAAA,CACZ,GAAGa,CAAAA,CAEJ,QAAA,CAAA,CAAAG,8BAAAA,mBAACG,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-L7I7AUWH.cjs","sourcesContent":[null,"import { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Heading } from '../Heading/Heading';\nimport { HelperText } from '../HelperText/HelperText';\nimport type { SectionHeaderProps } from './SectionHeader.props';\nimport { ValidationText } from '../ValidationText/ValidationText';\nimport { Box } from '../Box/Box';\nimport { Flex } from '../Flex/Flex';\n\nconst COMPONENT_NAME = 'SectionHeader';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype SectionHeaderElement = ComponentRef<'div'>;\n\n/**\n * Use SectionHeader to introduce and visually separate a section of content\n * within a screen. Pass `trailingContent` to add a Link, Button, or Badge\n * alongside the heading.\n *\n * @summary A heading used to introduce and separate a section of content.\n */\nexport const SectionHeader = forwardRef<SectionHeaderElement, SectionHeaderProps>(\n (\n {\n className,\n heading,\n id,\n headingElement: HeadingEl = 'div',\n helperText,\n trailingContent,\n validationText,\n validationStatus,\n direction,\n ...props\n },\n ref\n ) => {\n const showValidationText = validationStatus !== undefined && validationText !== undefined;\n\n return (\n <Flex\n ref={ref}\n className={cn(componentClassName, className)}\n direction={direction}\n data-testid={componentClassName}\n {...props}\n >\n <Box className={`${componentClassName}Content`}>\n <Heading asChild size=\"md\" id={id}>\n <HeadingEl>{heading}</HeadingEl>\n </Heading>\n {helperText ? <HelperText>{helperText}</HelperText> : null}\n {showValidationText ? (\n <ValidationText status={validationStatus}>{validationText}</ValidationText>\n ) : null}\n </Box>\n\n {trailingContent ? (\n <span className={`${componentClassName}TrailingContent`}>{trailingContent}</span>\n ) : null}\n </Flex>\n );\n }\n);\n\nSectionHeader.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import{a as f}from"./chunk-QQR2AVHA.js";import{a as s}from"./chunk-JWPVXXER.js";import{a as l}from"./chunk-3KEOP2WO.js";import{a as
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
import{a as f}from"./chunk-QQR2AVHA.js";import{a as s}from"./chunk-JWPVXXER.js";import{a as l}from"./chunk-3KEOP2WO.js";import{a as d}from"./chunk-RXW6PYP7.js";import{a as p}from"./chunk-4MNQRAHO.js";import{a as m}from"./chunk-J3AJBV4B.js";import{b as a}from"./chunk-PDEVCIQ3.js";import{forwardRef as y}from"react";import{jsx as e,jsxs as c}from"react/jsx-runtime";var H="SectionHeader",o=a(H),P=y(({className:x,heading:N,id:C,headingElement:E="div",helperText:t,trailingContent:n,validationText:r,validationStatus:i,direction:S,...u},T)=>{let g=i!==void 0&&r!==void 0;return c(p,{ref:T,className:m(o,x),direction:S,"data-testid":o,...u,children:[c(d,{className:`${o}Content`,children:[e(l,{asChild:!0,size:"md",id:C,children:e(E,{children:N})}),t?e(s,{children:t}):null,g?e(f,{status:i,children:r}):null]}),n?e("span",{className:`${o}TrailingContent`,children:n}):null]})});P.displayName=H;export{P as a};
|
|
4
|
+
//# sourceMappingURL=chunk-N2PQS6HG.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import{a as p}from"./chunk-
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
import{a as p}from"./chunk-N2PQS6HG.js";import{a as t}from"./chunk-OPPG3NOC.js";import{a}from"./chunk-KGEVWEVL.js";import{a as r}from"./chunk-J3AJBV4B.js";import{b as o}from"./chunk-PDEVCIQ3.js";import{forwardRef as x}from"react";import{jsx as u,jsxs as b}from"react/jsx-runtime";var d="ExpandableCardGroup",n=o(d),h=x((m,i)=>{let{className:l,heading:e,headingElement:s="h2",helperText:f,trailingContent:C,children:E,...c}=a(m,t);return b("div",{ref:i,className:r(n,l),"data-testid":n,...c,children:[e?u(p,{heading:e,headingElement:s,helperText:f,trailingContent:C}):null,E]})});h.displayName=d;export{h as a};
|
|
4
|
+
//# sourceMappingURL=chunk-OQ7TRS57.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
|
-
var _chunkEU7QBTGKcjs = require('./chunk-EU7QBTGK.cjs');var _chunkWFVKT4MGcjs = require('./chunk-WFVKT4MG.cjs');var _chunkHHKQ3ZBDcjs = require('./chunk-HHKQ3ZBD.cjs');var _chunkPWY25JDNcjs = require('./chunk-PWY25JDN.cjs');var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunkEU7QBTGKcjs = require('./chunk-EU7QBTGK.cjs');var _chunkWFVKT4MGcjs = require('./chunk-WFVKT4MG.cjs');var _chunkHHKQ3ZBDcjs = require('./chunk-HHKQ3ZBD.cjs');var _chunkPWY25JDNcjs = require('./chunk-PWY25JDN.cjs');var _chunkIVFMFU6Ucjs = require('./chunk-IVFMFU6U.cjs');var _chunkQKGE3FJXcjs = require('./chunk-QKGE3FJX.cjs');var _chunkDLU27EEOcjs = require('./chunk-DLU27EEO.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _radixui = require('radix-ui');var _hearthreacticons = require('@utilitywarehouse/hearth-react-icons');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var D="Modal",i=_chunk4Q432K4Wcjs.b.call(void 0, D),A= exports.a =_react.forwardRef.call(void 0, ({className:M,image:v,forceMount:x,container:h,heading:B,description:t,hideCloseButton:f,fullScreen:I,loading:l,loadingText:r,loadingHeading:n,loadingDescription:s,children:$,...b},O)=>{let T={forceMount:x,container:h},u=!!v,w=!!(l?(r||n)&&s:t);return _jsxruntime.jsx.call(void 0, _radixui.Dialog.Portal,{...T,children:_jsxruntime.jsx.call(void 0, _radixui.Dialog.Overlay,{className:_chunk4Q432K4Wcjs.b.call(void 0, "Overlay"),children:_jsxruntime.jsx.call(void 0, "div",{className:`${i}Scroll`,children:_jsxruntime.jsx.call(void 0, "div",{className:`${i}ScrollPadding`,children:_jsxruntime.jsxs.call(void 0, _radixui.Dialog.Content,{ref:O,className:_chunkONNSZMWFcjs.a.call(void 0, i,M),"data-contains-image":u?"":void 0,"data-hide-close-button":f?"":void 0,"data-full-screen":I?"":void 0,"data-testid":i,...w?{}:{"aria-describedby":void 0},...b,children:[_jsxruntime.jsx.call(void 0, _chunkEU7QBTGKcjs.a,{children:_jsxruntime.jsx.call(void 0, _chunkWFVKT4MGcjs.a,{type:"button",label:"Close","data-visually-hidden":f?"":void 0,className:`${i}CloseIconButton`,children:_jsxruntime.jsx.call(void 0, _hearthreacticons.CloseMediumIcon,{})})}),_jsxruntime.jsxs.call(void 0, "div",{className:`${i}OuterContainer`,children:[l?null:_jsxruntime.jsxs.call(void 0, "div",{className:`${i}InnerContainer`,children:[u?_jsxruntime.jsx.call(void 0, "div",{className:`${i}Image`,children:v}):null,_jsxruntime.jsxs.call(void 0, "div",{className:`${i}Header`,children:[_jsxruntime.jsx.call(void 0, _chunkIVFMFU6Ucjs.a,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _radixui.Dialog.Title,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkPWY25JDNcjs.a,{size:"lg",textWrap:"wrap",children:B})})}),t?_jsxruntime.jsx.call(void 0, _radixui.Dialog.Description,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkDLU27EEOcjs.a,{size:"md",as:"span",children:t})}):null]})]}),l?_jsxruntime.jsxs.call(void 0, _chunkQKGE3FJXcjs.a,{direction:"column",gap:"300",alignItems:"center",paddingY:"200",width:"100%",children:[_jsxruntime.jsx.call(void 0, _chunkHHKQ3ZBDcjs.a,{size:"lg"}),_jsxruntime.jsxs.call(void 0, "div",{className:`${i}LoadingHeader`,children:[_jsxruntime.jsx.call(void 0, _chunkIVFMFU6Ucjs.a,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _radixui.Dialog.Title,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkPWY25JDNcjs.a,{size:"lg",textAlign:"center",textWrap:"wrap",children:n||r||"Loading"})})}),(r||n)&&s?_jsxruntime.jsx.call(void 0, _radixui.Dialog.Description,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _chunkDLU27EEOcjs.a,{size:"md",as:"span",textAlign:"center",children:s})}):null]})]}):$]})]})})})})})});A.displayName=D;exports.a = A;
|
|
4
|
+
//# sourceMappingURL=chunk-SWIT4LGB.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-SWIT4LGB.cjs","../src/components/Modal/Modal.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Modal","forwardRef","className","image","forceMount","container","heading","description","hideCloseButton","fullScreen","loading","loadingText","loadingHeading","loadingDescription","children","props","ref","portalProps","containsImage","hasDescription","jsx","DialogPrimitive"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,mCCAtU,wEAMV,8BAML,+CAkEP,IA/DdA,CAAAA,CAAiB,OAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAc7CC,CAAAA,aAAQC,+BAAAA,CAEjB,CACE,SAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,WAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,kBAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,IAAMC,CAAAA,CAAc,CAAE,UAAA,CAAAb,CAAAA,CAAY,SAAA,CAAAC,CAAU,CAAA,CACtCa,CAAAA,CAAgB,CAAA,CAAQf,CAAAA,CACxBgB,CAAAA,CAAiB,CAAA,CAAA,CACrBT,CAAAA,CAAAA,CAAWC,CAAAA,EAAeC,CAAAA,CAAAA,EAAmBC,CAAAA,CAAqBN,CAAAA,CAAAA,CAGpE,OACEa,6BAAAA,eAACC,CAAgB,MAAA,CAAhB,CAAwB,GAAGJ,CAAAA,CAC1B,QAAA,CAAAG,6BAAAA,eAACC,CAAgB,OAAA,CAAhB,CAAwB,SAAA,CAAWtB,iCAAAA,SAA0B,CAAA,CAC5D,QAAA,CAAAqB,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-SWIT4LGB.cjs","sourcesContent":[null,"'use client';\n\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { 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';\nimport { Flex } from '../Flex/Flex';\nimport { Spinner } from '../Spinner/Spinner';\nimport { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'Modal';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ModalElement = ComponentRef<'div'>;\n\n/**\n * Use Modal to overlay content that requests a decision from the user or\n * informs them of important information, without navigating to a new page.\n * Modal must be wrapped in a ModalRoot, and is typically composed with\n * ModalTrigger, ModalContent, ModalFooter, and ModalClose. Pass `heading` and\n * `description` for standard content, or custom children alongside\n * ModalFooter for more control over layout.\n *\n * @summary An overlay that requests a decision or displays important information.\n */\nexport const Modal = forwardRef<ModalElement, ModalProps>(\n (\n {\n className,\n image,\n forceMount,\n container,\n heading,\n description,\n hideCloseButton,\n fullScreen,\n loading,\n loadingText,\n loadingHeading,\n loadingDescription,\n children,\n ...props\n },\n ref\n ) => {\n const portalProps = { forceMount, container };\n const containsImage = Boolean(image);\n const hasDescription = Boolean(\n loading ? (loadingText || loadingHeading) && loadingDescription : description\n );\n\n return (\n <DialogPrimitive.Portal {...portalProps}>\n <DialogPrimitive.Overlay className={withGlobalPrefix('Overlay')}>\n <div className={`${componentClassName}Scroll`}>\n <div className={`${componentClassName}ScrollPadding`}>\n <DialogPrimitive.Content\n ref={ref}\n className={cn(componentClassName, className)}\n data-contains-image={containsImage ? '' : undefined}\n data-hide-close-button={hideCloseButton ? '' : undefined}\n data-full-screen={fullScreen ? '' : undefined}\n data-testid={componentClassName}\n {...(hasDescription ? {} : { 'aria-describedby': undefined })}\n {...props}\n >\n <ModalClose>\n <UnstyledIconButton\n type=\"button\"\n label=\"Close\"\n data-visually-hidden={hideCloseButton ? '' : undefined}\n className={`${componentClassName}CloseIconButton`}\n >\n <CloseMediumIcon />\n </UnstyledIconButton>\n </ModalClose>\n <div className={`${componentClassName}OuterContainer`}>\n {!loading ? (\n <div className={`${componentClassName}InnerContainer`}>\n {containsImage ? (\n <div className={`${componentClassName}Image`}>{image}</div>\n ) : null}\n <div className={`${componentClassName}Header`}>\n <Box asChild>\n <DialogPrimitive.Title asChild>\n <Heading size=\"lg\" textWrap=\"wrap\">\n {heading}\n </Heading>\n </DialogPrimitive.Title>\n </Box>\n {description ? (\n <DialogPrimitive.Description asChild>\n <BodyText size=\"md\" as=\"span\">\n {description}\n </BodyText>\n </DialogPrimitive.Description>\n ) : null}\n </div>\n </div>\n ) : null}\n\n {loading ? (\n <Flex\n direction=\"column\"\n gap=\"300\"\n alignItems=\"center\"\n paddingY=\"200\"\n width=\"100%\"\n >\n <Spinner size=\"lg\" />\n <div className={`${componentClassName}LoadingHeader`}>\n <Box asChild>\n <DialogPrimitive.Title asChild>\n <Heading size=\"lg\" textAlign=\"center\" textWrap=\"wrap\">\n {loadingHeading || loadingText || 'Loading'}\n </Heading>\n </DialogPrimitive.Title>\n </Box>\n {(loadingText || loadingHeading) && loadingDescription ? (\n <DialogPrimitive.Description asChild>\n <BodyText size=\"md\" as=\"span\" textAlign=\"center\">\n {loadingDescription}\n </BodyText>\n </DialogPrimitive.Description>\n ) : null}\n </div>\n </Flex>\n ) : (\n children\n )}\n </div>\n </DialogPrimitive.Content>\n </div>\n </div>\n </DialogPrimitive.Overlay>\n </DialogPrimitive.Portal>\n );\n }\n);\n\nModal.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import{a as
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
import{a as o}from"./chunk-SF5LYSGD.js";import{a as t}from"./chunk-32NO2DM3.js";import{b as a}from"./chunk-PDEVCIQ3.js";import{forwardRef as P}from"react";import{jsx as e,jsxs as s}from"react/jsx-runtime";var l="ProgressBarCircular",r=a(l),d=P(({value:i,label:m,labelId:n,valueText:c,...p},g)=>s("div",{ref:g,className:r,...p,style:{"--h-value":`${i}`},children:[s("svg",{xmlns:"http://www.w3.org/2000/svg",role:"img","aria-hidden":"true",children:[e("circle",{className:`${r}Track`}),e("circle",{className:`${r}Indicator`})]}),s("div",{className:`${r}Content`,children:[e(t,{children:c}),e(o,{id:n,children:m})]})]}));d.displayName=l;export{d as a};
|
|
4
|
+
//# sourceMappingURL=chunk-W35QJTJH.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 _chunkX2RF6SG2cjs = require('./chunk-X2RF6SG2.cjs');var _chunk3ESB267Xcjs = require('./chunk-3ESB267X.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var i="ProgressBarLinear",e=_chunk4Q432K4Wcjs.b.call(void 0, i),g= exports.a =_react.forwardRef.call(void 0, ({value:n,label:m,valueText:d,labelId:l,hideLabel:a,...p},P)=>_jsxruntime.jsxs.call(void 0, "div",{ref:P,className:e,...p,children:[_jsxruntime.jsx.call(void 0, _chunkX2RF6SG2cjs.a,{id:l,"data-visually-hidden":a?"":void 0,children:m}),_jsxruntime.jsx.call(void 0, _chunk3ESB267Xcjs.a,{"data-visually-hidden":a?"":void 0,children:d}),_jsxruntime.jsx.call(void 0, "div",{className:`${e}Track`,children:_jsxruntime.jsx.call(void 0, "div",{className:`${e}Indicator`,style:{width:`${n}%`}})})]}));g.displayName=i;exports.a = g;
|
|
4
|
+
//# sourceMappingURL=chunk-WDL4OS5J.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-WDL4OS5J.cjs","../src/components/ProgressBar/ProgressBarLinear.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ProgressBarLinear","forwardRef","value","label","valueText","labelId","hideLabel","props","ref","jsxs","jsx","ProgressBarLabel","ProgressBarValueText"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,8BCF/F,+CAerB,IARAA,CAAAA,CAAiB,mBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAoBC,+BAAAA,CAC9B,CAAE,KAAA,CAAAC,CAAAA,CAAO,KAAA,CAAAC,CAAAA,CAAO,SAAA,CAAAC,CAAAA,CAAW,OAAA,CAAAC,CAAAA,CAAS,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAExDC,8BAAAA,KAAC,CAAA,CAAI,GAAA,CAAKD,CAAAA,CAAK,SAAA,CAAWV,CAAAA,CAAqB,GAAGS,CAAAA,CAChD,QAAA,CAAA,CAAAG,6BAAAA,mBAACC,CAAA,CAAiB,EAAA,CAAIN,CAAAA,CAAS,sBAAA,CAAsBC,CAAAA,CAAY,EAAA,CAAK,KAAA,CAAA,CACnE,QAAA,CAAAH,CAAAA,CACH,CAAA,CACAO,6BAAAA,mBAACE,CAAA,CAAqB,sBAAA,CAAsBN,CAAAA,CAAY,EAAA,CAAK,KAAA,CAAA,CAC1D,QAAA,CAAAF,CAAAA,CACH,CAAA,CAEAM,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-WDL4OS5J.cjs","sourcesContent":[null,"import { forwardRef } from 'react';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { ProgressBarLabel } from './ProgressBarLabel';\nimport { ProgressBarValueText } from './ProgressBarValueText';\nimport type { ProgressBarInternalProps } from './ProgressBar.props';\nimport type { ComponentRef } from 'react';\n\nconst COMPONENT_NAME = 'ProgressBarLinear';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ProgressBarLinearElement = ComponentRef<'div'>;\n\nexport const ProgressBarLinear = forwardRef<ProgressBarLinearElement, ProgressBarInternalProps>(\n ({ value, label, valueText, labelId, hideLabel, ...props }, ref) => {\n return (\n <div ref={ref} className={componentClassName} {...props}>\n <ProgressBarLabel id={labelId} data-visually-hidden={hideLabel ? '' : undefined}>\n {label}\n </ProgressBarLabel>\n <ProgressBarValueText data-visually-hidden={hideLabel ? '' : undefined}>\n {valueText}\n </ProgressBarValueText>\n\n <div className={`${componentClassName}Track`}>\n <div className={`${componentClassName}Indicator`} style={{ width: `${value}%` }} />\n </div>\n </div>\n );\n }\n);\n\nProgressBarLinear.displayName = COMPONENT_NAME;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
|
-
var _chunkMZMYW4KCcjs = require('./chunk-MZMYW4KC.cjs');var _chunkWSD52THLcjs = require('./chunk-WSD52THL.cjs');var _chunkRAIRXO6Fcjs = require('./chunk-RAIRXO6F.cjs');var
|
|
4
|
-
//# sourceMappingURL=chunk-
|
|
3
|
+
var _chunkMZMYW4KCcjs = require('./chunk-MZMYW4KC.cjs');var _chunkWSD52THLcjs = require('./chunk-WSD52THL.cjs');var _chunkRAIRXO6Fcjs = require('./chunk-RAIRXO6F.cjs');var _chunkIVFMFU6Ucjs = require('./chunk-IVFMFU6U.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 I="RadioTile",T=_chunk4Q432K4Wcjs.b.call(void 0, I),S= exports.a =_react.forwardRef.call(void 0, ({className:N,id:y,label:r,helperText:t,image:P,"aria-labelledby":a,badge:v,flex:C,flexBasis:G,flexShrink:h,flexGrow:B,disabled:E,...F},H)=>{let{id:d,labelId:m,helperTextId:l}=_chunkRIHABKWYcjs.a.call(void 0, {providedId:y,prefix:"radio"}),{hasGroupHelperText:w,"aria-describedby":M}=_chunkWSD52THLcjs.c.call(void 0, ),s=!w&&t!==void 0;return _jsxruntime.jsx.call(void 0, _chunkIVFMFU6Ucjs.a,{asChild:!0,"data-testid":T,...{flex:C,flexBasis:G,flexShrink:h,flexGrow:B},children:_jsxruntime.jsx.call(void 0, _radixui.RadioGroup.Item,{ref:H,className:_chunkONNSZMWFcjs.a.call(void 0, T,N),...F,disabled:E,id:d,"aria-describedby":s?l:M,"aria-labelledby":a||(r?m:void 0),children:_jsxruntime.jsxs.call(void 0, "div",{className:_chunk4Q432K4Wcjs.b.call(void 0, "RadioContainer"),children:[_jsxruntime.jsx.call(void 0, "div",{className:_chunk4Q432K4Wcjs.b.call(void 0, "RadioItem"),children:_jsxruntime.jsx.call(void 0, _radixui.RadioGroup.Indicator,{className:_chunk4Q432K4Wcjs.b.call(void 0, "RadioIndicator")})}),_jsxruntime.jsxs.call(void 0, _chunkQKGE3FJXcjs.a,{direction:"column",alignItems:"start",children:[_jsxruntime.jsxs.call(void 0, _chunkMZMYW4KCcjs.a,{id:m,htmlFor:d,disableUserSelect:!0,children:[P,r]}),s?_jsxruntime.jsx.call(void 0, _chunkRAIRXO6Fcjs.a,{id:l,disableUserSelect:!0,children:t}):null,v]})]})})})});S.displayName=I;exports.a = S;
|
|
4
|
+
//# sourceMappingURL=chunk-WW43YAWT.cjs.map
|