@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.
Files changed (74) hide show
  1. package/SKILL.md +49 -6
  2. package/dist/{chunk-VZ37XNSE.cjs → chunk-3SXNUUIV.cjs} +2 -2
  3. package/dist/{chunk-VZ37XNSE.cjs.map → chunk-3SXNUUIV.cjs.map} +1 -1
  4. package/dist/{chunk-IPBCLSDB.cjs → chunk-5QRJL6UW.cjs} +2 -2
  5. package/dist/{chunk-IPBCLSDB.cjs.map → chunk-5QRJL6UW.cjs.map} +1 -1
  6. package/dist/{chunk-6BVOGEQF.cjs → chunk-75OLYAFB.cjs} +2 -2
  7. package/dist/{chunk-6BVOGEQF.cjs.map → chunk-75OLYAFB.cjs.map} +1 -1
  8. package/dist/{chunk-F2ZTXLIG.js → chunk-7ILZKQOQ.js} +2 -2
  9. package/dist/{chunk-2DOX5QRE.cjs → chunk-AOWHE3JS.cjs} +2 -2
  10. package/dist/{chunk-2DOX5QRE.cjs.map → chunk-AOWHE3JS.cjs.map} +1 -1
  11. package/dist/{chunk-V4BZIPQB.js → chunk-HNPNWQMD.js} +2 -2
  12. package/dist/{chunk-VMZK7IM3.js → chunk-J55UWDJJ.js} +2 -2
  13. package/dist/{chunk-U65H447D.js → chunk-JK5AQFF2.js} +2 -2
  14. package/dist/{chunk-PGDFEVA5.js → chunk-KKHWPT5B.js} +2 -2
  15. package/dist/{chunk-Q4GDPLX2.cjs → chunk-KRABYJRM.cjs} +2 -2
  16. package/dist/{chunk-Q4GDPLX2.cjs.map → chunk-KRABYJRM.cjs.map} +1 -1
  17. package/dist/{chunk-XL66CZU5.cjs → chunk-L7I7AUWH.cjs} +2 -2
  18. package/dist/{chunk-XL66CZU5.cjs.map → chunk-L7I7AUWH.cjs.map} +1 -1
  19. package/dist/{chunk-PJCXETFD.js → chunk-N2PQS6HG.js} +2 -2
  20. package/dist/{chunk-DYMXUQM4.js → chunk-OQ7TRS57.js} +2 -2
  21. package/dist/{chunk-CICNJKHM.cjs → chunk-SWIT4LGB.cjs} +2 -2
  22. package/dist/{chunk-CICNJKHM.cjs.map → chunk-SWIT4LGB.cjs.map} +1 -1
  23. package/dist/{chunk-VZM5CVIO.js → chunk-W35QJTJH.js} +2 -2
  24. package/dist/{chunk-RG53XPCM.cjs → chunk-WDL4OS5J.cjs} +2 -2
  25. package/dist/{chunk-RG53XPCM.cjs.map → chunk-WDL4OS5J.cjs.map} +1 -1
  26. package/dist/{chunk-RCOFT5KL.cjs → chunk-WW43YAWT.cjs} +2 -2
  27. package/dist/{chunk-RCOFT5KL.cjs.map → chunk-WW43YAWT.cjs.map} +1 -1
  28. package/dist/{chunk-6GC2HQ72.cjs → chunk-X2QPGOUI.cjs} +2 -2
  29. package/dist/{chunk-6GC2HQ72.cjs.map → chunk-X2QPGOUI.cjs.map} +1 -1
  30. package/dist/{chunk-KNPNKYUS.js → chunk-XAJGQUSC.js} +2 -2
  31. package/dist/{chunk-S4U7KSTZ.js → chunk-XCT44JDG.js} +2 -2
  32. package/dist/{chunk-ZKHAEQHH.cjs → chunk-XZBPR3WG.cjs} +2 -2
  33. package/dist/{chunk-ZKHAEQHH.cjs.map → chunk-XZBPR3WG.cjs.map} +1 -1
  34. package/dist/{chunk-QUPHSWAC.js → chunk-YABVOAPK.js} +2 -2
  35. package/dist/components/Accordion/Accordion.cjs +1 -1
  36. package/dist/components/Accordion/Accordion.js +1 -1
  37. package/dist/components/DescriptionList/DescriptionList.cjs +1 -1
  38. package/dist/components/DescriptionList/DescriptionList.js +1 -1
  39. package/dist/components/ExpandableCard/ExpandableCardGroup.cjs +1 -1
  40. package/dist/components/ExpandableCard/ExpandableCardGroup.js +1 -1
  41. package/dist/components/List/List.cjs +1 -1
  42. package/dist/components/List/List.js +1 -1
  43. package/dist/components/Modal/Modal.cjs +1 -1
  44. package/dist/components/Modal/Modal.js +1 -1
  45. package/dist/components/ProgressBar/ProgressBar.cjs +1 -1
  46. package/dist/components/ProgressBar/ProgressBar.js +1 -1
  47. package/dist/components/ProgressBar/ProgressBarCircular.cjs +1 -1
  48. package/dist/components/ProgressBar/ProgressBarCircular.js +1 -1
  49. package/dist/components/ProgressBar/ProgressBarLinear.cjs +1 -1
  50. package/dist/components/ProgressBar/ProgressBarLinear.js +1 -1
  51. package/dist/components/RadioTile/RadioTile.cjs +1 -1
  52. package/dist/components/RadioTile/RadioTile.js +1 -1
  53. package/dist/components/SectionHeader/SectionHeader.cjs +1 -1
  54. package/dist/components/SectionHeader/SectionHeader.js +1 -1
  55. package/dist/components/Skeleton/SkeletonBodyText.cjs +1 -1
  56. package/dist/components/Skeleton/SkeletonBodyText.js +1 -1
  57. package/dist/index.cjs +1 -1
  58. package/dist/index.cjs.map +1 -1
  59. package/dist/index.js +1 -1
  60. package/package.json +10 -10
  61. package/public/llms/docs/getting-started.md +1 -1
  62. package/public/llms/docs/layout.md +3 -3
  63. package/styles.css +1 -1
  64. /package/dist/{chunk-F2ZTXLIG.js.map → chunk-7ILZKQOQ.js.map} +0 -0
  65. /package/dist/{chunk-V4BZIPQB.js.map → chunk-HNPNWQMD.js.map} +0 -0
  66. /package/dist/{chunk-VMZK7IM3.js.map → chunk-J55UWDJJ.js.map} +0 -0
  67. /package/dist/{chunk-U65H447D.js.map → chunk-JK5AQFF2.js.map} +0 -0
  68. /package/dist/{chunk-PGDFEVA5.js.map → chunk-KKHWPT5B.js.map} +0 -0
  69. /package/dist/{chunk-PJCXETFD.js.map → chunk-N2PQS6HG.js.map} +0 -0
  70. /package/dist/{chunk-DYMXUQM4.js.map → chunk-OQ7TRS57.js.map} +0 -0
  71. /package/dist/{chunk-VZM5CVIO.js.map → chunk-W35QJTJH.js.map} +0 -0
  72. /package/dist/{chunk-KNPNKYUS.js.map → chunk-XAJGQUSC.js.map} +0 -0
  73. /package/dist/{chunk-S4U7KSTZ.js.map → chunk-XCT44JDG.js.map} +0 -0
  74. /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-all-documentation` — fetch them directly by their own
61
- id rather than relying on the parent's `--docs` page, which only shows their
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
- `get-documentation` or `get-documentation-for-story`.
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-all-documentation` — get an index of all Hearth React components and docs
82
- 2. `get-documentation` — get props, API, and usage examples for a specific
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. `get-documentation-for-story` — get story code and docs for a specific story
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 _chunkXL66CZU5cjs = require('./chunk-XL66CZU5.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, _chunkXL66CZU5cjs.a,{heading:e,headingElement:s,helperText:f,trailingContent:C}):null,E]})});h.displayName=d;exports.a = h;
4
- //# sourceMappingURL=chunk-VZ37XNSE.cjs.map
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-VZ37XNSE.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-VZ37XNSE.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
+ {"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 _chunk3ESB267Xcjs = require('./chunk-3ESB267X.cjs');var _chunkX2RF6SG2cjs = require('./chunk-X2RF6SG2.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-IPBCLSDB.cjs.map
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-IPBCLSDB.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-IPBCLSDB.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
+ {"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 _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
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-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
+ {"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 P}from"./chunk-4MNQRAHO.js";import{a as m}from"./chunk-RXW6PYP7.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-F2ZTXLIG.js.map
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 _chunkXL66CZU5cjs = require('./chunk-XL66CZU5.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, _chunkXL66CZU5cjs.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-2DOX5QRE.cjs.map
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-2DOX5QRE.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-2DOX5QRE.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
+ {"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 p}from"./chunk-4MNQRAHO.js";import{a as l}from"./chunk-RXW6PYP7.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-V4BZIPQB.js.map
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 c}from"./chunk-4MNQRAHO.js";import{a as n}from"./chunk-RXW6PYP7.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-VMZK7IM3.js.map
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-QUPHSWAC.js";import{a as g}from"./chunk-2WWK2BTL.js";import{a as B}from"./chunk-VZM5CVIO.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-U65H447D.js.map
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-PJCXETFD.js";import{a as m}from"./chunk-4MNQRAHO.js";import{a as p}from"./chunk-RXW6PYP7.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-PGDFEVA5.js.map
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 _chunkRG53XPCMcjs = require('./chunk-RG53XPCM.cjs');var _chunk4TQZRZEMcjs = require('./chunk-4TQZRZEM.cjs');var _chunkIPBCLSDBcjs = require('./chunk-IPBCLSDB.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, _chunkRG53XPCMcjs.a,{...p}):null,o==="circular"?_jsxruntime.jsx.call(void 0, _chunkIPBCLSDBcjs.a,{...p}):null]})});D.displayName=N;exports.a = D;
4
- //# sourceMappingURL=chunk-Q4GDPLX2.cjs.map
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-Q4GDPLX2.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-Q4GDPLX2.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
+ {"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 _chunkQKGE3FJXcjs = require('./chunk-QKGE3FJX.cjs');var _chunkIVFMFU6Ucjs = require('./chunk-IVFMFU6U.cjs');var _chunkONNSZMWFcjs = require('./chunk-ONNSZMWF.cjs');var _chunk4Q432K4Wcjs = require('./chunk-4Q432K4W.cjs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var H="SectionHeader",o=_chunk4Q432K4Wcjs.b.call(void 0, H),P= exports.a =_react.forwardRef.call(void 0, ({className:x,heading:N,id:C,headingElement:E="div",helperText:t,trailingContent:n,validationText:r,validationStatus:i,direction:S,...u},T)=>{let g=i!==void 0&&r!==void 0;return _jsxruntime.jsxs.call(void 0, _chunkQKGE3FJXcjs.a,{ref:T,className:_chunkONNSZMWFcjs.a.call(void 0, o,x),direction:S,"data-testid":o,...u,children:[_jsxruntime.jsxs.call(void 0, _chunkIVFMFU6Ucjs.a,{className:`${o}Content`,children:[_jsxruntime.jsx.call(void 0, _chunkPWY25JDNcjs.a,{asChild:!0,size:"md",id:C,children:_jsxruntime.jsx.call(void 0, E,{children:N})}),t?_jsxruntime.jsx.call(void 0, _chunkRAIRXO6Fcjs.a,{children:t}):null,g?_jsxruntime.jsx.call(void 0, _chunkS3DGCUDLcjs.a,{status:i,children:r}):null]}),n?_jsxruntime.jsx.call(void 0, "span",{className:`${o}TrailingContent`,children:n}):null]})});P.displayName=H;exports.a = P;
4
- //# sourceMappingURL=chunk-XL66CZU5.cjs.map
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-XL66CZU5.cjs","../src/components/SectionHeader/SectionHeader.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","SectionHeader","forwardRef","className","heading","id","HeadingEl","helperText","trailingContent","validationText","validationStatus","direction","props","ref","showValidationText","jsxs","Flex","cn","Box"],"mappings":"AAAA,qFAAY;AACZ;AACA,wDAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,8BCFnQ,+CAiDnB,IAtCFA,CAAAA,CAAiB,eAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAW7CC,CAAAA,aAAgBC,+BAAAA,CAEzB,CACE,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,EAAA,CAAAC,CAAAA,CACA,cAAA,CAAgBC,CAAAA,CAAY,KAAA,CAC5B,UAAA,CAAAC,CAAAA,CACA,eAAA,CAAAC,CAAAA,CACA,cAAA,CAAAC,CAAAA,CACA,gBAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,IAAMC,CAAAA,CAAqBJ,CAAAA,GAAqB,KAAA,CAAA,EAAaD,CAAAA,GAAmB,KAAA,CAAA,CAEhF,OACEM,8BAAAA,mBAACC,CAAA,CACC,GAAA,CAAKH,CAAAA,CACL,SAAA,CAAWI,iCAAAA,CAAGlB,CAAoBI,CAAS,CAAA,CAC3C,SAAA,CAAWQ,CAAAA,CACX,aAAA,CAAaZ,CAAAA,CACZ,GAAGa,CAAAA,CAEJ,QAAA,CAAA,CAAAG,8BAAAA,mBAACG,CAAA,CAAI,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-XL66CZU5.cjs","sourcesContent":[null,"import { forwardRef } from 'react';\nimport type { ComponentRef } from 'react';\nimport { cn } from '../../helpers/cn';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Heading } from '../Heading/Heading';\nimport { HelperText } from '../HelperText/HelperText';\nimport type { SectionHeaderProps } from './SectionHeader.props';\nimport { ValidationText } from '../ValidationText/ValidationText';\nimport { Box } from '../Box/Box';\nimport { Flex } from '../Flex/Flex';\n\nconst COMPONENT_NAME = 'SectionHeader';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype SectionHeaderElement = ComponentRef<'div'>;\n\n/**\n * Use SectionHeader to introduce and visually separate a section of content\n * within a screen. Pass `trailingContent` to add a Link, Button, or Badge\n * alongside the heading.\n *\n * @summary A heading used to introduce and separate a section of content.\n */\nexport const SectionHeader = forwardRef<SectionHeaderElement, SectionHeaderProps>(\n (\n {\n className,\n heading,\n id,\n headingElement: HeadingEl = 'div',\n helperText,\n trailingContent,\n validationText,\n validationStatus,\n direction,\n ...props\n },\n ref\n ) => {\n const showValidationText = validationStatus !== undefined && validationText !== undefined;\n\n return (\n <Flex\n ref={ref}\n className={cn(componentClassName, className)}\n direction={direction}\n data-testid={componentClassName}\n {...props}\n >\n <Box className={`${componentClassName}Content`}>\n <Heading asChild size=\"md\" id={id}>\n <HeadingEl>{heading}</HeadingEl>\n </Heading>\n {helperText ? <HelperText>{helperText}</HelperText> : null}\n {showValidationText ? (\n <ValidationText status={validationStatus}>{validationText}</ValidationText>\n ) : null}\n </Box>\n\n {trailingContent ? (\n <span className={`${componentClassName}TrailingContent`}>{trailingContent}</span>\n ) : null}\n </Flex>\n );\n }\n);\n\nSectionHeader.displayName = COMPONENT_NAME;\n"]}
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 p}from"./chunk-4MNQRAHO.js";import{a as d}from"./chunk-RXW6PYP7.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-PJCXETFD.js.map
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-PJCXETFD.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-DYMXUQM4.js.map
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 _chunkQKGE3FJXcjs = require('./chunk-QKGE3FJX.cjs');var _chunkIVFMFU6Ucjs = require('./chunk-IVFMFU6U.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-CICNJKHM.cjs.map
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-CICNJKHM.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-CICNJKHM.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
+ {"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 t}from"./chunk-32NO2DM3.js";import{a as o}from"./chunk-SF5LYSGD.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-VZM5CVIO.js.map
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 _chunk3ESB267Xcjs = require('./chunk-3ESB267X.cjs');var _chunkX2RF6SG2cjs = require('./chunk-X2RF6SG2.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-RG53XPCM.cjs.map
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-RG53XPCM.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-RG53XPCM.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
+ {"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 _chunkQKGE3FJXcjs = require('./chunk-QKGE3FJX.cjs');var _chunkIVFMFU6Ucjs = require('./chunk-IVFMFU6U.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-RCOFT5KL.cjs.map
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