@utilitywarehouse/hearth-react 0.16.1 → 0.16.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/dist/{chunk-W4LZS3RG.cjs → chunk-2GGYO4XU.cjs} +2 -2
  2. package/dist/{chunk-W4LZS3RG.cjs.map → chunk-2GGYO4XU.cjs.map} +1 -1
  3. package/dist/{chunk-JD2ZIYQL.cjs → chunk-3TONNATA.cjs} +2 -2
  4. package/dist/{chunk-JD2ZIYQL.cjs.map → chunk-3TONNATA.cjs.map} +1 -1
  5. package/dist/{chunk-PUY3LJGN.js → chunk-4CSANTO5.js} +2 -2
  6. package/dist/chunk-673BEU2J.js +2 -0
  7. package/dist/chunk-673BEU2J.js.map +1 -0
  8. package/dist/chunk-7SW3UY2B.js +2 -0
  9. package/dist/chunk-7SW3UY2B.js.map +1 -0
  10. package/dist/{chunk-424EZSDV.cjs → chunk-DFFCNR2W.cjs} +2 -2
  11. package/dist/{chunk-424EZSDV.cjs.map → chunk-DFFCNR2W.cjs.map} +1 -1
  12. package/dist/{chunk-K35PGLA6.cjs → chunk-DKSJDPQN.cjs} +2 -2
  13. package/dist/chunk-DKSJDPQN.cjs.map +1 -0
  14. package/dist/{chunk-RMJU2VET.cjs → chunk-DNZIZR4E.cjs} +2 -2
  15. package/dist/chunk-DNZIZR4E.cjs.map +1 -0
  16. package/dist/{chunk-ZX4MEBJ2.js → chunk-E6TPUINO.js} +2 -2
  17. package/dist/chunk-HEBEFOX2.js +2 -0
  18. package/dist/chunk-HEBEFOX2.js.map +1 -0
  19. package/dist/chunk-JBNKX7O7.js +2 -0
  20. package/dist/chunk-JBNKX7O7.js.map +1 -0
  21. package/dist/{chunk-E2ARXS7K.cjs → chunk-JGDSWP3N.cjs} +2 -2
  22. package/dist/{chunk-E2ARXS7K.cjs.map → chunk-JGDSWP3N.cjs.map} +1 -1
  23. package/dist/{chunk-7U2HDYAY.js → chunk-JS7BUCPK.js} +2 -2
  24. package/dist/chunk-JS7BUCPK.js.map +1 -0
  25. package/dist/{chunk-UL2KWCH3.cjs → chunk-KKWJ5GWR.cjs} +2 -2
  26. package/dist/{chunk-UL2KWCH3.cjs.map → chunk-KKWJ5GWR.cjs.map} +1 -1
  27. package/dist/{chunk-RWWU27CA.cjs → chunk-NVZ375MO.cjs} +2 -2
  28. package/dist/chunk-NVZ375MO.cjs.map +1 -0
  29. package/dist/{chunk-7EGRDXEG.js → chunk-PP46GC3J.js} +2 -2
  30. package/dist/{chunk-M3UB5QAF.js → chunk-RVK3F7NM.js} +2 -2
  31. package/dist/{chunk-A7QCHPE4.cjs → chunk-TZUHNZFD.cjs} +2 -2
  32. package/dist/chunk-TZUHNZFD.cjs.map +1 -0
  33. package/dist/{chunk-QQOUONFE.cjs → chunk-UCLLGGAO.cjs} +2 -2
  34. package/dist/{chunk-QQOUONFE.cjs.map → chunk-UCLLGGAO.cjs.map} +1 -1
  35. package/dist/{chunk-WDTISLOU.js → chunk-UKL74MSW.js} +2 -2
  36. package/dist/{chunk-QLZUIQQ2.js → chunk-UMQP2CRZ.js} +2 -2
  37. package/dist/{chunk-IJDDBHGV.cjs → chunk-YI4HZ46L.cjs} +2 -2
  38. package/dist/chunk-YI4HZ46L.cjs.map +1 -0
  39. package/dist/components/Alert/Alert.cjs +1 -1
  40. package/dist/components/Alert/Alert.js +1 -1
  41. package/dist/components/Alert/AlertIconButton.cjs +1 -1
  42. package/dist/components/Alert/AlertIconButton.js +1 -1
  43. package/dist/components/Avatar/Avatar.cjs +1 -1
  44. package/dist/components/Avatar/Avatar.js +1 -1
  45. package/dist/components/IconButton/IconButton.cjs +1 -1
  46. package/dist/components/IconButton/IconButton.js +1 -1
  47. package/dist/components/Modal/Modal.cjs +1 -1
  48. package/dist/components/Modal/Modal.js +1 -1
  49. package/dist/components/PasswordInput/PasswordInput.cjs +1 -1
  50. package/dist/components/PasswordInput/PasswordInput.js +1 -1
  51. package/dist/components/SearchInput/SearchInput.cjs +1 -1
  52. package/dist/components/SearchInput/SearchInput.js +1 -1
  53. package/dist/components/Select/Select.d.cts +1 -1
  54. package/dist/components/Select/Select.d.ts +1 -1
  55. package/dist/components/Tabs/TabsList.cjs +1 -1
  56. package/dist/components/Tabs/TabsList.js +1 -1
  57. package/dist/components/ToggleGroup/ToggleGroup.cjs +1 -1
  58. package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
  59. package/dist/components/ToggleGroup/ToggleGroup.props.d.cts +1 -4
  60. package/dist/components/ToggleGroup/ToggleGroup.props.d.ts +1 -4
  61. package/dist/components/UnstyledIconButton/UnstyledIconButton.cjs +1 -1
  62. package/dist/components/UnstyledIconButton/UnstyledIconButton.js +1 -1
  63. package/dist/helpers/get-responsive-translation.cjs +2 -0
  64. package/dist/helpers/get-responsive-translation.cjs.map +1 -0
  65. package/dist/helpers/get-responsive-translation.d.cts +26 -0
  66. package/dist/helpers/get-responsive-translation.d.ts +26 -0
  67. package/dist/helpers/get-responsive-translation.js +2 -0
  68. package/dist/index.cjs +1 -1
  69. package/dist/index.cjs.map +1 -1
  70. package/dist/index.js +1 -1
  71. package/package.json +1 -1
  72. package/styles.css +1 -1
  73. package/dist/chunk-7U2HDYAY.js.map +0 -1
  74. package/dist/chunk-A7QCHPE4.cjs.map +0 -1
  75. package/dist/chunk-BPLBZ4OW.js +0 -2
  76. package/dist/chunk-BPLBZ4OW.js.map +0 -1
  77. package/dist/chunk-DAKD232G.js +0 -2
  78. package/dist/chunk-DAKD232G.js.map +0 -1
  79. package/dist/chunk-FCNGZ4M7.js +0 -2
  80. package/dist/chunk-FCNGZ4M7.js.map +0 -1
  81. package/dist/chunk-IJDDBHGV.cjs.map +0 -1
  82. package/dist/chunk-K35PGLA6.cjs.map +0 -1
  83. package/dist/chunk-RMJU2VET.cjs.map +0 -1
  84. package/dist/chunk-RWWU27CA.cjs.map +0 -1
  85. package/dist/chunk-U2GLVLWD.js +0 -2
  86. package/dist/chunk-U2GLVLWD.js.map +0 -1
  87. package/dist/helpers/get-responsive-size-translation.cjs +0 -2
  88. package/dist/helpers/get-responsive-size-translation.cjs.map +0 -1
  89. package/dist/helpers/get-responsive-size-translation.d.cts +0 -24
  90. package/dist/helpers/get-responsive-size-translation.d.ts +0 -24
  91. package/dist/helpers/get-responsive-size-translation.js +0 -2
  92. /package/dist/{chunk-PUY3LJGN.js.map → chunk-4CSANTO5.js.map} +0 -0
  93. /package/dist/{chunk-ZX4MEBJ2.js.map → chunk-E6TPUINO.js.map} +0 -0
  94. /package/dist/{chunk-7EGRDXEG.js.map → chunk-PP46GC3J.js.map} +0 -0
  95. /package/dist/{chunk-M3UB5QAF.js.map → chunk-RVK3F7NM.js.map} +0 -0
  96. /package/dist/{chunk-WDTISLOU.js.map → chunk-UKL74MSW.js.map} +0 -0
  97. /package/dist/{chunk-QLZUIQQ2.js.map → chunk-UMQP2CRZ.js.map} +0 -0
  98. /package/dist/helpers/{get-responsive-size-translation.js.map → get-responsive-translation.js.map} +0 -0
package/styles.css CHANGED
@@ -8,7 +8,7 @@
8
8
  --h-interactive-functional-surface-subtle-inverted-hover
9
9
  );--h-ghost-foreground-color:var(--h-interactive-functional-foreground-inverted)}.hearth-ButtonBase:where([data-colorscheme=functional]){--h-solid-border-color:transparent;--h-emphasis-border-color:transparent}.hearth-ButtonBase:where(.hearth-variant-solid){--h-button-base-foreground-color:var(--h-solid-foreground-color);--h-button-base-border-color:var(--h-solid-border-color);--h-button-base-background-color:var(--h-solid-background-color);--h-button-base-background-color-hover:var(--h-solid-background-color-hover);--h-button-base-background-color-active:var(--h-solid-background-color-active)}.hearth-ButtonBase:where(.hearth-variant-outline){--h-button-base-foreground-color:var(--h-outline-foreground-color);--h-button-base-border-color:var(--h-outline-border-color);--h-button-base-background-color:transparent;--h-button-base-background-color-hover:var(--h-outline-background-color-hover);--h-button-base-background-color-active:var(--h-outline-background-color-active)}.hearth-ButtonBase:where(.hearth-variant-ghost){--h-button-base-border-color:transparent;--h-button-base-foreground-color:var(--h-ghost-foreground-color);--h-button-base-background-color:transparent;--h-button-base-background-color-hover:var(--h-ghost-background-color-hover);--h-button-base-background-color-active:var(--h-ghost-background-color-active)}.hearth-ButtonBase:where(.hearth-variant-emphasis){box-shadow:none;position:relative}.hearth-ButtonBase:where(.hearth-variant-emphasis)>.hearth-shadow{background:var(--h-emphasis-shadow-color);border-radius:var(--h-button-border-radius);height:100%;left:0;position:absolute;top:0;transform:var(--h-emphasis-transform);width:100%;will-change:transform}.hearth-ButtonBase:where(.hearth-variant-emphasis)>.hearth-front{align-items:center;background-color:var(--h-button-base-background-color);border-radius:var(--h-button-border-radius);box-shadow:inset 0 0 0 var(--h-button-border-width) var(--h-button-base-border-color);color:var(--h-button-base-foreground-color);display:inline-flex;justify-content:center;position:relative;text-align:center;transition:transform .12s ease;width:100%;will-change:transform;--h-button-base-foreground-color:var(--h-emphasis-foreground-color);--h-button-base-border-color:var(--h-emphasis-border-color);--h-button-base-background-color:var(--h-emphasis-background-color);--h-button-base-background-color-hover:var(--h-emphasis-background-color-hover);--h-button-base-background-color-active:var(--h-emphasis-background-color-active)}@media (hover:hover){:is(.hearth-ButtonBase:where(.hearth-variant-emphasis)>.hearth-front):where(:hover):not([aria-disabled=true]){--h-button-base-background-color:var(--h-button-base-background-color-hover)}}.hearth-ButtonBase:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.hearth-ButtonBase:where(:focus-visible):where([data-inverted]){outline:2px solid var(--h-focus-inverted)}.hearth-ButtonBase:where(:focus-visible)>.hearth-shadow{background:transparent}@media (hover:hover){.hearth-ButtonBase:where(:hover):not([aria-disabled=true]){--h-button-base-background-color:var(--h-button-base-background-color-hover)}}.hearth-ButtonBase:where([aria-disabled=true]){cursor:not-allowed}.hearth-ButtonBase:where(:active):not([aria-disabled=true]){transition-duration:0s;--h-button-base-background-color:var(--h-button-base-background-color-active)}.hearth-ButtonBase:where(:active):not([aria-disabled=true])>.hearth-front{transform:var(--h-emphasis-transform)}.hearth-Button{font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-semibold);gap:var(--h-button-gap);line-height:var(--h-body-text-md-line-height);min-width:var(--h-button-min-width);padding-block:var(--h-button-padding-block);padding-inline:var(--h-button-padding-inline)}.hearth-Button:where(.hearth-variant-ghost.hearth-padding-none){padding-inline:0}.hearth-Button:where(.hearth-variant-emphasis){gap:0;min-width:0;padding:0}.hearth-Button:where(.hearth-variant-ghost){text-decoration:underline}.hearth-Button:where(.hearth-variant-emphasis)>.hearth-front{gap:var(--h-button-gap);min-width:var(--h-button-min-width);padding-block:var(--h-button-padding-block);padding-inline:var(--h-button-padding-inline)}.hearth-Button :where(.hearth-loading){display:grid}:is(.hearth-Button :where(.hearth-loading))>div,:is(.hearth-Button :where(.hearth-loading))>span{grid-column:1;grid-row:1}:is(.hearth-Button :where(.hearth-loading))>div{align-items:center;display:inline-flex;gap:var(--h-button-gap);justify-content:center}:is(.hearth-Button :where(.hearth-loading)) :where(.hearth-hidden){visibility:hidden}.hearth-Button:where(.hearth-r-size-md){--h-button-padding-inline:var(--h-button-md-padding-horizontal);--h-button-padding-block:var(--h-button-md-padding-vertical)}.hearth-Button:where(.hearth-r-size-sm){--h-button-padding-inline:var(--h-button-sm-padding-horizontal);--h-button-padding-block:var(--h-button-sm-padding-vertical)}@media (min-width:740px){.hearth-Button:where(.tablet\:hearth-r-size-md){--h-button-padding-inline:var(--h-button-md-padding-horizontal);--h-button-padding-block:var(--h-button-md-padding-vertical)}.hearth-Button:where(.tablet\:hearth-r-size-sm){--h-button-padding-inline:var(--h-button-sm-padding-horizontal);--h-button-padding-block:var(--h-button-sm-padding-vertical)}}@media (min-width:992px){.hearth-Button:where(.desktop\:hearth-r-size-md){--h-button-padding-inline:var(--h-button-md-padding-horizontal);--h-button-padding-block:var(--h-button-md-padding-vertical)}.hearth-Button:where(.desktop\:hearth-r-size-sm){--h-button-padding-inline:var(--h-button-sm-padding-horizontal);--h-button-padding-block:var(--h-button-sm-padding-vertical)}}@media (min-width:1200px){.hearth-Button:where(.wide\:hearth-r-size-md){--h-button-padding-inline:var(--h-button-md-padding-horizontal);--h-button-padding-block:var(--h-button-md-padding-vertical)}.hearth-Button:where(.wide\:hearth-r-size-sm){--h-button-padding-inline:var(--h-button-sm-padding-horizontal);--h-button-padding-block:var(--h-button-sm-padding-vertical)}}.hearth-IconButton{height:var(--h-icon-button-size);padding-block:var(--h-icon-button-padding-block);padding-inline:var(--h-icon-button-padding-inline);width:var(--h-icon-button-size)}.hearth-IconButton:where(.hearth-variant-emphasis){min-width:0;padding:0}.hearth-IconButton:where(.hearth-variant-emphasis)>.hearth-front{height:var(--h-icon-button-size);padding-block:var(--h-icon-button-padding-block);padding-inline:var(--h-icon-button-padding-inline);width:var(--h-icon-button-size)}.hearth-IconButton:where(.hearth-r-size-md){--h-icon-button-size:3rem;--h-icon-button-padding-inline:var(--h-icon-button-md-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-md-padding-vertical)}.hearth-IconButton:where(.hearth-r-size-sm){--h-icon-button-size:2rem;--h-icon-button-padding-inline:var(--h-icon-button-sm-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-sm-padding-vertical)}@media (min-width:740px){.hearth-IconButton:where(.tablet\:hearth-r-size-md){--h-icon-button-size:3rem;--h-icon-button-padding-inline:var(--h-icon-button-md-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-md-padding-vertical)}.hearth-IconButton:where(.tablet\:hearth-r-size-sm){--h-icon-button-size:2rem;--h-icon-button-padding-inline:var(--h-icon-button-sm-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-sm-padding-vertical)}}@media (min-width:992px){.hearth-IconButton:where(.desktop\:hearth-r-size-md){--h-icon-button-size:3rem;--h-icon-button-padding-inline:var(--h-icon-button-md-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-md-padding-vertical)}.hearth-IconButton:where(.desktop\:hearth-r-size-sm){--h-icon-button-size:2rem;--h-icon-button-padding-inline:var(--h-icon-button-sm-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-sm-padding-vertical)}}@media (min-width:1200px){.hearth-IconButton:where(.wide\:hearth-r-size-md){--h-icon-button-size:3rem;--h-icon-button-padding-inline:var(--h-icon-button-md-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-md-padding-vertical)}.hearth-IconButton:where(.wide\:hearth-r-size-sm){--h-icon-button-size:2rem;--h-icon-button-padding-inline:var(--h-icon-button-sm-padding-horizontal);--h-icon-button-padding-block:var(--h-icon-button-sm-padding-vertical)}}.hearth-UnstyledIconButton{all:unset;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;outline:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border-radius:var(--h-border-radius-xs);color:var(--h-icon-button-unstyled-foreground-color);height:var(--h-icon-button-size);touch-action:manipulation;transition:background-color .2s ease-out;width:var(--h-icon-button-size)}.hearth-UnstyledIconButton:where([data-inverted]){color:var(--h-icon-button-unstyled-inverted-foreground-color)}.hearth-UnstyledIconButton:where([aria-disabled=true]){cursor:not-allowed}@media (hover:hover){.hearth-UnstyledIconButton:where(:hover):not([aria-disabled=true]){color:var(--h-icon-button-unstyled-foreground-color-hover)}.hearth-UnstyledIconButton:where(:hover):not([aria-disabled=true]):where([data-inverted]){color:var(--h-icon-button-unstyled-inverted-foreground-color-hover)}}.hearth-UnstyledIconButton:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.hearth-UnstyledIconButton:where(:focus-visible):where([data-inverted]){outline:2px solid var(--h-focus-inverted)}.hearth-UnstyledIconButton:where(:active):not([aria-disabled=true]){color:var(--h-icon-button-unstyled-foreground-color-active)}.hearth-UnstyledIconButton:where(:active):not([aria-disabled=true]):where([data-inverted]){color:var(--h-icon-button-unstyled-inverted-foreground-color-active)}@media (pointer:coarse){.hearth-UnstyledIconButton:where(.hearth-r-size-sm):after{content:"";height:32px;position:absolute;width:32px;z-index:0}}.hearth-UnstyledIconButton:where(.hearth-r-size-md){--h-icon-button-size:1.5rem}.hearth-UnstyledIconButton:where(.hearth-r-size-sm){--h-icon-button-size:1.25rem}@media (min-width:740px){.hearth-UnstyledIconButton:where(.tablet\:hearth-r-size-md){--h-icon-button-size:1.5rem}.hearth-UnstyledIconButton:where(.tablet\:hearth-r-size-sm){--h-icon-button-size:1.25rem}}@media (min-width:992px){.hearth-UnstyledIconButton:where(.desktop\:hearth-r-size-md){--h-icon-button-size:1.5rem}.hearth-UnstyledIconButton:where(.desktop\:hearth-r-size-sm){--h-icon-button-size:1.25rem}}@media (min-width:1200px){.hearth-UnstyledIconButton:where(.wide\:hearth-r-size-md){--h-icon-button-size:1.5rem}.hearth-UnstyledIconButton:where(.wide\:hearth-r-size-sm){--h-icon-button-size:1.25rem}}.hearth-Spinner{align-items:center;color:var(--h-spinner-default-fill);display:inline-flex;height:-moz-fit-content;height:fit-content;justify-content:center;padding:var(--h-spinner-padding);width:-moz-fit-content;width:fit-content}.hearth-Spinner:where([data-currentColor]){color:currentcolor}.hearth-Spinner{--h-spinner-animation-duration:1.4s;--h-pi:3.14;--h-circumference:calc(var(--h-pi)*(var(--h-spinner-size) + var(--h-spinner-padding)*2))}.hearth-Spinner>svg{height:var(--h-spinner-size);width:var(--h-spinner-size);stroke:currentcolor;animation:hearth-rotator var(--h-spinner-animation-duration) linear infinite}:is(.hearth-Spinner>svg)>circle{fill:transparent;stroke-width:var(--h-spinner-stroke-width);stroke-linecap:round;stroke-dasharray:var(--h-circumference);stroke-dashoffset:0;animation:hearth-dash var(--h-spinner-animation-duration) ease-in-out infinite;transform-origin:center}@media (prefers-reduced-motion:reduce){:is(.hearth-Spinner>svg)>circle{stroke-dasharray:calc(var(--h-spinner-size)*2.3)}}.hearth-Spinner:where(.hearth-r-size-xs){--h-spinner-size:var(--h-spinner-xs-size);--h-spinner-stroke-width:var(--h-spinner-xs-stroke-width)}.hearth-Spinner:where(.hearth-r-size-sm){--h-spinner-size:var(--h-spinner-sm-size);--h-spinner-stroke-width:var(--h-spinner-sm-stroke-width)}.hearth-Spinner:where(.hearth-r-size-md){--h-spinner-size:var(--h-spinner-md-size);--h-spinner-stroke-width:var(--h-spinner-md-stroke-width)}.hearth-Spinner:where(.hearth-r-size-lg){--h-spinner-size:var(--h-spinner-lg-size);--h-spinner-stroke-width:var(--h-spinner-lg-stroke-width)}@media (min-width:740px){.hearth-Spinner:where(.tablet\:hearth-r-size-xs){--h-spinner-size:var(--h-spinner-xs-size);--h-spinner-stroke-width:var(--h-spinner-xs-stroke-width)}.hearth-Spinner:where(.tablet\:hearth-r-size-sm){--h-spinner-size:var(--h-spinner-sm-size);--h-spinner-stroke-width:var(--h-spinner-sm-stroke-width)}.hearth-Spinner:where(.tablet\:hearth-r-size-md){--h-spinner-size:var(--h-spinner-md-size);--h-spinner-stroke-width:var(--h-spinner-md-stroke-width)}.hearth-Spinner:where(.tablet\:hearth-r-size-lg){--h-spinner-size:var(--h-spinner-lg-size);--h-spinner-stroke-width:var(--h-spinner-lg-stroke-width)}}@media (min-width:992px){.hearth-Spinner:where(.desktop\:hearth-r-size-xs){--h-spinner-size:var(--h-spinner-xs-size);--h-spinner-stroke-width:var(--h-spinner-xs-stroke-width)}.hearth-Spinner:where(.desktop\:hearth-r-size-sm){--h-spinner-size:var(--h-spinner-sm-size);--h-spinner-stroke-width:var(--h-spinner-sm-stroke-width)}.hearth-Spinner:where(.desktop\:hearth-r-size-md){--h-spinner-size:var(--h-spinner-md-size);--h-spinner-stroke-width:var(--h-spinner-md-stroke-width)}.hearth-Spinner:where(.desktop\:hearth-r-size-lg){--h-spinner-size:var(--h-spinner-lg-size);--h-spinner-stroke-width:var(--h-spinner-lg-stroke-width)}}@media (min-width:1200px){.hearth-Spinner:where(.wide\:hearth-r-size-xs){--h-spinner-size:var(--h-spinner-xs-size);--h-spinner-stroke-width:var(--h-spinner-xs-stroke-width)}.hearth-Spinner:where(.wide\:hearth-r-size-sm){--h-spinner-size:var(--h-spinner-sm-size);--h-spinner-stroke-width:var(--h-spinner-sm-stroke-width)}.hearth-Spinner:where(.wide\:hearth-r-size-md){--h-spinner-size:var(--h-spinner-md-size);--h-spinner-stroke-width:var(--h-spinner-md-stroke-width)}.hearth-Spinner:where(.wide\:hearth-r-size-lg){--h-spinner-size:var(--h-spinner-lg-size);--h-spinner-stroke-width:var(--h-spinner-lg-stroke-width)}}@keyframes hearth-rotator{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}@keyframes hearth-dash{0%{stroke-dashoffset:var(--h-circumference)}50%{stroke-dashoffset:calc(var(--h-circumference)/4);transform:rotate(135deg)}to{stroke-dashoffset:var(--h-circumference);transform:rotate(450deg)}}.hearth-Link:where(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;outline:transparent;padding:0}.hearth-Link{border-radius:var(--h-border-radius-xs);color:var(--h-link-color);cursor:pointer;display:inline;font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-semibold);line-height:var(--h-body-text-md-line-height);text-decoration-color:currentcolor;text-decoration-line:underline}.hearth-Link:where([data-inverted]){color:var(--h-link-inverted-color)}@media (hover:hover){.hearth-Link:where(:hover){color:var(--h-link-color-hover);text-decoration:none}.hearth-Link:where(:hover):where([data-inverted]){color:var(--h-link-inverted-color-hover)}}.hearth-Link:where(:active){color:var(--h-link-color-active)}.hearth-Link:where(:active):where([data-inverted]){color:var(--h-link-inverted-color-active)}.hearth-Link:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.hearth-Link:where(:focus-visible):where([data-inverted]){outline:2px solid var(--h-focus-inverted)}.hearth-Link:has(svg,[data-icon]){align-items:center;display:inline-flex;flex-shrink:0;gap:var(--h-link-gap)}.hearth-InlineLink{border-radius:var(--h-border-radius-xs);color:var(--h-inline-link-color);cursor:pointer;display:inline;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration-color:currentcolor;text-decoration-line:underline}.hearth-InlineLink:where([data-inverted]){color:var(--h-inline-link-inverted-color)}.hearth-InlineLink:where([data-inherit-color]){color:inherit}.hearth-InlineLink:where(:visited){color:var(--h-inline-link-color-visited)}@media (hover:hover){.hearth-InlineLink:where(:hover){text-decoration:none}.hearth-InlineLink:where(:hover):where([data-inverted]){color:var(--h-inline-link-inverted-color-hover)}.hearth-InlineLink:where(:hover):where([data-inherit-color]){color:inherit}}.hearth-InlineLink:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.hearth-InlineLink:where(:focus-visible):where([data-inverted]){outline:2px solid var(--h-focus-inverted)}.hearth-Label{cursor:default}.hearth-SectionHeader{display:grid;gap:var(--h-section-header-text-content-gap) var(--h-section-header-gap);grid-template-columns:auto max-content;width:100%}.hearth-SectionHeader :where(.hearth-Heading){grid-column:1/2;grid-row:1/2}.hearth-SectionHeader :where(.hearth-HelperText){grid-column:1/2;grid-row:2/3}.hearth-SectionHeader :where(.hearth-ValidationText){grid-column:1/2;grid-row:3/4}.hearth-SectionHeader :where(.hearth-SectionHeaderTrailingContent){grid-column:2/3;grid-row:1/2}.hearth-Card{background-color:var(--h-card-background-color);border:var(--h-card-border-width) solid var(--h-card-border-color);border-radius:var(--h-card-border-radius);height:-moz-fit-content;height:fit-content;overflow:hidden;padding:var(--h-card-padding-mobile);position:relative;--h-card-border-width:var(--h-card-brand-border-width);--h-card-border-color:var(--h-border-strong)}@media (min-width:740px){.hearth-Card{padding:var(--h-card-padding-tablet)}}@media (min-width:992px){.hearth-Card{padding:var(--h-card-padding-desktop)}}.hearth-Card:where(.hearth-padding-none,:has(.hearth-CardContent),:has(.hearth-CardActions),:has(>.hearth-CardActionLink),:has(>.hearth-CardActionButton)){padding:0}.hearth-Card :where(.hearth-CardContent){flex-grow:1;padding:var(--h-card-padding-mobile)}@media (min-width:740px){.hearth-Card :where(.hearth-CardContent){padding:var(--h-card-padding-tablet)}}@media (min-width:992px){.hearth-Card :where(.hearth-CardContent){padding:var(--h-card-padding-desktop)}}.hearth-Card:where(.hearth-variant-emphasis){--h-card-background-color:var(--h-card-emphasis-background-color)}.hearth-Card:where(.hearth-variant-subtle){--h-card-background-color:var(--h-card-subtle-background-color)}.hearth-Card:where(.hearth-variant-subtle):where([data-colorscheme=neutral-strong],[data-colorscheme=neutral-subtle]){--h-card-border-color:var(--h-border-subtle);--h-card-border-width:var(--h-card-neutral-subtle-border-width)}.hearth-Card:where([data-colorscheme=neutral-strong]){--h-card-emphasis-background-color:var(--h-surface-neutral-strong);--h-card-subtle-background-color:var(--h-surface-neutral-strong)}.hearth-Card:where([data-colorscheme=neutral-subtle]){--h-card-emphasis-background-color:var(--h-surface-neutral-subtle);--h-card-subtle-background-color:var(--h-surface-neutral-subtle)}.hearth-Card:where([data-colorscheme=brand]){--h-card-emphasis-background-color:var(--h-surface-brand-default);--h-card-subtle-background-color:var(--h-surface-brand-subtle)}.hearth-Card:where([data-colorscheme=energy]){--h-card-emphasis-background-color:var(--h-surface-energy-default);--h-card-subtle-background-color:var(--h-surface-energy-subtle)}.hearth-Card:where([data-colorscheme=broadband]){--h-card-emphasis-background-color:var(--h-surface-broadband-default);--h-card-subtle-background-color:var(--h-surface-broadband-subtle)}.hearth-Card:where([data-colorscheme=mobile]){--h-card-emphasis-background-color:var(--h-surface-mobile-default);--h-card-subtle-background-color:var(--h-surface-mobile-subtle)}.hearth-Card:where([data-colorscheme=insurance]){--h-card-emphasis-background-color:var(--h-surface-insurance-default);--h-card-subtle-background-color:var(--h-surface-insurance-subtle)}.hearth-Card:where([data-colorscheme=cashback]){--h-card-emphasis-background-color:var(--h-surface-cashback-default);--h-card-subtle-background-color:var(--h-surface-cashback-subtle)}.hearth-Card:where([data-colorscheme=pig]){--h-card-emphasis-background-color:var(--h-surface-pig-default);--h-card-subtle-background-color:var(--h-surface-pig-subtle)}.hearth-Card:where([data-colorscheme=highlight]){--h-card-subtle-background-color:var(--h-surface-highlight-subtle)}.hearth-Card:has(.hearth-CardActions){flex-direction:column}:is(.hearth-Card :where(.hearth-CardActions)):not(:first-child){border-top:var(--h-border-width-2) solid var(--h-border-strong)}.hearth-Card:has(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.hearth-Card:has(.hearth-CardActions :focus-visible){outline:none}.hearth-CardActions :where(.hearth-CardActionsItem){display:flex;position:relative}:is(.hearth-CardActions :where(.hearth-CardActionsItem)):where([data-direction=column] :is(.hearth-CardActions :where(.hearth-CardActionsItem))):not(:first-child){border-top:var(--h-border-width-2) solid var(--h-border-strong)}:is(.hearth-CardActions :where(.hearth-CardActionsItem)):where([data-direction=row] :is(.hearth-CardActions :where(.hearth-CardActionsItem))):not(:first-child){border-left:var(--h-border-width-2) solid var(--h-border-strong)}.hearth-CardActionLink{align-items:center;color:inherit;cursor:pointer;display:flex;flex-direction:row;font:inherit;gap:var(--h-space-150);position:relative;text-decoration:none;width:100%}.hearth-CardActionLink:after{content:"";inset:0;position:absolute;z-index:0}@media (hover:hover){.hearth-CardActionLink:where(:hover){background-color:var(--h-interactive-neutral-surface-subtle-hover)}}.hearth-CardActionLink:where(:active){background-color:var(--h-interactive-neutral-surface-subtle-active)}.hearth-CardActionLink:where(:focus-visible):not(.hearth-Card>.hearth-CardActionLink){outline:2px solid var(--h-focus-primary);outline-offset:calc(var(--h-space-100)*-1)}.hearth-CardActionButton{all:unset;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;flex-direction:row;font:inherit;gap:var(--h-space-150);outline:transparent;position:relative;text-decoration:none;width:100%}.hearth-CardActionButton:after{content:"";inset:0;position:absolute;z-index:0}@media (hover:hover){.hearth-CardActionButton:where(:hover){background-color:var(--h-interactive-neutral-surface-subtle-hover)}}.hearth-CardActionButton:where(:active){background-color:var(--h-interactive-neutral-surface-subtle-active)}.hearth-CardActionButton:where(:focus-visible):not(.hearth-Card>.hearth-CardActionButton){outline:2px solid var(--h-focus-primary);outline-offset:calc(var(--h-space-100)*-1)}.hearth-CardActionContent{align-items:center;display:flex;gap:var(--h-card-action-content-gap);height:100%;min-height:56px;width:100%}.hearth-CardActionContent:has(.hearth-IconContainer){gap:var(--h-space-0)}.hearth-CardActionContent :where(.hearth-CardActionContentLeadingIcon){align-items:center;display:flex;flex-shrink:0;height:100%;overflow:hidden;padding-block:var(--h-card-action-content-padding-vertical);padding-left:var(--h-card-action-content-padding-horizontal)}.hearth-CardActionContent :where(.hearth-CardActionContentMainWrapper){align-items:center;display:flex;gap:var(--h-card-action-content-gap);padding-block:var(--h-card-action-content-padding-vertical);padding-inline:var(--h-card-action-content-padding-horizontal);width:100%}:is(.hearth-CardActionContent :where(.hearth-CardActionContentMainWrapper)):where(.hearth-CardActionContent:has(.hearth-CardActionContentLeadingIcon) :is(.hearth-CardActionContent :where(.hearth-CardActionContentMainWrapper))){padding-left:var(--h-space-0)}:is(.hearth-CardActionContent :where(.hearth-CardActionContentMainWrapper)) :where(.hearth-CardActionContentMain){align-items:start;display:flex;flex-direction:column;flex-grow:1}:is(:is(.hearth-CardActionContent :where(.hearth-CardActionContentMainWrapper)) :where(.hearth-CardActionContentMain)):where([data-badge-placement=middle]){gap:var(--h-space-50)}:is(.hearth-CardActionContent :where(.hearth-CardActionContentMainWrapper)) :where(.hearth-CardActionContentTrailingIcon){align-self:center;display:flex}.hearth-CardInteraction:where([data-secondary]) :where(a[href],button),.hearth-CardInteraction:where([data-secondary]):where(a[href],button){position:relative;z-index:1}:is(.hearth-CardInteraction:not([data-secondary]):where(a[href],button),.hearth-CardInteraction:not([data-secondary]) :where(a[href],button)):where(:focus-visible){outline:none}:is(.hearth-CardInteraction:not([data-secondary]):where(a[href],button),.hearth-CardInteraction:not([data-secondary]) :where(a[href],button)):after{content:"";inset:0;position:absolute;z-index:0}:is(:is(.hearth-CardInteraction:not([data-secondary]):where(a[href],button),.hearth-CardInteraction:not([data-secondary]) :where(a[href],button)):after):where(:not([data-disabled],[data-disabled] :is(:is(.hearth-CardInteraction:not([data-secondary]):where(a[href],button),.hearth-CardInteraction:not([data-secondary]) :where(a[href],button)):after))){cursor:pointer}.hearth-HelperText{color:var(--h-text-secondary);cursor:default}.hearth-ValidationText{align-items:center;cursor:default;display:inline-flex;gap:var(--h-space-50)}.hearth-ValidationText :where(svg){height:20px;width:20px}.hearth-ValidationText:where([data-status=valid]){color:var(--h-feedback-positive-foreground-subtle)}.hearth-ValidationText:where([data-status=invalid]){color:var(--h-feedback-danger-foreground-subtle)}.hearth-TextInput{display:flex;flex-direction:column;gap:var(--h-input-gap);width:100%}.hearth-TextInput :where(.hearth-TextInputRoot){align-items:stretch;background-color:var(--h-surface-neutral-strong);border-color:var(--h-border-strong);border-radius:var(--h-input-border-radius);border-style:solid;border-width:var(--h-input-border-width);color:var(--h-text-primary);cursor:text;display:flex;font-family:var(--h-font-family-body);font-size:var(--h-font-size-100);font-style:normal;font-weight:var(--h-font-weight-regular);gap:var(--h-input-gap);height:var(--h-input-height);line-height:var(--h-line-height-500);max-width:var(--h-input-max-width);min-width:var(--h-input-min-width);padding-block:var(--h-input-padding-vertical);padding-inline:var(--h-input-padding-horizontal);text-align:start;--h-input-border-color-focus:var(--h-border-strong)}:is(.hearth-TextInput :where(.hearth-TextInputRoot)):where(:has(input[readonly]):not([data-disabled] :is(.hearth-TextInput :where(.hearth-TextInputRoot)))){border-color:var(--h-border-subtle);--h-input-border-color-focus:var(--h-border-subtle)}:is(.hearth-TextInput :where(.hearth-TextInputRoot)):where(:has(input:disabled,input[readonly])){cursor:default}:where([data-validation-status=valid]:not(:has(input[readonly],input:disabled))) :is(.hearth-TextInput :where(.hearth-TextInputRoot)){border-color:var(--h-feedback-positive-border);--h-input-border-color-focus:var(--h-feedback-positive-border)}:where([data-validation-status=invalid]:not(:has(input[readonly],input:disabled))) :is(.hearth-TextInput :where(.hearth-TextInputRoot)){border-color:var(--h-feedback-danger-border);--h-input-border-color-focus:var(--h-feedback-danger-border)}:is(.hearth-TextInput :where(.hearth-TextInputRoot)):where(:has(input:focus),:has(button:focus)){outline:var(--h-input-border-width-focused) solid var(--h-input-border-color-focus);outline-offset:-1px}:is(.hearth-TextInput :where(.hearth-TextInputRoot)) :where(input){all:unset;display:block;font-style:normal;font-weight:400;text-align:start;text-indent:0;width:100%;-webkit-tap-highlight-color:transparent;cursor:text}:is(:is(.hearth-TextInput :where(.hearth-TextInputRoot)) :where(input)):where(:disabled,[readonly]){cursor:default}:is(:is(.hearth-TextInput :where(.hearth-TextInputRoot)) :where(input))::-moz-placeholder{color:var(--h-text-secondary)}:is(:is(.hearth-TextInput :where(.hearth-TextInputRoot)) :where(input))::placeholder{color:var(--h-text-secondary)}.hearth-TextInput input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.hearth-TextInput input::-webkit-inner-spin-button,.hearth-TextInput input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.hearth-TextInput input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.hearth-TextInputSlot{align-items:center;box-sizing:border-box;cursor:inherit;display:flex;flex-shrink:0;gap:var(--h-input-gap)}.hearth-TextInputSlot:where(:not([data-placement=suffix])),.hearth-TextInputSlot:where([data-placement=prefix]){order:-1}.hearth-TextInputSlot:where([data-placement=suffix]){order:1}.hearth-Badge{align-items:center;border-radius:var(--h-badge-border-radius);display:inline-flex;flex-shrink:0;font-family:var(--h-font-family-body);font-size:var(--h-badge-font-size);font-style:normal;font-weight:var(--h-font-weight-semibold);gap:var(--h-badge-gap);height:-moz-fit-content;height:fit-content;justify-content:center;line-height:var(--h-badge-line-height);padding-block:var(--h-badge-padding-block);padding-inline:var(--h-badge-padding-horizontal);white-space:nowrap}.hearth-Badge:where([data-bottom-radius-zero]){border-bottom-left-radius:var(--h-badge-flat-base-border-bottom-left-radius);border-bottom-right-radius:var(--h-badge-flat-base-border-bottom-right-radius)}.hearth-Badge:where(.hearth-variant-emphasis){background-color:var(--h-badge-emphasis-background-color);color:var(--h-badge-emphasis-color)}.hearth-Badge:where(.hearth-variant-subtle){background-color:var(--h-badge-subtle-background-color);color:var(--h-badge-subtle-color)}.hearth-Badge:where(.hearth-variant-outline){background-color:transparent;box-shadow:inset 0 0 0 1px var(--h-border-subtle);color:var(--h-badge-outline-color)}.hearth-Badge:where(.hearth-r-size-md){--h-badge-padding-block:var(--h-badge-md-padding-vertical);--h-badge-line-height:var(--h-body-text-md-line-height);--h-badge-font-size:var(--h-body-text-md-font-size)}.hearth-Badge:where(.hearth-r-size-sm){--h-badge-padding-block:var(--h-badge-sm-padding-vertical);--h-badge-line-height:var(--h-body-text-sm-line-height);--h-badge-font-size:var(--h-body-text-sm-font-size)}@media (min-width:740px){.hearth-Badge:where(.tablet\:hearth-r-size-md){--h-badge-padding-block:var(--h-badge-md-padding-vertical);--h-badge-line-height:var(--h-body-text-md-line-height);--h-badge-font-size:var(--h-body-text-md-font-size)}.hearth-Badge:where(.tablet\:hearth-r-size-sm){--h-badge-padding-block:var(--h-badge-sm-padding-vertical);--h-badge-line-height:var(--h-body-text-sm-line-height);--h-badge-font-size:var(--h-body-text-sm-font-size)}}@media (min-width:992px){.hearth-Badge:where(.desktop\:hearth-r-size-md){--h-badge-padding-block:var(--h-badge-md-padding-vertical);--h-badge-line-height:var(--h-body-text-md-line-height);--h-badge-font-size:var(--h-body-text-md-font-size)}.hearth-Badge:where(.desktop\:hearth-r-size-sm){--h-badge-padding-block:var(--h-badge-sm-padding-vertical);--h-badge-line-height:var(--h-body-text-sm-line-height);--h-badge-font-size:var(--h-body-text-sm-font-size)}}@media (min-width:1200px){.hearth-Badge:where(.wide\:hearth-r-size-md){--h-badge-padding-block:var(--h-badge-md-padding-vertical);--h-badge-line-height:var(--h-body-text-md-line-height);--h-badge-font-size:var(--h-body-text-md-font-size)}.hearth-Badge:where(.wide\:hearth-r-size-sm){--h-badge-padding-block:var(--h-badge-sm-padding-vertical);--h-badge-line-height:var(--h-body-text-sm-line-height);--h-badge-font-size:var(--h-body-text-sm-font-size)}}.hearth-Badge:where([data-colorscheme=info]){--h-badge-emphasis-color:var(--h-feedback-info-foreground-default);--h-badge-emphasis-background-color:var(--h-feedback-info-surface-default);--h-badge-subtle-color:var(--h-feedback-info-foreground-default);--h-badge-subtle-background-color:var(--h-feedback-info-surface-subtle);--h-badge-outline-color:var(--h-feedback-info-foreground-subtle)}.hearth-Badge:where([data-colorscheme=positive]){--h-badge-emphasis-color:var(--h-feedback-positive-foreground-default);--h-badge-emphasis-background-color:var(--h-feedback-positive-surface-default);--h-badge-subtle-color:var(--h-feedback-positive-foreground-default);--h-badge-subtle-background-color:var(--h-feedback-positive-surface-subtle);--h-badge-outline-color:var(--h-feedback-positive-foreground-subtle)}.hearth-Badge:where([data-colorscheme=danger]){--h-badge-emphasis-color:var(--h-feedback-danger-foreground-default);--h-badge-emphasis-background-color:var(--h-feedback-danger-surface-default);--h-badge-subtle-color:var(--h-feedback-danger-foreground-default);--h-badge-subtle-background-color:var(--h-feedback-danger-surface-subtle);--h-badge-outline-color:var(--h-feedback-danger-foreground-subtle)}.hearth-Badge:where([data-colorscheme=warning]){--h-badge-emphasis-color:var(--h-feedback-warning-foreground-default);--h-badge-emphasis-background-color:var(--h-feedback-warning-surface-default);--h-badge-subtle-color:var(--h-feedback-warning-foreground-default);--h-badge-subtle-background-color:var(--h-feedback-warning-surface-subtle);--h-badge-outline-color:var(--h-feedback-warning-foreground-subtle)}.hearth-Badge:where([data-colorscheme=functional]){--h-badge-emphasis-color:var(--h-feedback-functional-foreground-default);--h-badge-emphasis-background-color:var(--h-feedback-functional-surface-default);--h-badge-subtle-color:var(--h-feedback-functional-foreground-default);--h-badge-subtle-background-color:var(--h-feedback-functional-surface-subtle);--h-badge-outline-color:var(--h-feedback-functional-foreground-subtle)}.hearth-Badge:where([data-colorscheme=pig]){--h-badge-emphasis-color:var(--h-text-primary);--h-badge-emphasis-background-color:var(--h-surface-pig-default);--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-pig-subtle)}.hearth-Badge:where([data-colorscheme=energy]){--h-badge-emphasis-color:var(--h-text-primary);--h-badge-emphasis-background-color:var(--h-surface-energy-default);--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-energy-subtle)}.hearth-Badge:where([data-colorscheme=broadband]){--h-badge-emphasis-color:var(--h-text-primary);--h-badge-emphasis-background-color:var(--h-surface-broadband-default);--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-broadband-subtle)}.hearth-Badge:where([data-colorscheme=mobile]){--h-badge-emphasis-color:var(--h-text-primary);--h-badge-emphasis-background-color:var(--h-surface-mobile-default);--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-mobile-subtle)}.hearth-Badge:where([data-colorscheme=cashback]){--h-badge-emphasis-color:var(--h-text-primary);--h-badge-emphasis-background-color:var(--h-surface-cashback-default);--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-cashback-subtle)}.hearth-Badge:where([data-colorscheme=insurance]){--h-badge-emphasis-color:var(--h-text-primary);--h-badge-emphasis-background-color:var(--h-surface-insurance-default);--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-insurance-subtle)}.hearth-Badge:where([data-colorscheme=highlight]){--h-badge-subtle-color:var(--h-text-primary);--h-badge-subtle-background-color:var(--h-surface-highlight-subtle)}.hearth-FormGroupBase{border:0;display:flex;flex-direction:column;gap:var(--h-space-75);margin:0;padding:0;width:100%}.hearth-FormGroupBase :where(.hearth-Legend):not(:has(+.hearth-HelperTextContainer)){display:contents}.hearth-FormGroupBase .hearth-Legend{color:var(--h-text-color)}:is(.hearth-FormGroupBase .hearth-Legend):where(:not(:has(*))){font-family:var(--h-font-family-body);font-size:var(--h-font-size-100);font-weight:var(--h-font-weight-semibold);line-height:var(--h-line-height-500)}.hearth-Radio{display:flex;flex-direction:row;gap:var(--h-radio-gap)}.hearth-Radio,.hearth-Radio *{cursor:pointer}.hearth-Radio .hearth-RadioContainer{align-items:center;display:flex;flex-direction:row;height:40px;justify-content:center;margin:-8px;width:40px}.hearth-Radio :where(.hearth-Label){align-items:center;display:flex;gap:var(--h-radio-gap);position:relative}:is(.hearth-Radio :where(.hearth-Label)):before{content:"";height:100%;left:-8px;position:absolute;width:100%}.hearth-RadioItem{all:unset;background-color:var(--h-surface-neutral-strong);border-color:var(--h-border-strong);border-radius:var(--h-radio-border-radius);border-style:solid;border-width:var(--h-radio-border-width);display:block;height:20px;width:20px}.hearth-RadioItem:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.hearth-RadioItem:where([data-state=checked],[data-state=checked] .hearth-RadioItem){border-color:var(--h-radio-checked-color)}@media (hover:hover){.hearth-RadioItem:where(:hover:enabled){box-shadow:0 0 0 var(--h-radio-outline-width) var(--h-radio-outline-color-hover)}}.hearth-RadioItem:where(:active):not([data-state=unchecked]){box-shadow:0 0 0 var(--h-radio-outline-width) var(--h-radio-outline-color-active)}.hearth-RadioIndicator{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.hearth-RadioIndicator:after{background-color:var(--h-radio-checked-color);border-radius:50%;content:"";display:block;height:14px;width:14px}.hearth-RadioTile{all:unset;background-color:var(--h-surface-neutral-strong);border-radius:var(--h-radio-tile-border-radius);box-shadow:inset 0 0 0 var(--h-radio-tile-border-width) var(--h-border-subtle);cursor:pointer;flex:1 1 0%;max-width:var(--h-radio-tile-max-width);min-width:var(--h-radio-tile-min-width);padding:var(--h-radio-tile-padding)}.hearth-RadioTile *{cursor:pointer}.hearth-RadioTile:where([data-state=checked]){box-shadow:inset 0 0 0 var(--h-radio-tile-border-width-selected) var(--h-border-strong)}.hearth-RadioTile:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.hearth-RadioTile .hearth-RadioContainer{display:flex;flex-direction:row;gap:var(--h-radio-tile-gap)}.hearth-RadioTile :where(.hearth-Label){align-items:center;display:flex;gap:var(--h-radio-tile-gap)}.hearth-RadioCard{all:unset;background-color:var(--h-surface-neutral-strong);border-radius:var(--h-card-border-radius);box-shadow:inset 0 0 0 var(--h-card-neutral-subtle-border-width) var(--h-border-subtle);display:flex;flex:1 1 0%;flex-direction:column;gap:var(--h-card-selectable-gap);padding:var(--h-card-padding-mobile)}@media (min-width:740px){.hearth-RadioCard{padding:var(--h-card-padding-tablet)}}@media (min-width:992px){.hearth-RadioCard{padding:var(--h-card-padding-desktop)}}.hearth-RadioCard,.hearth-RadioCard *{cursor:pointer}.hearth-RadioCard:where([data-state=checked]){box-shadow:inset 0 0 0 var(--h-card-neutral-emphasis-border-width) var(--h-border-strong)}.hearth-RadioCard:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.hearth-RadioCard .hearth-RadioContainer{display:flex;flex-direction:row;gap:var(--h-space-150)}.hearth-RadioCard :where(.hearth-Label){align-items:center;display:flex;gap:var(--h-radio-tile-gap)}.hearth-RadioGroup{flex-wrap:wrap}.hearth-RadioGroup:where([data-orientation=horizontal]){flex-direction:row}.hearth-RadioGroup:where([data-orientation=vertical]){flex-direction:column;width:-moz-fit-content;width:fit-content}.hearth-RadioGroup{gap:var(--h-radio-group-stack-gap)}.hearth-RadioGroup:has(.hearth-RadioTile){gap:var(--h-radio-tile-group-stack-gap)}.hearth-Checkbox{gap:var(--h-checkbox-gap)}.hearth-Checkbox .hearth-Label{display:flex;gap:var(--h-checkbox-gap);position:relative}:is(.hearth-Checkbox .hearth-Label):before{content:"";height:100%;left:calc(var(--h-checkbox-gap)*-1);position:absolute;width:100%}.hearth-CheckboxRoot{align-items:center;border:none;box-shadow:0 0 0 var(--h-checkbox-outline-width) var(--h-checkbox-outline-color,transparent);color:var(--h-checkbox-checked-icon-color);display:inline-flex;flex-shrink:0;justify-content:center;outline:none;padding:0;vertical-align:top}.hearth-CheckboxRoot,.hearth-CheckboxRoot:before{border-radius:var(--h-checkbox-border-radius);height:24px;width:24px}.hearth-CheckboxRoot:before{background-color:inherit;box-shadow:inset 0 0 0 var(--h-checkbox-border-width) var(--h-border-strong);content:"";display:block;outline:2px solid transparent}.hearth-CheckboxRoot:where([data-state=unchecked]){background-color:var(--h-surface-neutral-strong)}.hearth-CheckboxRoot:where([data-state=checked]){background-color:var(--h-checkbox-checked-background-color)}@media (hover:hover){.hearth-CheckboxRoot:where(:hover:enabled){--h-checkbox-outline-color:var(--h-checkbox-outline-color-hover)}}.hearth-CheckboxRoot:where(:active:enabled){--h-checkbox-outline-color:var(--h-checkbox-outline-color-active)}.hearth-CheckboxRoot:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.hearth-CheckboxRoot .hearth-CheckboxIndicator{position:absolute}.hearth-CheckboxTile{align-items:center;background-color:var(--h-surface-neutral-strong);border-radius:var(--h-checkbox-tile-border-radius);box-shadow:inset 0 0 0 var(--h-checkbox-tile-border-width) var(--h-border-subtle);cursor:pointer;display:flex;flex:1 1 0%;flex-direction:row;gap:var(--h-checkbox-tile-gap);max-width:var(--h-checkbox-tile-max-width);min-width:var(--h-checkbox-tile-min-width);padding:var(--h-checkbox-tile-padding)}.hearth-CheckboxTile *{cursor:pointer}.hearth-CheckboxTile .hearth-Label{align-items:center;display:flex;gap:var(--h-checkbox-tile-gap)}.hearth-CheckboxTile:where([data-disabled]){cursor:not-allowed}.hearth-CheckboxTile:where([data-disabled]) *{cursor:not-allowed}.hearth-CheckboxTile:where(:has([data-state=checked])){box-shadow:inset 0 0 0 var(--h-checkbox-tile-border-width-selected) var(--h-border-strong)}.hearth-CheckboxTile:where(:has(:focus-visible)){outline:2px solid var(--h-focus-primary);outline-offset:1px}.hearth-CheckboxTile :where(.hearth-CheckboxRoot):focus-visible{outline:none}.hearth-CheckboxGroup :where(.hearth-CheckboxGroupContent){flex-wrap:wrap}:is(.hearth-CheckboxGroup :where(.hearth-CheckboxGroupContent)):where([data-orientation=horizontal]){flex-direction:row}:is(.hearth-CheckboxGroup :where(.hearth-CheckboxGroupContent)):where([data-orientation=vertical]){flex-direction:column;width:-moz-fit-content;width:fit-content}.hearth-CheckboxGroup :where(.hearth-CheckboxGroupContent){gap:var(--h-checkbox-group-stack-gap)}:is(.hearth-CheckboxGroup :where(.hearth-CheckboxGroupContent)):has(.hearth-CheckboxTile){gap:var(--h-checkbox-tile-group-stack-gap)}.hearth-TextArea :where(.hearth-TextAreaRoot){background-color:var(--h-surface-neutral-strong);border-color:var(--h-border-strong);border-radius:var(--h-input-border-radius);border-style:solid;border-width:var(--h-input-border-width);box-sizing:border-box;cursor:text;font-family:var(--h-font-family-body);font-size:var(--h-font-size-100);font-style:normal;font-weight:var(--h-font-weight-regular);line-height:var(--h-line-height-500);max-width:var(--h-input-max-width);min-width:var(--h-input-min-width);overflow:hidden;padding:var(--h-input-padding-vertical) var(--h-space-100) var(--h-space-100) var(--h-input-padding-horizontal);position:relative;text-align:start;width:-moz-fit-content;width:fit-content;--h-input-border-color-focus:var(--h-border-strong)}:is(.hearth-TextArea :where(.hearth-TextAreaRoot)):where(:has(textarea[readonly]):not([data-disabled] :is(.hearth-TextArea :where(.hearth-TextAreaRoot)))){border-color:var(--h-border-subtle);--h-input-border-color-focus:var(--h-border-subtle)}:is(.hearth-TextArea :where(.hearth-TextAreaRoot)):where(:has(textarea:disabled,textarea[readonly])){cursor:default}:where([data-validation-status=valid]:not(:has(textarea[readonly],textarea:disabled))) :is(.hearth-TextArea :where(.hearth-TextAreaRoot)){border-color:var(--h-feedback-positive-border);--h-input-border-color-focus:var(--h-feedback-positive-border)}:where([data-validation-status=invalid]:not(:has(textarea[readonly],textarea:disabled))) :is(.hearth-TextArea :where(.hearth-TextAreaRoot)){border-color:var(--h-feedback-danger-border);--h-input-border-color-focus:var(--h-feedback-danger-border)}:is(.hearth-TextArea :where(.hearth-TextAreaRoot)):where(:has(textarea:focus)){outline:var(--h-input-border-width-focused) solid var(--h-input-border-color-focus);outline-offset:-1px}:is(.hearth-TextArea :where(.hearth-TextAreaRoot)):after{background-color:inherit;bottom:8px;content:"";display:block;height:4px;left:12px;position:absolute;right:16px}:is(.hearth-TextArea :where(.hearth-TextAreaRoot)) :where(textarea){all:unset;border:none;display:block;font-style:normal;font-weight:400;max-width:calc(var(--h-input-max-width) - var(--h-input-padding-horizontal) - var(--h-space-100) - var(--h-space-100));min-width:calc(var(--h-input-min-width) - var(--h-input-padding-horizontal) - var(--h-space-100));padding-bottom:calc(var(--h-input-padding-vertical) - var(--h-space-100));padding-right:calc(var(--h-input-padding-horizontal) - var(--h-space-100));text-align:start;text-indent:0;width:auto;-webkit-tap-highlight-color:transparent;cursor:text;overflow-wrap:break-word;white-space:pre-wrap}:is(:is(.hearth-TextArea :where(.hearth-TextAreaRoot)) :where(textarea)):where(:disabled,[readonly]){cursor:default}:is(:is(.hearth-TextArea :where(.hearth-TextAreaRoot)) :where(textarea))::-moz-placeholder{color:var(--h-text-secondary)}:is(:is(.hearth-TextArea :where(.hearth-TextAreaRoot)) :where(textarea))::placeholder{color:var(--h-text-secondary)}:is(:is(.hearth-TextArea :where(.hearth-TextAreaRoot)) :where(textarea)):where([data-resize=none]){resize:none}:is(:is(.hearth-TextArea :where(.hearth-TextAreaRoot)) :where(textarea)):where([data-resize=vertical]){resize:vertical}:is(:is(.hearth-TextArea :where(.hearth-TextAreaRoot)) :where(textarea)):where([data-resize=horizontal]){resize:horizontal}:is(:is(.hearth-TextArea :where(.hearth-TextAreaRoot)) :where(textarea)):where([data-resize=both]){resize:both}.hearth-List{display:flex;flex-direction:column;gap:var(--h-list-gap)}:is(.hearth-List :where(.hearth-ListContainer)):where(:has(:focus-visible)){outline:none}:is(.hearth-List :where(.hearth-ListContainer)) :where(ul,ol){width:100%}.hearth-ListItem{align-items:center;display:flex;flex-direction:row;gap:var(--h-space-300);padding:var(--h-list-item-functional-padding);position:relative}:is(:where(.hearth-variant-subtle,.hearth-variant-emphasis) .hearth-ListItem):where(:first-child){border-top-left-radius:var(--h-card-border-radius);border-top-right-radius:var(--h-card-border-radius)}:is(:where(.hearth-variant-subtle,.hearth-variant-emphasis) .hearth-ListItem):where(:last-child){border-bottom-left-radius:var(--h-card-border-radius);border-bottom-right-radius:var(--h-card-border-radius)}.hearth-ListItem:where(:not(:first-child)){border-top:var(--h-list-item-functional-border-width) solid;border-color:var(--h-border-subtle)}:where(.hearth-variant-subtle) .hearth-ListItem{border-color:var(--h-border-subtle)}:where(.hearth-variant-emphasis) .hearth-ListItem{border-color:var(--h-border-strong)}@media (hover:hover){.hearth-ListItem:has(button,a):not(:has(.hearth-Switch),:has(.hearth-Link)):where(:hover){background-color:var(--h-interactive-neutral-surface-subtle-hover)}}.hearth-ListItem:has(button,a):not(:has(.hearth-Switch),:has(.hearth-Link)):where(:active){background-color:var(--h-interactive-neutral-surface-subtle-active)}.hearth-ListItemContent{align-items:center;display:flex;gap:var(--h-list-item-gap);width:100%}.hearth-ListItemContent:has(.hearth-HelperText){align-items:start}.hearth-ListItemContent :where(.hearth-ListItemContentTrailingContent){align-items:end;align-self:center;display:flex;flex-direction:column;justify-content:center}:is(.hearth-ListItemContent :where(.hearth-ListItemContentTrailingContent)):has(.hearth-Switch,.hearth-Link){justify-content:start}.hearth-ListItemButton{all:unset;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;gap:var(--h-list-item-gap);outline:transparent;width:100%}.hearth-ListItemButton:after{content:"";inset:0;position:absolute;z-index:0}.hearth-ListItemButton:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.hearth-ListItemButton :where(.hearth-ListItemContent){width:100%}.hearth-ListItemLink{align-items:center;color:inherit;cursor:pointer;display:flex;flex-direction:row;font:inherit;gap:var(--h-space-150);text-decoration:none;width:100%}.hearth-ListItemLink:after{content:"";inset:0;position:absolute;z-index:0}.hearth-ListItemLink:where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.hearth-Switch{align-items:center;display:flex;flex-direction:row;gap:var(--h-space-200)}.hearth-Switch .hearth-SwitchRoot{align-items:center;background-color:var(--h-interactive-functional-surface-strong-default);border:none;border-radius:var(--h-switch-radius);display:inline-flex;flex-shrink:0;padding:var(--h-switch-padding);position:relative;vertical-align:top;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease-in-out}:is(.hearth-Switch .hearth-SwitchRoot):where([aria-disabled]){cursor:not-allowed}@media (hover:hover){:is(.hearth-Switch .hearth-SwitchRoot):where(:hover):not([aria-disabled]){background-color:var(--h-interactive-functional-surface-strong-hover)}}:is(.hearth-Switch .hearth-SwitchRoot):where([data-state=checked]){background-color:var(--h-interactive-brand-surface-strong-default)}@media (hover:hover){:is(.hearth-Switch .hearth-SwitchRoot):where([data-state=checked]):where(:hover):not([aria-disabled]){background-color:var(--h-interactive-brand-surface-strong-hover)}}:is(.hearth-Switch .hearth-SwitchRoot):where(.hearth-r-size-md){height:var(--h-switch-md-height);width:var(--h-switch-md-width);--h-switch-thumb-translate-x:calc(var(--h-switch-md-width)/2 - var(--h-switch-padding))}:is(.hearth-Switch .hearth-SwitchRoot):where(.hearth-r-size-sm){height:var(--h-switch-sm-height);width:var(--h-switch-sm-width);--h-switch-thumb-translate-x:calc(var(--h-switch-sm-width)/2 - var(--h-switch-padding))}@media (min-width:740px){:is(.hearth-Switch .hearth-SwitchRoot):where(.tablet\:hearth-r-size-md){height:var(--h-switch-md-height);width:var(--h-switch-md-width);--h-switch-thumb-translate-x:calc(var(--h-switch-md-width)/2 - var(--h-switch-padding))}:is(.hearth-Switch .hearth-SwitchRoot):where(.tablet\:hearth-r-size-sm){height:var(--h-switch-sm-height);width:var(--h-switch-sm-width);--h-switch-thumb-translate-x:calc(var(--h-switch-sm-width)/2 - var(--h-switch-padding))}}@media (min-width:992px){:is(.hearth-Switch .hearth-SwitchRoot):where(.desktop\:hearth-r-size-md){height:var(--h-switch-md-height);width:var(--h-switch-md-width);--h-switch-thumb-translate-x:calc(var(--h-switch-md-width)/2 - var(--h-switch-padding))}:is(.hearth-Switch .hearth-SwitchRoot):where(.desktop\:hearth-r-size-sm){height:var(--h-switch-sm-height);width:var(--h-switch-sm-width);--h-switch-thumb-translate-x:calc(var(--h-switch-sm-width)/2 - var(--h-switch-padding))}}@media (min-width:1200px){:is(.hearth-Switch .hearth-SwitchRoot):where(.wide\:hearth-r-size-md){height:var(--h-switch-md-height);width:var(--h-switch-md-width);--h-switch-thumb-translate-x:calc(var(--h-switch-md-width)/2 - var(--h-switch-padding))}:is(.hearth-Switch .hearth-SwitchRoot):where(.wide\:hearth-r-size-sm){height:var(--h-switch-sm-height);width:var(--h-switch-sm-width);--h-switch-thumb-translate-x:calc(var(--h-switch-sm-width)/2 - var(--h-switch-padding))}}:is(.hearth-Switch .hearth-SwitchRoot):where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}:is(.hearth-Switch .hearth-SwitchRoot) .hearth-SwitchThumb{align-items:center;background-color:var(--h-surface-neutral-strong);border-radius:var(--h-switch-radius);color:var(--h-icon-primary);display:flex;justify-content:center;left:var(--h-switch-padding);position:absolute;transition:transform .2s ease-in-out;will-change:transform}:is(:is(.hearth-Switch .hearth-SwitchRoot) .hearth-SwitchThumb):where([data-state=checked]){transform:translateX(var(--h-switch-thumb-translate-x))}:is(:is(.hearth-Switch .hearth-SwitchRoot) .hearth-SwitchThumb):where([data-state=checked]) :where(.hearth-CloseIcon){display:none}:is(:is(.hearth-Switch .hearth-SwitchRoot) .hearth-SwitchThumb):where([data-state=unchecked]) :where(.hearth-TickIcon){display:none}:where(.hearth-r-size-md :is(:is(.hearth-Switch .hearth-SwitchRoot) .hearth-SwitchThumb)){height:var(--h-switch-md-circle-size);width:var(--h-switch-md-circle-size)}:where(.hearth-r-size-sm :is(:is(.hearth-Switch .hearth-SwitchRoot) .hearth-SwitchThumb)){height:var(--h-switch-sm-circle-size);width:var(--h-switch-sm-circle-size)}@media (min-width:740px){:where(.tablet\:hearth-r-size-md :is(:is(.hearth-Switch .hearth-SwitchRoot) .hearth-SwitchThumb)){height:var(--h-switch-md-circle-size);width:var(--h-switch-md-circle-size)}:where(.tablet\:hearth-r-size-sm :is(:is(.hearth-Switch .hearth-SwitchRoot) .hearth-SwitchThumb)){height:var(--h-switch-sm-circle-size);width:var(--h-switch-sm-circle-size)}}@media (min-width:992px){:where(.desktop\:hearth-r-size-md :is(:is(.hearth-Switch .hearth-SwitchRoot) .hearth-SwitchThumb)){height:var(--h-switch-md-circle-size);width:var(--h-switch-md-circle-size)}:where(.desktop\:hearth-r-size-sm :is(:is(.hearth-Switch .hearth-SwitchRoot) .hearth-SwitchThumb)){height:var(--h-switch-sm-circle-size);width:var(--h-switch-sm-circle-size)}}@media (min-width:1200px){:where(.wide\:hearth-r-size-md :is(:is(.hearth-Switch .hearth-SwitchRoot) .hearth-SwitchThumb)){height:var(--h-switch-md-circle-size);width:var(--h-switch-md-circle-size)}:where(.wide\:hearth-r-size-sm :is(:is(.hearth-Switch .hearth-SwitchRoot) .hearth-SwitchThumb)){height:var(--h-switch-sm-circle-size);width:var(--h-switch-sm-circle-size)}}.hearth-ModalScroll{display:flex;inset:0;overflow:auto;position:absolute}.hearth-ModalScrollPadding{flex-grow:1;margin:auto;padding:var(--h-space-400) var(--h-space-200)}.hearth-Modal{background-color:var(--h-surface-neutral-strong);border-top-left-radius:var(--h-modal-border-radius);border-top-right-radius:var(--h-modal-border-radius);bottom:0;height:-moz-fit-content;height:fit-content;left:0;min-width:-moz-fit-content;min-width:fit-content;overflow:hidden;position:fixed;right:0}@media (min-width:740px){.hearth-Modal{border-bottom-left-radius:var(--h-modal-border-radius);border-bottom-right-radius:var(--h-modal-border-radius);left:50%;position:relative;top:50%;transform:translateX(-50%);width:var(--h-modal-width-tablet)}}@media (min-width:992px){.hearth-Modal{width:var(--h-modal-width-desktop)}}.hearth-Modal:where([data-contains-image],[data-full-screen]){height:calc(100vh - 40px)}@media (min-width:740px){.hearth-Modal:where([data-contains-image],[data-full-screen]){height:-moz-fit-content;height:fit-content}}.hearth-Modal :where(.hearth-ModalOuterContainer){display:flex;flex-direction:column;gap:var(--h-modal-gap);height:100%;overflow:auto;padding:var(--h-bottom-sheet-padding)}@media (min-width:740px){.hearth-Modal :where(.hearth-ModalOuterContainer){padding:var(--h-dialog-padding)}}:is(.hearth-Modal :where(.hearth-ModalOuterContainer)):where([data-contains-image] :is(.hearth-Modal :where(.hearth-ModalOuterContainer))){align-items:center;justify-content:space-between;padding:var(--h-modal-padding-mobile)}@media (min-width:740px){:is(.hearth-Modal :where(.hearth-ModalOuterContainer)):where([data-contains-image] :is(.hearth-Modal :where(.hearth-ModalOuterContainer))){height:-moz-fit-content;height:fit-content;padding:var(--h-modal-padding-tablet)}}@media (min-width:992px){:is(.hearth-Modal :where(.hearth-ModalOuterContainer)):where([data-contains-image] :is(.hearth-Modal :where(.hearth-ModalOuterContainer))){padding:var(--h-modal-padding-desktop)}}.hearth-Modal :where(.hearth-ModalCloseIconButton){position:absolute;right:var(--h-dialog-padding);top:var(--h-dialog-padding)}.hearth-Modal :where(.hearth-ModalInnerContainer){display:flex;flex-direction:column;gap:var(--h-modal-content-gap);height:-moz-fit-content;height:fit-content;justify-content:center}:is(.hearth-Modal :where(.hearth-ModalInnerContainer)):where([data-contains-image] :is(.hearth-Modal :where(.hearth-ModalInnerContainer))){align-items:center}@media (min-width:740px){.hearth-Modal :where(.hearth-ModalInnerContainer){gap:var(--h-modal-gap);margin-top:auto}}.hearth-Modal :where(.hearth-ModalImage){--h-icon-button-size:1.5rem;margin-top:calc(var(--h-icon-button-size) + var(--h-modal-content-gap));max-height:120px;max-width:120px}@media (min-width:740px){.hearth-Modal :where(.hearth-ModalImage){margin-top:var(--h-space-0)}}@media (min-width:992px){.hearth-Modal :where(.hearth-ModalImage){max-height:160px;max-width:160px}}.hearth-Modal :where(.hearth-ModalHeader){align-items:start;display:flex;flex-direction:column;gap:var(--h-modal-content-gap);text-align:center;text-wrap:pretty}@media (min-width:740px){.hearth-Modal :where(.hearth-ModalHeader){text-align:left}}:is(.hearth-Modal :where(.hearth-ModalHeader)):not([data-contains-image] :is(.hearth-Modal :where(.hearth-ModalHeader))) :where(.hearth-Heading){margin-right:var(--h-space-300)}:is(.hearth-Modal :where(.hearth-ModalHeader)):where([data-contains-image] :is(.hearth-Modal :where(.hearth-ModalHeader))){align-items:center}.hearth-Modal :where(.hearth-ModalFooter){display:flex;flex-direction:column-reverse;gap:var(--h-modal-action-gap);width:100%}@media (min-width:740px){.hearth-Modal :where(.hearth-ModalFooter){flex-direction:row;justify-content:end}:is(.hearth-Modal :where(.hearth-ModalFooter)):where([data-contains-image] :is(.hearth-Modal :where(.hearth-ModalFooter))){justify-content:center}}@media (prefers-reduced-motion:no-preference){@keyframes hearth-modal-slide-up{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes hearth-modal-slide-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50%)}}@keyframes hearth-modal-show{0%{transform:translateX(-50%)}to{transform:translateX(-50%)}}@keyframes hearth-modal-hide{0%{transform:translateX(-50%)}to{transform:translateX(-50%)}}.hearth-Modal{will-change:transform}.hearth-Modal:where([data-state=open]){animation:hearth-modal-slide-up .1s ease-out}.hearth-Modal:where([data-state=closed]){animation:hearth-modal-slide-down .1s ease-in}@media (min-width:740px){.hearth-Modal:where([data-state=open]){animation:hearth-modal-show .2s ease-out}.hearth-Modal:where([data-state=closed]){animation:hearth-modal-hide .1s ease-in}}}.hearth-Alert{align-items:start;background-color:var(--h-alert-background-color);border-color:var(--h-alert-border-color);border-radius:var(--h-alert-border-radius);border-style:solid;border-width:var(--h-alert-border-width);display:inline-flex;flex-direction:row;gap:var(--h-alert-gap);padding:var(--h-alert-padding);position:relative}.hearth-Alert :where(.hearth-AlertContent){display:flex;flex-direction:column;gap:var(--h-alert-content-gap)}:is(.hearth-Alert :where(.hearth-AlertContent)) :where(div){gap:var(--h-alert-content-gap)}:is(.hearth-Alert :where(.hearth-AlertContent)):has(.hearth-AlertLink){flex-direction:column}:is(.hearth-Alert :where(.hearth-AlertContent)):has(.hearth-AlertIconButton,.hearth-AlertLink[data-icon-only]){align-items:center;flex-direction:row;gap:var(--h-alert-gap)}.hearth-Alert .hearth-AlertCloseButton{z-index:1}.hearth-Alert .hearth-AlertLink{color:var(--h-alert-link-color)}@media (hover:hover){:is(.hearth-Alert .hearth-AlertLink):where(:hover){color:var(--h-alert-link-color-hover)}}:is(.hearth-Alert .hearth-AlertLink):where(:active){color:var(--h-alert-link-color-active)}:is(.hearth-Alert .hearth-AlertLink[data-icon-only]):after{background:transparent;border:none;border-radius:inherit;content:" ";inset:0;position:absolute;z-index:1}.hearth-Alert:where([data-colorscheme=info]){--h-alert-background-color:var(--h-feedback-info-surface-subtle);--h-alert-border-color:var(--h-feedback-info-border)}.hearth-Alert:where([data-colorscheme=positive]){--h-alert-background-color:var(--h-feedback-positive-surface-subtle);--h-alert-border-color:var(--h-feedback-positive-border)}.hearth-Alert:where([data-colorscheme=danger]){--h-alert-background-color:var(--h-feedback-danger-surface-subtle);--h-alert-border-color:var(--h-feedback-danger-border)}.hearth-Alert:where([data-colorscheme=warning]){--h-alert-background-color:var(--h-feedback-warning-surface-subtle);--h-alert-border-color:var(--h-feedback-warning-border)}.hearth-Alert :where(.hearth-AlertIconButton):after{background:transparent;border:none;border-radius:inherit;content:"";inset:0;position:absolute;z-index:1}.hearth-Alert .hearth-AlertIconButton{color:var(--h-alert-icon-button-unstyled-foreground-color)}@media (hover:hover){:is(.hearth-Alert .hearth-AlertIconButton):where(:hover){color:var(--h-alert-icon-button-unstyled-foreground-color-hover)}}:is(.hearth-Alert .hearth-AlertIconButton):where(:active){color:var(--h-alert-icon-button-unstyled-foreground-color-active)}.hearth-CurrencyInput :where(.hearth-TextInputRoot){font-family:var(--h-font-family-detail);font-size:var(--h-detail-text-3xl-font-size);font-weight:var(--h-font-weight-regular);gap:var(--h-input-currency-gap);height:var(--h-input-currency-height);letter-spacing:var(--h-detail-text-3xl-letter-spacing);line-height:var(--h-detail-text-3xl-line-height)}.hearth-Tabs,.hearth-TabsList{position:relative}.hearth-TabsList{border-bottom:var(--h-tabs-divider-border-width) solid var(--h-tabs-divider-color);overflow:hidden;width:100%}.hearth-TabsListScroll{overflow:auto hidden;scrollbar-width:none;width:100%}.hearth-TabsListScroll::-webkit-scrollbar{display:none}.hearth-TabsListScroll.hearth-TabsListScroll-with-left.hearth-TabsListScroll-with-right{-webkit-mask-image:linear-gradient(90deg,transparent 20px,#000 32px,#000 calc(100% - 32px),transparent calc(100% - 20px));mask-image:linear-gradient(90deg,transparent 20px,#000 32px,#000 calc(100% - 32px),transparent calc(100% - 20px))}.hearth-TabsListScroll.hearth-TabsListScroll-with-left:not(.hearth-TabsListScroll-with-right){-webkit-mask-image:linear-gradient(90deg,transparent 20px,#000 32px);mask-image:linear-gradient(90deg,transparent 20px,#000 32px)}.hearth-TabsListScroll.hearth-TabsListScroll-with-right:not(.hearth-TabsListScroll-with-left){-webkit-mask-image:linear-gradient(270deg,transparent 20px,#000 32px);mask-image:linear-gradient(270deg,transparent 20px,#000 32px)}.hearth-TabsListContainer{display:flex;flex-wrap:nowrap;gap:var(--h-tabs-gap);position:relative}.hearth-Tab{all:unset;align-items:center;color:var(--h-text-primary);cursor:pointer;display:inline-flex;font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-semibold);gap:var(--h-tabs-item-gap);justify-content:center;line-height:var(--h-body-text-md-line-height);padding-block:var(--h-tabs-item-padding-vertical);padding-inline:var(--h-tabs-item-padding-horizontal);position:relative}@media (hover:hover){.hearth-Tab:where(:hover){background-color:var(--h-interactive-neutral-surface-subtle-hover)}}.hearth-Tab:where(:active){background-color:var(--h-interactive-neutral-surface-subtle-active)}.hearth-Tab:where(:focus-visible){border-radius:var(--h-border-radius-sm);outline:2px solid var(--h-focus-primary);outline-offset:-2px}.hearth-Tabs:where(.hearth-r-size-md) .hearth-Tab{font-size:var(--h-body-text-md-font-size);line-height:var(--h-body-text-md-line-height)}.hearth-Tabs:where(.hearth-r-size-lg) .hearth-Tab{font-size:var(--h-body-text-lg-font-size);line-height:var(--h-body-text-lg-line-height)}@media (min-width:740px){.hearth-Tabs:where(.tablet\:hearth-r-size-md) .hearth-Tab{font-size:var(--h-body-text-md-font-size);line-height:var(--h-body-text-md-line-height)}.hearth-Tabs:where(.tablet\:hearth-r-size-lg) .hearth-Tab{font-size:var(--h-body-text-lg-font-size);line-height:var(--h-body-text-lg-line-height)}}@media (min-width:992px){.hearth-Tabs:where(.desktop\:hearth-r-size-md) .hearth-Tab{font-size:var(--h-body-text-md-font-size);line-height:var(--h-body-text-md-line-height)}.hearth-Tabs:where(.desktop\:hearth-r-size-lg) .hearth-Tab{font-size:var(--h-body-text-lg-font-size);line-height:var(--h-body-text-lg-line-height)}}@media (min-width:1200px){.hearth-Tabs:where(.wide\:hearth-r-size-md) .hearth-Tab{font-size:var(--h-body-text-md-font-size);line-height:var(--h-body-text-md-line-height)}.hearth-Tabs:where(.wide\:hearth-r-size-lg) .hearth-Tab{font-size:var(--h-body-text-lg-font-size);line-height:var(--h-body-text-lg-line-height)}}.hearth-TabsListIndicator{background-color:var(--h-surface-brand-default);border-radius:var(--h-tabs-item-selected-border-top-radius) var(--h-tabs-item-selected-border-top-radius) var(--h-tabs-item-selected-border-bottom-radius) var(--h-tabs-item-selected-border-bottom-radius);bottom:0;height:6px;left:0;position:absolute;transform:translateX(0);transition:transform .25s ease,width .25s ease;width:0}.hearth-TabsListScrollButtonLeft,.hearth-TabsListScrollButtonRight{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.hearth-TabsListScrollButtonLeft{left:0}.hearth-TabsListScrollButtonRight{right:0}.hearth-TabPanel{padding-top:var(--h-space-100);width:100%}.hearth-IconContainer{align-items:center;border-radius:var(--h-icon-container-border-radius);display:inline-flex;flex-shrink:0;height:-moz-fit-content;height:fit-content;justify-content:center;padding:var(--h-icon-container-padding)}.hearth-IconContainer:where(.hearth-variant-emphasis){background-color:var(--h-icon-container-emphasis-background-color);color:var(--h-icon-container-emphasis-color)}.hearth-IconContainer:where(.hearth-variant-subtle){background-color:var(--h-icon-container-subtle-background-color);color:var(--h-icon-container-subtle-color)}.hearth-IconContainer:where(.hearth-r-size-lg){--h-icon-container-border-radius:var(--h-icon-container-lg-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-lg-padding)}.hearth-IconContainer:where(.hearth-r-size-md){--h-icon-container-border-radius:var(--h-icon-container-md-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-md-padding)}.hearth-IconContainer:where(.hearth-r-size-sm){--h-icon-container-border-radius:var(--h-icon-container-sm-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-sm-padding)}@media (min-width:740px){.hearth-IconContainer:where(.tablet\:hearth-r-size-lg){--h-icon-container-border-radius:var(--h-icon-container-lg-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-lg-padding)}.hearth-IconContainer:where(.tablet\:hearth-r-size-md){--h-icon-container-border-radius:var(--h-icon-container-md-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-md-padding)}.hearth-IconContainer:where(.tablet\:hearth-r-size-sm){--h-icon-container-border-radius:var(--h-icon-container-sm-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-sm-padding)}}@media (min-width:992px){.hearth-IconContainer:where(.desktop\:hearth-r-size-lg){--h-icon-container-border-radius:var(--h-icon-container-lg-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-lg-padding)}.hearth-IconContainer:where(.desktop\:hearth-r-size-md){--h-icon-container-border-radius:var(--h-icon-container-md-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-md-padding)}.hearth-IconContainer:where(.desktop\:hearth-r-size-sm){--h-icon-container-border-radius:var(--h-icon-container-sm-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-sm-padding)}}@media (min-width:1200px){.hearth-IconContainer:where(.wide\:hearth-r-size-lg){--h-icon-container-border-radius:var(--h-icon-container-lg-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-lg-padding)}.hearth-IconContainer:where(.wide\:hearth-r-size-md){--h-icon-container-border-radius:var(--h-icon-container-md-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-md-padding)}.hearth-IconContainer:where(.wide\:hearth-r-size-sm){--h-icon-container-border-radius:var(--h-icon-container-sm-border-radius-rounded);--h-icon-container-padding:var(--h-icon-container-sm-padding)}}.hearth-IconContainer:where([data-fill=height],[data-fill=both]){height:100%}.hearth-IconContainer:where([data-fill=width],[data-fill=both]){width:100%}.hearth-IconContainer:where([data-colorscheme=pig]){--h-icon-container-emphasis-color:var(--h-text-primary);--h-icon-container-emphasis-background-color:var(--h-surface-pig-default);--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-pig-subtle)}.hearth-IconContainer:where([data-colorscheme=energy]){--h-icon-container-emphasis-color:var(--h-text-primary);--h-icon-container-emphasis-background-color:var(--h-surface-energy-default);--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-energy-subtle)}.hearth-IconContainer:where([data-colorscheme=broadband]){--h-icon-container-emphasis-color:var(--h-text-primary);--h-icon-container-emphasis-background-color:var(--h-surface-broadband-default);--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-broadband-subtle)}.hearth-IconContainer:where([data-colorscheme=mobile]){--h-icon-container-emphasis-color:var(--h-text-primary);--h-icon-container-emphasis-background-color:var(--h-surface-mobile-default);--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-mobile-subtle)}.hearth-IconContainer:where([data-colorscheme=cashback]){--h-icon-container-emphasis-color:var(--h-text-primary);--h-icon-container-emphasis-background-color:var(--h-surface-cashback-default);--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-cashback-subtle)}.hearth-IconContainer:where([data-colorscheme=insurance]){--h-icon-container-emphasis-color:var(--h-text-primary);--h-icon-container-emphasis-background-color:var(--h-surface-insurance-default);--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-insurance-subtle)}.hearth-IconContainer:where([data-colorscheme=highlight]){--h-icon-container-subtle-color:var(--h-text-primary);--h-icon-container-subtle-background-color:var(--h-surface-highlight-subtle)}.hearth-Accordion{display:flex;flex-direction:column;gap:var(--h-accordion-gap)}.hearth-Accordion :where(.hearth-AccordionItem){border-bottom:var(--h-divider-border-width) solid var(--h-border-subtle)}:is(.hearth-Accordion :where(.hearth-AccordionItem)) :where(.hearth-AccordionItemHeader){display:flex;flex-direction:column}:is(.hearth-Accordion :where(.hearth-AccordionItem)) :where(.hearth-AccordionHeader){display:flex}:is(.hearth-Accordion :where(.hearth-AccordionItem)) :where(.hearth-AccordionItemDescription){color:var(--h-text-primary);font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-regular);line-height:var(--h-body-text-md-line-height);padding-inline:var(--h-accordion-item-heading-padding-horizontal);padding-bottom:var(--h-accordion-item-content-padding-bottom);padding-top:var(--h-accordion-item-content-padding-top)}.hearth-Accordion :where(.hearth-AccordionTrigger){all:unset;align-items:center;color:var(--h-text-primary);cursor:pointer;display:flex;flex:1;flex-direction:row;font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-semibold);gap:var(--h-accordion-item-heading-gap);justify-content:space-between;line-height:var(--h-body-text-md-line-height);padding-block:var(--h-accordion-item-heading-padding-vertical);padding-inline:var(--h-accordion-item-heading-padding-horizontal)}@media (hover:hover){:is(.hearth-Accordion :where(.hearth-AccordionTrigger)):where(:hover){background-color:var(--h-interactive-neutral-surface-subtle-hover)}}:is(.hearth-Accordion :where(.hearth-AccordionTrigger)):where(:active){background-color:var(--h-interactive-neutral-surface-subtle-active)}:is(.hearth-Accordion :where(.hearth-AccordionTrigger)):where(:focus-visible){outline:2px solid var(--h-focus-primary);outline-offset:1px}.hearth-Accordion :where(.hearth-AccordionChevron){transition:transform .3s}.hearth-Accordion :where(.hearth-AccordionTrigger[data-state=open]>.hearth-AccordionChevron){transform:rotate(180deg)}.hearth-Accordion :where(.hearth-AccordionContent){overflow:hidden}.hearth-Accordion :where(.hearth-AccordionContent[data-state=open]){animation:hearth-slide-down .3s ease-out}.hearth-Accordion :where(.hearth-AccordionContent[data-state=closed]){animation:hearth-slide-up .3s ease-out}.hearth-Accordion :where(.hearth-AccordionContentText){padding-inline:var(--h-accordion-item-heading-padding-horizontal);padding-bottom:var(--h-accordion-item-content-padding-bottom);padding-top:var(--h-accordion-item-content-padding-top)}@keyframes hearth-slide-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes hearth-slide-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.hearth-Select{display:flex;flex-direction:column;gap:var(--h-select-gap);max-width:var(--h-select-max-width);min-width:var(--h-select-min-width);width:100%}.hearth-Select :where(.hearth-SelectTrigger){all:unset;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--h-surface-neutral-strong);border:var(--h-select-border-width) solid var(--h-select-border,var(--h-border-strong));border-radius:var(--h-select-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-regular);gap:var(--h-select-gap);justify-content:space-between;line-height:var(--h-body-text-md-line-height);outline:transparent;padding-block:var(--h-select-padding-vertical);padding-inline:var(--h-select-padding-horizontal);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--radix-select-trigger-width);--h-select-border-color-focus:var(--h-border-strong)}:is(.hearth-Select :where(.hearth-SelectTrigger)):where([data-placeholder]){color:var(--h-text-secondary)}:is(.hearth-Select :where(.hearth-SelectTrigger)):where([data-disabled]){cursor:default}:is(.hearth-Select :where(.hearth-SelectTrigger)):where(:focus-visible,[data-state=open]){outline:var(--h-select-border-width-focused) solid var(--h-select-border-color-focus);outline-offset:-1px}:is(.hearth-Select :where(.hearth-SelectTrigger)):where([data-validation-status=valid]){--h-select-border:var(--h-feedback-positive-border);--h-select-border-color-focus:var(--h-feedback-positive-border)}:is(.hearth-Select :where(.hearth-SelectTrigger)):where([data-validation-status=invalid]){--h-select-border:var(--h-feedback-danger-border);--h-select-border-color-focus:var(--h-feedback-danger-border)}:is(.hearth-Select :where(.hearth-SelectTrigger)) :where(.hearth-SelectTriggerIcon){align-items:center;color:var(--h-text-primary);display:inline-flex}.hearth-SelectContent{align-items:flex-start;background-color:var(--h-surface-neutral-strong);border:var(--h-select-dropdown-border-width) solid var(--h-border-subtle);border-radius:var(--h-select-border-radius);color:var(--h-interactive-functional-foreground-subtle);display:flex;flex-direction:column;gap:var(--h-select-dropdown-gap);max-height:var(--radix-select-content-available-height);padding:var(--h-select-dropdown-padding);width:var(--radix-select-trigger-width)}.hearth-SelectContent :where(.hearth-SelectViewport){width:100%}.hearth-SelectContent :where(.hearth-SelectItem){align-items:center;border-radius:var(--h-select-dropdown-item-border-radius);color:var(--h-interactive-functional-foreground-subtle);display:inline-flex;font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-regular);gap:var(--h-select-dropdown-item-gap);justify-content:space-between;line-height:var(--h-body-text-md-line-height);padding:var(--h-select-dropdown-item-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}:is(.hearth-SelectContent :where(.hearth-SelectItem)):where([data-highlighted]){background-color:var(--h-interactive-functional-surface-subtle-hover);outline:none}:is(.hearth-SelectContent :where(.hearth-SelectItem)):where(:active):not([data-disabled]){background-color:var(--h-interactive-functional-surface-subtle-active)}.hearth-SelectContent :where(span[aria-hidden=true]:has(svg)){align-items:center;display:inline-flex}.hearth-ToggleButtonCard{border:none;cursor:pointer;gap:var(--h-card-selectable-gap)}.hearth-ToggleButtonCard:has(button[data-state=off]){box-shadow:inset 0 0 0 var(--h-card-neutral-subtle-border-width) var(--h-border-subtle)}.hearth-ToggleButtonCard:has(button[data-state=on]){box-shadow:inset 0 0 0 var(--h-card-brand-border-width) var(--h-border-strong)}.hearth-ToggleButtonCard .hearth-ToggleButtonCardItem{all:unset;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;outline:transparent;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border-radius:var(--h-toggle-button-border-radius);box-shadow:inset 0 0 0 var(--h-toggle-button-border-width) var(--h-interactive-neutral-border-subtle);color:var(--h-interactive-neutral-foreground-subtle);font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-semibold);gap:var(--h-toggle-button-gap);line-height:var(--h-body-text-md-line-height);min-width:var(--h-toggle-button-min-width);padding-block:var(--h-toggle-button-padding-vertical);padding-inline:var(--h-toggle-button-padding-horizontal);touch-action:manipulation;transition:background-color .2s ease-out}@media (hover:hover){:is(.hearth-ToggleButtonCard .hearth-ToggleButtonCardItem):where(:hover){background-color:var(--h-interactive-neutral-surface-subtle-hover)}}:is(.hearth-ToggleButtonCard .hearth-ToggleButtonCardItem):where(:active){background-color:var(--h-interactive-neutral-surface-subtle-active)}:is(.hearth-ToggleButtonCard .hearth-ToggleButtonCardItem):after{content:"";inset:0;position:absolute;z-index:0}[data-state=on]:is(.hearth-ToggleButtonCard .hearth-ToggleButtonCardItem){background-color:var(--h-interactive-brand-surface-strong-default);color:var(--h-interactive-brand-foreground-strong)}@media (hover:hover){[data-state=on]:is(.hearth-ToggleButtonCard .hearth-ToggleButtonCardItem):where(:hover){background-color:var(--h-interactive-brand-surface-strong-hover)}}[data-state=on]:is(.hearth-ToggleButtonCard .hearth-ToggleButtonCardItem):where(:active){background-color:var(--h-interactive-brand-surface-strong-active)}[data-state=off]:is(.hearth-ToggleButtonCard .hearth-ToggleButtonCardItem) svg{display:none}.hearth-DescriptionList{display:flex;flex-direction:column;gap:var(--h-description-list-gap)}.hearth-DescriptionList :where(.hearth-DescriptionListContainer){flex-direction:column;gap:var(--h-description-list-stack-gap)}.hearth-DescriptionListItem{flex-direction:row;gap:var(--h-description-list-item-gap);justify-content:space-between;width:100%}.hearth-DescriptionListItem :where(.hearth-Flex){-moz-column-gap:var(--h-description-list-item-row-gap);column-gap:var(--h-description-list-item-row-gap)}:is(.hearth-DescriptionListItem :where(.hearth-Flex)) :where(.hearth-Flex){flex-direction:column}.hearth-DescriptionListItem dt{color:var(--h-text-secondary);width:var(--h-description-list-item-row-heading-width)}.hearth-DescriptionListItem dd{color:var(--h-text-primary)}.hearth-Menu{display:flex;flex-direction:column}.hearth-Menu,.hearth-MenuContent{max-width:var(--h-menu-max-width);min-width:var(--h-menu-min-width)}.hearth-MenuContent{background-color:var(--h-surface-neutral-strong);border:var(--h-select-dropdown-border-width) solid var(--h-border-subtle);border-radius:var(--h-select-border-radius);color:var(--h-interactive-functional-foreground-subtle);padding:var(--h-menu-padding)}.hearth-MenuContent :where(.hearth-MenuContentList){align-items:flex-start;display:flex;flex-direction:column;gap:var(--h-menu-gap)}.hearth-MenuContent :where(.hearth-MenuItem){align-items:center;border-radius:var(--h-menu-item-border-radius);display:inline-flex;font-family:var(--h-font-family-body);font-size:var(--h-body-text-md-font-size);font-weight:var(--h-font-weight-regular);gap:var(--h-menu-item-gap);justify-content:space-between;line-height:var(--h-body-text-md-line-height);padding:var(--h-menu-item-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}:is(.hearth-MenuContent :where(.hearth-MenuItem)):not([data-disabled]){cursor:pointer}:is(.hearth-MenuContent :where(.hearth-MenuItem)):where([data-colorscheme=functional]){color:var(--h-interactive-functional-foreground-subtle);--h-menu-item-background-colour-hover:var(--h-interactive-functional-surface-subtle-hover);--h-menu-item-background-colour-active:var(--h-interactive-functional-surface-subtle-active)}:is(.hearth-MenuContent :where(.hearth-MenuItem)):where([data-colorscheme=destructive]){color:var(--h-interactive-destructive-foreground-subtle);--h-menu-item-background-colour-hover:var(--h-interactive-destructive-surface-subtle-hover);--h-menu-item-background-colour-active:var(
10
10
  --h-interactive-destructive-surface-subtle-active
11
- )}@media (hover:hover){:is(.hearth-MenuContent :where(.hearth-MenuItem)):where(:hover,[data-highlighted]):not([data-disabled]){background-color:var(--h-menu-item-background-colour-hover);outline:none}}:is(.hearth-MenuContent :where(.hearth-MenuItem)):where(:active):not([data-disabled]){background-color:var(--h-menu-item-background-colour-active)}.hearth-Breadcrumbs :where(ol){display:flex;flex-direction:row;gap:var(--h-breadcrumb-gap)}.hearth-BreadcrumbItem>.hearth-BodyText{cursor:default;opacity:1}.hearth-ProgressStepper :where(ol){align-items:flex-start;counter-reset:list-item;display:flex;flex-direction:row;gap:var(--h-progress-stepper-gap-horizontal);list-style:none;margin:var(--h-space-0);padding:var(--h-space-0)}.hearth-ProgressStep{align-items:stretch;counter-increment:list-item;display:flex;flex:1;flex-direction:column}.hearth-ProgressStepRow{align-items:center;display:flex;flex-direction:row;gap:var(--h-progress-stepper-gap-horizontal)}.hearth-ProgressStepIndicator{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:var(--h-progress-stepper-indicator-height);justify-content:center;position:relative;width:var(--h-progress-stepper-indicator-width)}.hearth-ProgressStepIndicator[data-status=complete]{background-color:var(--h-progress-stepper-bar-complete-background-color);border:none}.hearth-ProgressStepIndicator[data-status=complete]>svg{color:var(--h-progress-stepper-indicator-complete-icon-color)}.hearth-ProgressStepIndicator[data-status=active]{background-color:var(--h-progress-stepper-bar-complete-background-color);border:none}.hearth-ProgressStepIndicator[data-status=active]:before{background-color:var(--h-progress-stepper-bar-complete-background-color);border:2px solid var(--h-color-warm-white-50);border-radius:50%;content:"";height:calc(var(--h-progress-stepper-indicator-height) - var(--h-border-width-2)*2);position:absolute;width:calc(var(--h-progress-stepper-indicator-width) - var(--h-border-width-2)*2)}.hearth-ProgressStepIndicator[data-status=active]:after{color:var(--h-progress-stepper-indicator-complete-icon-color);content:counter(list-item);font-family:var(--h-font-family-body);font-size:var(--h-font-size-100);font-weight:var(--h-font-weight-medium);line-height:1;position:relative}.hearth-ProgressStepIndicator[data-status=incomplete]{background-color:var(--h-color-warm-white-50);border:var(--h-progress-stepper-indicator-future-border-width) solid var(--h-color-grey-400)}.hearth-ProgressStepIndicator[data-status=incomplete]:after{color:var(--h-color-grey-700);content:counter(list-item);font-family:var(--h-font-family-body);font-size:var(--h-font-size-100);font-weight:var(--h-font-weight-medium);line-height:1}.hearth-ProgressStepConnector{flex:1;height:var(--h-progress-stepper-bar-height)}.hearth-ProgressStepConnector[data-status=complete]{background-color:var(--h-progress-stepper-bar-complete-background-color)}.hearth-ProgressStepConnector[data-status=active],.hearth-ProgressStepConnector[data-status=incomplete]{background-color:var(--h-color-grey-400)}.hearth-ProgressStep:last-child{flex:0}.hearth-ProgressStep:last-child .hearth-ProgressStepConnector{display:none}.hearth-ProgressStepLabel{margin-top:var(--h-progress-stepper-gap-vertical);text-align:left;white-space:nowrap}.hearth-Avatar{align-items:center;background-color:var(--h-surface-pig-subtle);display:inline-flex;justify-content:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.hearth-Avatar:where(.hearth-r-size-md){border-radius:var(--h-avatar-md-border-radius);height:48px;width:48px}.hearth-Avatar:where(.hearth-r-size-sm){border-radius:var(--h-avatar-sm-border-radius);height:32px;width:32px}@media (min-width:740px){.hearth-Avatar:where(.tablet\:hearth-r-size-md){border-radius:var(--h-avatar-md-border-radius);height:48px;width:48px}.hearth-Avatar:where(.tablet\:hearth-r-size-sm){border-radius:var(--h-avatar-sm-border-radius);height:32px;width:32px}}@media (min-width:992px){.hearth-Avatar:where(.desktop\:hearth-r-size-md){border-radius:var(--h-avatar-md-border-radius);height:48px;width:48px}.hearth-Avatar:where(.desktop\:hearth-r-size-sm){border-radius:var(--h-avatar-sm-border-radius);height:32px;width:32px}}@media (min-width:1200px){.hearth-Avatar:where(.wide\:hearth-r-size-md){border-radius:var(--h-avatar-md-border-radius);height:48px;width:48px}.hearth-Avatar:where(.wide\:hearth-r-size-sm){border-radius:var(--h-avatar-sm-border-radius);height:32px;width:32px}}.hearth-Avatar .hearth-AvatarImage{border-radius:inherit;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hearth-Avatar .hearth-AvatarFallback{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.hearth-ProgressBar :where(.hearth-ProgressBarLinear){display:grid;grid-template-columns:1fr 1fr;row-gap:var(--h-progress-bar-linear-gap);width:100%}:is(.hearth-ProgressBar :where(.hearth-ProgressBarLinear)) :where(.hearth-ProgressBarLabel){grid-column-start:1;text-align:left}:is(.hearth-ProgressBar :where(.hearth-ProgressBarLinear)) :where(.hearth-ProgressBarValueText){grid-column-start:2;text-align:right}:is(.hearth-ProgressBar :where(.hearth-ProgressBarLinear)) :where(.hearth-ProgressBarLinearTrack){background-color:var(--h-progress-bar-bar-color);border-radius:var(--h-progress-bar-linear-bar-border-radius);grid-column:1/3;height:var(--h-progress-bar-linear-bar-height);overflow:hidden;position:relative;width:100%}:is(.hearth-ProgressBar :where(.hearth-ProgressBarLinear)) :where(.hearth-ProgressBarLinearIndicator){background-color:var(--h-progress-bar-progress-default-color);border-radius:var(--h-progress-bar-linear-bar-border-radius);height:100%;transition:width .3s ease-in-out}:is(:is(.hearth-ProgressBar :where(.hearth-ProgressBarLinear)) :where(.hearth-ProgressBarLinearIndicator)):where([data-colorscheme=success] :is(:is(.hearth-ProgressBar :where(.hearth-ProgressBarLinear)) :where(.hearth-ProgressBarLinearIndicator))){background-color:var(--h-progress-bar-progress-success-color)}:is(:is(.hearth-ProgressBar :where(.hearth-ProgressBarLinear)) :where(.hearth-ProgressBarLinearIndicator)):where([data-colorscheme=danger] :is(:is(.hearth-ProgressBar :where(.hearth-ProgressBarLinear)) :where(.hearth-ProgressBarLinearIndicator))){background-color:var(--h-progress-bar-progress-danger-color)}.hearth-ProgressBar :where(.hearth-ProgressBarCircular){align-items:center;display:flex;height:var(--h-progress-bar-circular-size);justify-content:center;position:relative;width:var(--h-progress-bar-circular-size);--h-pi:3.14;--h-radius:calc(var(--h-progress-bar-circular-size)/2 - var(--h-progress-bar-circular-bar-width)/2);--h-circumference:calc(var(--h-pi)*2*var(--h-radius));--h-stroke-dashoffset:calc(var(--h-circumference) - var(--h-value)/100*var(--h-circumference))}:is(.hearth-ProgressBar :where(.hearth-ProgressBarCircular)) :where(.hearth-ProgressBarLabel){display:var(--h-progress-bar-label-display,block)}:is(.hearth-ProgressBar :where(.hearth-ProgressBarCircular))>svg{height:100%;position:absolute;width:100%}:is(:is(.hearth-ProgressBar :where(.hearth-ProgressBarCircular))>svg)>circle{cx:50%;cy:50%;r:var(--h-radius);fill:transparent;stroke-width:var(--h-progress-bar-circular-bar-width)}:is(.hearth-ProgressBar :where(.hearth-ProgressBarCircular)) :where(.hearth-ProgressBarValueText){font-family:var(--h-progress-bar-circular-md-label-font-family);font-size:var(--h-progress-bar-circular-label-font-size);font-weight:var(--h-progress-bar-value-text-font-weight);line-height:var(--h-progress-bar-circular-md-label-line-height)}:is(.hearth-ProgressBar :where(.hearth-ProgressBarCircular)):where(.hearth-r-size-md :is(.hearth-ProgressBar :where(.hearth-ProgressBarCircular))){--h-progress-bar-circular-size:var(--h-progress-bar-circular-md-height);--h-progress-bar-circular-bar-width:var(--h-progress-bar-circular-md-bar-width);--h-progress-bar-circular-label-font-weight:var(
11
+ )}@media (hover:hover){:is(.hearth-MenuContent :where(.hearth-MenuItem)):where(:hover,[data-highlighted]):not([data-disabled]){background-color:var(--h-menu-item-background-colour-hover);outline:none}}:is(.hearth-MenuContent :where(.hearth-MenuItem)):where(:active):not([data-disabled]){background-color:var(--h-menu-item-background-colour-active)}.hearth-Breadcrumbs :where(ol){display:flex;flex-direction:row;gap:var(--h-breadcrumb-gap)}.hearth-BreadcrumbItem>.hearth-BodyText{cursor:default;opacity:1}.hearth-ProgressStepper :where(ol){align-items:flex-start;counter-reset:list-item;display:flex;flex-direction:row;gap:var(--h-progress-stepper-gap-horizontal);list-style:none;margin:var(--h-space-0);padding:var(--h-space-0)}.hearth-ProgressStep{align-items:stretch;counter-increment:list-item;display:flex;flex:1;flex-direction:column}.hearth-ProgressStepRow{align-items:center;display:flex;flex-direction:row;gap:var(--h-progress-stepper-gap-horizontal)}.hearth-ProgressStepIndicator{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:var(--h-progress-stepper-indicator-height);justify-content:center;position:relative;width:var(--h-progress-stepper-indicator-width)}.hearth-ProgressStepIndicator[data-status=complete]{background-color:var(--h-progress-stepper-bar-complete-background-color);border:none}.hearth-ProgressStepIndicator[data-status=complete]>svg{color:var(--h-progress-stepper-indicator-complete-icon-color)}.hearth-ProgressStepIndicator[data-status=active]{background-color:var(--h-progress-stepper-bar-complete-background-color);border:none}.hearth-ProgressStepIndicator[data-status=active]:before{background-color:var(--h-progress-stepper-bar-complete-background-color);border:2px solid var(--h-color-warm-white-50);border-radius:50%;content:"";height:calc(var(--h-progress-stepper-indicator-height) - var(--h-border-width-2)*2);position:absolute;width:calc(var(--h-progress-stepper-indicator-width) - var(--h-border-width-2)*2)}.hearth-ProgressStepIndicator[data-status=active]:after{color:var(--h-progress-stepper-indicator-complete-icon-color);content:counter(list-item);font-family:var(--h-font-family-body);font-size:var(--h-font-size-100);font-weight:var(--h-font-weight-medium);line-height:1;position:relative}.hearth-ProgressStepIndicator[data-status=incomplete]{background-color:var(--h-color-warm-white-50);border:var(--h-progress-stepper-indicator-future-border-width) solid var(--h-color-grey-400)}.hearth-ProgressStepIndicator[data-status=incomplete]:after{color:var(--h-color-grey-700);content:counter(list-item);font-family:var(--h-font-family-body);font-size:var(--h-font-size-100);font-weight:var(--h-font-weight-medium);line-height:1}.hearth-ProgressStepConnector{flex:1;height:var(--h-progress-stepper-bar-height)}.hearth-ProgressStepConnector[data-status=complete]{background-color:var(--h-progress-stepper-bar-complete-background-color)}.hearth-ProgressStepConnector[data-status=active],.hearth-ProgressStepConnector[data-status=incomplete]{background-color:var(--h-color-grey-400)}.hearth-ProgressStep:last-child{flex:0}.hearth-ProgressStep:last-child .hearth-ProgressStepConnector{display:none}.hearth-ProgressStepLabel{margin-top:var(--h-progress-stepper-gap-vertical);text-align:left;white-space:nowrap}.hearth-Avatar{align-items:center;background-color:var(--h-surface-pig-subtle);display:inline-flex;justify-content:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.hearth-Avatar:where(.hearth-r-size-md){border-radius:var(--h-avatar-md-border-radius);height:48px;width:48px}.hearth-Avatar:where(.hearth-r-size-sm){border-radius:var(--h-avatar-sm-border-radius);height:32px;width:32px}@media (min-width:740px){.hearth-Avatar:where(.tablet\:hearth-r-size-md){border-radius:var(--h-avatar-md-border-radius);height:48px;width:48px}.hearth-Avatar:where(.tablet\:hearth-r-size-sm){border-radius:var(--h-avatar-sm-border-radius);height:32px;width:32px}}@media (min-width:992px){.hearth-Avatar:where(.desktop\:hearth-r-size-md){border-radius:var(--h-avatar-md-border-radius);height:48px;width:48px}.hearth-Avatar:where(.desktop\:hearth-r-size-sm){border-radius:var(--h-avatar-sm-border-radius);height:32px;width:32px}}@media (min-width:1200px){.hearth-Avatar:where(.wide\:hearth-r-size-md){border-radius:var(--h-avatar-md-border-radius);height:48px;width:48px}.hearth-Avatar:where(.wide\:hearth-r-size-sm){border-radius:var(--h-avatar-sm-border-radius);height:32px;width:32px}}.hearth-Avatar .hearth-AvatarImage{border-radius:inherit;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hearth-Avatar .hearth-AvatarFallback{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.hearth-ProgressBar :where(.hearth-ProgressBarLinear){display:grid;grid-template-columns:1fr 1fr;row-gap:var(--h-progress-bar-linear-gap);width:100%}:is(.hearth-ProgressBar :where(.hearth-ProgressBarLinear)) :where(.hearth-ProgressBarLabel){grid-column-start:1;text-align:left}:is(.hearth-ProgressBar :where(.hearth-ProgressBarLinear)) :where(.hearth-ProgressBarValueText){grid-column-start:2;text-align:right}:is(.hearth-ProgressBar :where(.hearth-ProgressBarLinear)) :where(.hearth-ProgressBarLinearTrack){background-color:var(--h-progress-bar-bar-color);border-radius:var(--h-progress-bar-linear-bar-border-radius);grid-column:1/3;height:var(--h-progress-bar-linear-bar-height);overflow:hidden;position:relative;width:100%}:is(.hearth-ProgressBar :where(.hearth-ProgressBarLinear)) :where(.hearth-ProgressBarLinearIndicator){background-color:var(--h-progress-bar-progress-default-color);border-radius:var(--h-progress-bar-linear-bar-border-radius);height:100%;transition:width .3s ease-in-out}:is(:is(.hearth-ProgressBar :where(.hearth-ProgressBarLinear)) :where(.hearth-ProgressBarLinearIndicator)):where([data-colorscheme=success] :is(:is(.hearth-ProgressBar :where(.hearth-ProgressBarLinear)) :where(.hearth-ProgressBarLinearIndicator))){background-color:var(--h-progress-bar-progress-success-color)}:is(:is(.hearth-ProgressBar :where(.hearth-ProgressBarLinear)) :where(.hearth-ProgressBarLinearIndicator)):where([data-colorscheme=danger] :is(:is(.hearth-ProgressBar :where(.hearth-ProgressBarLinear)) :where(.hearth-ProgressBarLinearIndicator))){background-color:var(--h-progress-bar-progress-danger-color)}.hearth-ProgressBar :where(.hearth-ProgressBarCircular){align-items:center;display:flex;height:var(--h-progress-bar-circular-size);justify-content:center;position:relative;width:var(--h-progress-bar-circular-size);--h-pi:3.14;--h-radius:calc(var(--h-progress-bar-circular-size)/2 - var(--h-progress-bar-circular-bar-width)/2);--h-circumference:calc(var(--h-pi)*2*var(--h-radius));--h-stroke-dashoffset:calc(var(--h-circumference) - var(--h-value)/100*var(--h-circumference))}:is(.hearth-ProgressBar :where(.hearth-ProgressBarCircular)) :where(.hearth-ProgressBarLabel){display:var(--h-progress-bar-label-display,block);max-width:90px;text-wrap:wrap}:is(.hearth-ProgressBar :where(.hearth-ProgressBarCircular))>svg{height:100%;position:absolute;width:100%}:is(:is(.hearth-ProgressBar :where(.hearth-ProgressBarCircular))>svg)>circle{cx:50%;cy:50%;r:var(--h-radius);fill:transparent;stroke-width:var(--h-progress-bar-circular-bar-width)}:is(.hearth-ProgressBar :where(.hearth-ProgressBarCircular)) :where(.hearth-ProgressBarValueText){font-family:var(--h-progress-bar-circular-md-label-font-family);font-size:var(--h-progress-bar-circular-label-font-size);font-weight:var(--h-progress-bar-value-text-font-weight);line-height:var(--h-progress-bar-circular-md-label-line-height)}:is(.hearth-ProgressBar :where(.hearth-ProgressBarCircular)):where(.hearth-r-size-md :is(.hearth-ProgressBar :where(.hearth-ProgressBarCircular))){--h-progress-bar-circular-size:var(--h-progress-bar-circular-md-height);--h-progress-bar-circular-bar-width:var(--h-progress-bar-circular-md-bar-width);--h-progress-bar-circular-label-font-weight:var(
12
12
  --h-progress-bar-circular-md-label-font-weight
13
13
  );--h-progress-bar-circular-label-font-size:var(
14
14
  --h-progress-bar-circular-md-label-font-size
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import * as React from 'react';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { avatarPropDefs, AvatarProps } from './Avatar.props';\nimport { Avatar as RadixAvatar } from 'radix-ui';\nimport { UserMediumIcon, UserSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport { getInitials } from '../../helpers/get-initials';\nimport { getResponsiveSizeTranslation } from '../../helpers/get-responsive-size-translation';\nimport { BodyTextProps } from '../BodyText/BodyText.props';\nimport { Box } from '../Box/Box';\nimport type { BoxProps } from '../Box/Box.props';\n\nconst COMPONENT_NAME = 'Avatar';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Avatar: React.FC<AvatarProps> = props => {\n const {\n className,\n src,\n name,\n delayMs = 0,\n ...avatarProps\n } = extractProps(props, avatarPropDefs, marginPropDefs);\n\n const initials = getInitials(name);\n\n const bodyTextSize = getResponsiveSizeTranslation(props.size || 'md', { sm: 'md', md: 'lg' });\n const mediumIconDisplay = getResponsiveSizeTranslation(props.size || 'md', {\n sm: 'none',\n md: 'block',\n });\n const smallIconDisplay = getResponsiveSizeTranslation(props.size || 'md', {\n sm: 'block',\n md: 'none',\n });\n\n return (\n <RadixAvatar.Root className={clsx(componentClassName, className)}>\n {src ? (\n <RadixAvatar.Image\n className={`${componentClassName}Image`}\n src={src}\n alt={name}\n {...avatarProps}\n />\n ) : null}\n <RadixAvatar.Fallback className={`${componentClassName}Fallback`} delayMs={delayMs}>\n {name ? (\n <BodyText\n as=\"span\"\n weight=\"semibold\"\n size={bodyTextSize as BodyTextProps['size']}\n textTransform=\"uppercase\"\n >\n {initials}\n </BodyText>\n ) : (\n <>\n <Box asChild display={smallIconDisplay as BoxProps['display']}>\n <UserSmallIcon />\n </Box>\n <Box asChild display={mediumIconDisplay as BoxProps['display']}>\n <UserMediumIcon />\n </Box>\n </>\n )}\n </RadixAvatar.Fallback>\n </RadixAvatar.Root>\n );\n};\n\nAvatar.displayName = COMPONENT_NAME;\n"],"mappings":"gUAAA,UAAYA,MAAW,QACvB,OAAOC,MAAU,OAKjB,OAAS,UAAUC,MAAmB,WACtC,OAAS,kBAAAC,EAAgB,iBAAAC,MAAqB,uCAQ9C,IAAMC,EAAiB,SACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAgCC,GAAS,CACpD,GAAM,CACJ,UAAAC,EACA,IAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,EACV,GAAGC,CACL,EAAIC,EAAaN,EAAOO,EAAgBC,CAAc,EAEhDC,EAAWC,EAAYP,CAAI,EAE3BQ,EAAeC,EAA6BZ,EAAM,MAAQ,KAAM,CAAE,GAAI,KAAM,GAAI,IAAK,CAAC,EACtFa,EAAoBD,EAA6BZ,EAAM,MAAQ,KAAM,CACzE,GAAI,OACJ,GAAI,OACN,CAAC,EACKc,EAAmBF,EAA6BZ,EAAM,MAAQ,KAAM,CACxE,GAAI,QACJ,GAAI,MACN,CAAC,EAED,OACE,gBAACe,EAAY,KAAZ,CAAiB,UAAWC,EAAKnB,EAAoBI,CAAS,GAC5DC,EACC,gBAACa,EAAY,MAAZ,CACC,UAAW,GAAGlB,CAAkB,QAChC,IAAKK,EACL,IAAKC,EACJ,GAAGE,EACN,EACE,KACJ,gBAACU,EAAY,SAAZ,CAAqB,UAAW,GAAGlB,CAAkB,WAAY,QAASO,GACxED,EACC,gBAACc,EAAA,CACC,GAAG,OACH,OAAO,WACP,KAAMN,EACN,cAAc,aAEbF,CACH,EAEA,gCACE,gBAACS,EAAA,CAAI,QAAO,GAAC,QAASJ,GACpB,gBAACK,EAAA,IAAc,CACjB,EACA,gBAACD,EAAA,CAAI,QAAO,GAAC,QAASL,GACpB,gBAACO,EAAA,IAAe,CAClB,CACF,CAEJ,CACF,CAEJ,EAEArB,EAAO,YAAcH","names":["React","clsx","RadixAvatar","UserMediumIcon","UserSmallIcon","COMPONENT_NAME","componentClassName","withGlobalPrefix","Avatar","props","className","src","name","delayMs","avatarProps","extractProps","avatarPropDefs","marginPropDefs","initials","getInitials","bodyTextSize","getResponsiveSizeTranslation","mediumIconDisplay","smallIconDisplay","RadixAvatar","clsx","BodyText","Box","UserSmallIcon","UserMediumIcon"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-A7QCHPE4.cjs","../src/helpers/get-responsive-size-translation.ts"],"names":["getResponsiveSizeTranslation","size","translation","isResponsiveObject","acc","bp","translated"],"mappings":"AAAA,iIAAwC,SCoBxBA,CAAAA,CACdC,CAAAA,CACAC,CAAAA,CACgC,CAChC,EAAA,CAAI,OAAOD,CAAAA,EAAS,QAAA,CAClB,OAAOC,CAAAA,CAAYD,CAAI,CAAA,CAEzB,EAAA,CAAIE,iCAAAA,CAAuB,CAAA,CACzB,OAAO,MAAA,CAAO,IAAA,CAAKF,CAAI,CAAA,CAAE,MAAA,CAAO,CAACG,CAAAA,CAAgCC,CAAAA,CAAAA,EAAe,CAC9E,IAAMC,CAAAA,CAAaJ,CAAAA,CAAYD,CAAAA,CAAKI,CAAgB,CAAC,CAAA,CACrD,OAAIC,CAAAA,EAAAA,CACFF,CAAAA,CAAIC,CAAE,CAAA,CAAIC,CAAAA,CAAAA,CAELF,CACT,CAAA,CAAG,CAAC,CAAC,CAET,CAAA,cAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-A7QCHPE4.cjs","sourcesContent":[null,"import type { Breakpoint, Responsive } from '../types/responsive';\nimport { isResponsiveObject } from './is-responsive-object';\n\n/**\n * Translates a responsive size value according to a provided mapping.\n *\n * If a responsive size object is provided, the translation is applied per\n * breakpoint and a responsive size object is returned.\n *\n * Examples\n * ```ts\n * getResponsiveSizeTranslation('large', { large: 'medium', medium: 'small' }) // => 'medium'\n * getResponsiveSizeTranslation({ mobile: 'small', tablet: 'large' }, { large: 'medium', small: 'tiny' })\n * // => { mobile: 'tiny', tablet: 'medium' }\n * ```\n *\n * @param size - The size value (string or responsive object) to translate.\n * @param translation - Mapping object from input size to output size.\n * @returns The translated size (string or responsive object). May be `undefined` if input is unsupported.\n */\nexport function getResponsiveSizeTranslation(\n size: Responsive<string>,\n translation: { [key: string]: Responsive<string> }\n): Responsive<string> | undefined {\n if (typeof size === 'string') {\n return translation[size];\n }\n if (isResponsiveObject(size)) {\n return Object.keys(size).reduce((acc: { [key: string]: string }, bp: string) => {\n const translated = translation[size[bp as Breakpoint]];\n if (translated) {\n acc[bp] = translated as string;\n }\n return acc;\n }, {});\n }\n}\n"]}
@@ -1,2 +0,0 @@
1
- import{a as i}from"./chunk-JKIDUQDG.js";function p(e,n){if(typeof e=="string")return n[e];if(i(e))return Object.keys(e).reduce((s,t)=>{let r=n[e[t]];return r&&(s[t]=r),s},{})}export{p as a};
2
- //# sourceMappingURL=chunk-BPLBZ4OW.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/helpers/get-responsive-size-translation.ts"],"sourcesContent":["import type { Breakpoint, Responsive } from '../types/responsive';\nimport { isResponsiveObject } from './is-responsive-object';\n\n/**\n * Translates a responsive size value according to a provided mapping.\n *\n * If a responsive size object is provided, the translation is applied per\n * breakpoint and a responsive size object is returned.\n *\n * Examples\n * ```ts\n * getResponsiveSizeTranslation('large', { large: 'medium', medium: 'small' }) // => 'medium'\n * getResponsiveSizeTranslation({ mobile: 'small', tablet: 'large' }, { large: 'medium', small: 'tiny' })\n * // => { mobile: 'tiny', tablet: 'medium' }\n * ```\n *\n * @param size - The size value (string or responsive object) to translate.\n * @param translation - Mapping object from input size to output size.\n * @returns The translated size (string or responsive object). May be `undefined` if input is unsupported.\n */\nexport function getResponsiveSizeTranslation(\n size: Responsive<string>,\n translation: { [key: string]: Responsive<string> }\n): Responsive<string> | undefined {\n if (typeof size === 'string') {\n return translation[size];\n }\n if (isResponsiveObject(size)) {\n return Object.keys(size).reduce((acc: { [key: string]: string }, bp: string) => {\n const translated = translation[size[bp as Breakpoint]];\n if (translated) {\n acc[bp] = translated as string;\n }\n return acc;\n }, {});\n }\n}\n"],"mappings":"wCAoBO,SAASA,EACdC,EACAC,EACgC,CAChC,GAAI,OAAOD,GAAS,SAClB,OAAOC,EAAYD,CAAI,EAEzB,GAAIE,EAAmBF,CAAI,EACzB,OAAO,OAAO,KAAKA,CAAI,EAAE,OAAO,CAACG,EAAgCC,IAAe,CAC9E,IAAMC,EAAaJ,EAAYD,EAAKI,CAAgB,CAAC,EACrD,OAAIC,IACFF,EAAIC,CAAE,EAAIC,GAELF,CACT,EAAG,CAAC,CAAC,CAET","names":["getResponsiveSizeTranslation","size","translation","isResponsiveObject","acc","bp","translated"]}
@@ -1,2 +0,0 @@
1
- import{a as r}from"./chunk-SX25PHVU.js";import{b as e}from"./chunk-JTQWB7E2.js";import*as o from"react";import{ToggleGroup as u}from"radix-ui";import G from"clsx";var t="ToggleGroup",R=e(t),T=o.forwardRef(({className:p,direction:l,type:m="multiple",value:a,defaultValue:g,onValueChange:i,children:s,...n},f)=>{let c={type:m,value:a,defaultValue:g,onValueChange:i,children:s};return o.createElement(r,{asChild:!0,...n},o.createElement(u.Root,{ref:f,className:G(R,p),...c,orientation:l==="column"?"vertical":"horizontal"}))});T.displayName=t;export{T as a};
2
- //# sourceMappingURL=chunk-DAKD232G.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ToggleGroup as RadixToggleGroup } from 'radix-ui';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { ToggleGroupProps } from './ToggleGroup.props';\nimport { Flex } from '../Flex/Flex';\n\nconst COMPONENT_NAME = 'ToggleGroup';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ToggleGroupElement = ElementRef<'div'>;\n\nexport const ToggleGroup = React.forwardRef<ToggleGroupElement, ToggleGroupProps>(\n (\n {\n className,\n direction,\n type = 'multiple',\n value,\n defaultValue,\n onValueChange,\n children,\n ...flexProps\n },\n ref\n ) => {\n const toggleGroupProps = {\n type,\n value,\n defaultValue,\n onValueChange,\n children,\n };\n\n return (\n <Flex asChild {...flexProps}>\n <RadixToggleGroup.Root\n ref={ref}\n className={clsx(componentClassName, className)}\n {...(toggleGroupProps as React.ComponentProps<typeof RadixToggleGroup.Root>)}\n orientation={direction === 'column' ? 'vertical' : 'horizontal'}\n />\n </Flex>\n );\n }\n);\n\nToggleGroup.displayName = COMPONENT_NAME;\n"],"mappings":"gFAAA,UAAYA,MAAW,QACvB,OAAS,eAAeC,MAAwB,WAChD,OAAOC,MAAU,OAMjB,IAAMC,EAAiB,cACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAAoB,aAC/B,CACE,CACE,UAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,WACP,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,IAAMC,EAAmB,CACvB,KAAAP,EACA,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,SAAAC,CACF,EAEA,OACE,gBAACI,EAAA,CAAK,QAAO,GAAE,GAAGH,GAChB,gBAACI,EAAiB,KAAjB,CACC,IAAKH,EACL,UAAWI,EAAKf,EAAoBG,CAAS,EAC5C,GAAIS,EACL,YAAaR,IAAc,SAAW,WAAa,aACrD,CACF,CAEJ,CACF,EAEAF,EAAY,YAAcH","names":["React","RadixToggleGroup","clsx","COMPONENT_NAME","componentClassName","withGlobalPrefix","ToggleGroup","className","direction","type","value","defaultValue","onValueChange","children","flexProps","ref","toggleGroupProps","Flex","RadixToggleGroup","clsx"]}
@@ -1,2 +0,0 @@
1
- import{a as c}from"./chunk-CAZKLHT2.js";import{a as l}from"./chunk-6EBW3DKV.js";import{a as m}from"./chunk-P3SXCN4J.js";import{b as i}from"./chunk-JTQWB7E2.js";import{a}from"./chunk-BPLBZ4OW.js";import{a as p}from"./chunk-AHTIZRCQ.js";import*as t from"react";import C from"clsx";import{Slot as N}from"radix-ui";var d="UnstyledIconButton",R=i(d),U=t.forwardRef((o,f)=>{let{className:u,children:e,label:y,disabled:n,inverted:B,loading:r,onClick:I,asChild:s,...P}=m(o,c),S=a(o.size||"md",{md:"sm",sm:"xs"}),b=s?N.Root:"button";return t.createElement(b,{ref:f,className:C(R,u),"aria-label":y,"aria-disabled":n||r,"data-inverted":B?"":void 0,onClick:n?void 0:I,...P},r?p({asChild:s,children:e},()=>t.createElement(l,{size:S,currentColor:!0})):e)});U.displayName=d;export{U as a};
2
- //# sourceMappingURL=chunk-FCNGZ4M7.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/UnstyledIconButton/UnstyledIconButton.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { unstyledIconButtonPropDefs } from './UnstyledIconButton.props';\nimport type { UnstyledIconButtonProps } from './UnstyledIconButton.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { getResponsiveSizeTranslation } from '../../helpers/get-responsive-size-translation';\nimport type { SpinnerProps } from '../Spinner/Spinner.props';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\n\nconst COMPONENT_NAME = 'UnstyledIconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport type UnstyledIconButtonElement = ElementRef<'button'>;\n\nexport const UnstyledIconButton = React.forwardRef<\n UnstyledIconButtonElement,\n UnstyledIconButtonProps\n>((props, forwardedRef) => {\n const {\n className,\n children,\n label,\n disabled,\n inverted,\n loading,\n onClick,\n asChild,\n ...unstyledIconButtonProps\n } = extractProps(props, unstyledIconButtonPropDefs);\n\n const spinnerSize = getResponsiveSizeTranslation(props.size || 'md', { md: 'sm', sm: 'xs' });\n const Component = asChild ? Slot.Root : 'button';\n\n return (\n <Component\n ref={forwardedRef}\n className={clsx(componentClassName, className)}\n aria-label={label}\n aria-disabled={disabled || loading}\n data-inverted={inverted ? '' : undefined}\n onClick={disabled ? undefined : onClick}\n {...unstyledIconButtonProps}\n >\n {loading\n ? getSubtree({ asChild, children }, () => (\n <Spinner size={spinnerSize as SpinnerProps['size']} currentColor />\n ))\n : children}\n </Component>\n );\n});\n\nUnstyledIconButton.displayName = COMPONENT_NAME;\n"],"mappings":"2OAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAU,OASjB,OAAS,QAAAC,MAAY,WAGrB,IAAMC,EAAiB,qBACjBC,EAAqBC,EAAiBF,CAAc,EAI7CG,EAA2B,aAGtC,CAACC,EAAOC,IAAiB,CACzB,GAAM,CACJ,UAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAIC,EAAaX,EAAOY,CAA0B,EAE5CC,EAAcC,EAA6Bd,EAAM,MAAQ,KAAM,CAAE,GAAI,KAAM,GAAI,IAAK,CAAC,EACrFe,EAAYN,EAAUO,EAAK,KAAO,SAExC,OACE,gBAACD,EAAA,CACC,IAAKd,EACL,UAAWgB,EAAKpB,EAAoBK,CAAS,EAC7C,aAAYE,EACZ,gBAAeC,GAAYE,EAC3B,gBAAeD,EAAW,GAAK,OAC/B,QAASD,EAAW,OAAYG,EAC/B,GAAGE,GAEHH,EACGW,EAAW,CAAE,QAAAT,EAAS,SAAAN,CAAS,EAAG,IAChC,gBAACgB,EAAA,CAAQ,KAAMN,EAAqC,aAAY,GAAC,CAClE,EACDV,CACN,CAEJ,CAAC,EAEDJ,EAAmB,YAAcH","names":["React","clsx","Slot","COMPONENT_NAME","componentClassName","withGlobalPrefix","UnstyledIconButton","props","forwardedRef","className","children","label","disabled","inverted","loading","onClick","asChild","unstyledIconButtonProps","extractProps","unstyledIconButtonPropDefs","spinnerSize","getResponsiveSizeTranslation","Component","Slot","clsx","getSubtree","Spinner"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-IJDDBHGV.cjs","../src/components/IconButton/IconButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","IconButton","props","forwardedRef","className","label","disabled","loading","children","asChild","iconButtonProps","extractProps","iconButtonPropDefs","spinnerSize","getResponsiveSizeTranslation","Component","Slot","ButtonBase","clsx","getSubtree","Spinner"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAoC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECAlQ,wEAEN,mCASI,IAGfA,CAAAA,CAAiB,YAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAmB,CAAA,CAAA,UAAA,CAC9B,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAiB,CACvB,GAAM,CAAE,SAAA,CAAAC,CAAAA,CAAW,KAAA,CAAAC,CAAAA,CAAO,QAAA,CAAAC,CAAAA,CAAU,OAAA,CAAAC,CAAAA,CAAS,QAAA,CAAAC,CAAAA,CAAU,OAAA,CAAAC,CAAAA,CAAS,GAAGC,CAAgB,CAAA,CACjFC,iCAAAA,CAAaT,CAAOU,mBAAkB,CAAA,CAElCC,CAAAA,CAAcC,iCAAAA,CAA6BZ,CAAM,IAAA,EAAQ,IAAA,CAAM,CAAE,EAAA,CAAI,IAAA,CAAM,EAAA,CAAI,IAAK,CAAC,CAAA,CACrFa,CAAAA,CAAYN,CAAAA,CAAUO,aAAAA,CAAK,IAAA,CAAO,QAAA,CAExC,OACE,CAAA,CAAA,aAAA,CAACC,mBAAAA,CAAA,CACC,GAAA,CAAKd,CAAAA,CACL,SAAA,CAAWe,4BAAAA,CAAKnB,CAAoBK,CAAS,CAAA,CAC7C,YAAA,CAAYC,CAAAA,CACZ,QAAA,CAAUC,CAAAA,EAAYC,CAAAA,CACtB,OAAA,CAAO,CAAA,CAAA,CACN,GAAGG,CAAAA,CAAAA,CAEJ,CAAA,CAAA,aAAA,CAACK,CAAAA,CAAA,IAAA,CACER,CAAAA,CACGY,iCAAAA,CAAa,OAAA,CAAAV,CAAAA,CAAS,QAAA,CAAAD,CAAS,CAAA,CAAG,CAAA,CAAA,EAChC,CAAA,CAAA,aAAA,CAACY,mBAAAA,CAAA,CAAQ,IAAA,CAAMP,CAAAA,CAAqC,YAAA,CAAY,CAAA,CAAA,CAAC,CAClE,CAAA,CACDL,CACN,CACF,CAEJ,CACF,CAAA,CAEAP,CAAAA,CAAW,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-IJDDBHGV.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\nimport { iconButtonPropDefs, IconButtonProps } from './IconButton.props';\nimport { ButtonBase } from '../ButtonBase/ButtonBase';\nimport type { ButtonBaseElement } from '../ButtonBase/ButtonBase';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Spinner } from '../Spinner/Spinner';\nimport { getResponsiveSizeTranslation } from '../../helpers/get-responsive-size-translation';\nimport type { SpinnerProps } from '../Spinner/Spinner.props';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\n\nconst COMPONENT_NAME = 'IconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const IconButton = React.forwardRef<ButtonBaseElement, IconButtonProps>(\n (props, forwardedRef) => {\n const { className, label, disabled, loading, children, asChild, ...iconButtonProps } =\n extractProps(props, iconButtonPropDefs);\n\n const spinnerSize = getResponsiveSizeTranslation(props.size || 'md', { md: 'sm', sm: 'xs' });\n const Component = asChild ? Slot.Root : 'button';\n\n return (\n <ButtonBase\n ref={forwardedRef}\n className={clsx(componentClassName, className)}\n aria-label={label}\n disabled={disabled || loading}\n asChild\n {...iconButtonProps}\n >\n <Component>\n {loading\n ? getSubtree({ asChild, children }, () => (\n <Spinner size={spinnerSize as SpinnerProps['size']} currentColor />\n ))\n : children}\n </Component>\n </ButtonBase>\n );\n }\n);\n\nIconButton.displayName = COMPONENT_NAME;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-K35PGLA6.cjs","../src/components/UnstyledIconButton/UnstyledIconButton.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","UnstyledIconButton","props","forwardedRef","className","children","label","disabled","inverted","loading","onClick","asChild","unstyledIconButtonProps","extractProps","unstyledIconButtonPropDefs","spinnerSize","getResponsiveSizeTranslation","Component","Slot","clsx","getSubtree","Spinner"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAoC,wDAAyC,uECAzN,wEAEN,mCASI,IAGfA,CAAAA,CAAiB,oBAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAA2B,CAAA,CAAA,UAAA,CAGtC,CAACC,CAAAA,CAAOC,CAAAA,CAAAA,EAAiB,CACzB,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaX,CAAOY,mBAA0B,CAAA,CAE5CC,CAAAA,CAAcC,iCAAAA,CAA6Bd,CAAM,IAAA,EAAQ,IAAA,CAAM,CAAE,EAAA,CAAI,IAAA,CAAM,EAAA,CAAI,IAAK,CAAC,CAAA,CACrFe,CAAAA,CAAYN,CAAAA,CAAUO,aAAAA,CAAK,IAAA,CAAO,QAAA,CAExC,OACE,CAAA,CAAA,aAAA,CAACD,CAAAA,CAAA,CACC,GAAA,CAAKd,CAAAA,CACL,SAAA,CAAWgB,4BAAAA,CAAKpB,CAAoBK,CAAS,CAAA,CAC7C,YAAA,CAAYE,CAAAA,CACZ,eAAA,CAAeC,CAAAA,EAAYE,CAAAA,CAC3B,eAAA,CAAeD,CAAAA,CAAW,EAAA,CAAK,KAAA,CAAA,CAC/B,OAAA,CAASD,CAAAA,CAAW,KAAA,CAAA,CAAYG,CAAAA,CAC/B,GAAGE,CAAAA,CAAAA,CAEHH,CAAAA,CACGW,iCAAAA,CAAa,OAAA,CAAAT,CAAAA,CAAS,QAAA,CAAAN,CAAS,CAAA,CAAG,CAAA,CAAA,EAChC,CAAA,CAAA,aAAA,CAACgB,mBAAAA,CAAA,CAAQ,IAAA,CAAMN,CAAAA,CAAqC,YAAA,CAAY,CAAA,CAAA,CAAC,CAClE,CAAA,CACDV,CACN,CAEJ,CAAC,CAAA,CAEDJ,CAAAA,CAAmB,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-K35PGLA6.cjs","sourcesContent":[null,"import * as React from 'react';\n\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { unstyledIconButtonPropDefs } from './UnstyledIconButton.props';\nimport type { UnstyledIconButtonProps } from './UnstyledIconButton.props';\nimport { extractProps } from '../../helpers/extract-props';\nimport { Spinner } from '../Spinner/Spinner';\nimport { getResponsiveSizeTranslation } from '../../helpers/get-responsive-size-translation';\nimport type { SpinnerProps } from '../Spinner/Spinner.props';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\n\nconst COMPONENT_NAME = 'UnstyledIconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport type UnstyledIconButtonElement = ElementRef<'button'>;\n\nexport const UnstyledIconButton = React.forwardRef<\n UnstyledIconButtonElement,\n UnstyledIconButtonProps\n>((props, forwardedRef) => {\n const {\n className,\n children,\n label,\n disabled,\n inverted,\n loading,\n onClick,\n asChild,\n ...unstyledIconButtonProps\n } = extractProps(props, unstyledIconButtonPropDefs);\n\n const spinnerSize = getResponsiveSizeTranslation(props.size || 'md', { md: 'sm', sm: 'xs' });\n const Component = asChild ? Slot.Root : 'button';\n\n return (\n <Component\n ref={forwardedRef}\n className={clsx(componentClassName, className)}\n aria-label={label}\n aria-disabled={disabled || loading}\n data-inverted={inverted ? '' : undefined}\n onClick={disabled ? undefined : onClick}\n {...unstyledIconButtonProps}\n >\n {loading\n ? getSubtree({ asChild, children }, () => (\n <Spinner size={spinnerSize as SpinnerProps['size']} currentColor />\n ))\n : children}\n </Component>\n );\n});\n\nUnstyledIconButton.displayName = COMPONENT_NAME;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-RMJU2VET.cjs","../src/components/Avatar/Avatar.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","Avatar","props","className","src","name","delayMs","avatarProps","extractProps","avatarPropDefs","marginPropDefs","initials","getInitials","bodyTextSize","getResponsiveSizeTranslation","mediumIconDisplay","smallIconDisplay","RadixAvatar","clsx"],"mappings":"AAAA,mfAAwC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,wDAAyC,uECAhT,wEACN,mCAKqB,wEACQ,IAQxCA,CAAAA,CAAiB,QAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAE7CC,CAAAA,aAAgCC,CAAAA,EAAS,CACpD,GAAM,CACJ,SAAA,CAAAC,CAAAA,CACA,GAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAU,CAAA,CACV,GAAGC,CACL,CAAA,CAAIC,iCAAAA,CAAaN,CAAOO,mBAAAA,CAAgBC,mBAAc,CAAA,CAEhDC,CAAAA,CAAWC,iCAAAA,CAAgB,CAAA,CAE3BC,CAAAA,CAAeC,iCAAAA,CAA6BZ,CAAM,IAAA,EAAQ,IAAA,CAAM,CAAE,EAAA,CAAI,IAAA,CAAM,EAAA,CAAI,IAAK,CAAC,CAAA,CACtFa,CAAAA,CAAoBD,iCAAAA,CAA6BZ,CAAM,IAAA,EAAQ,IAAA,CAAM,CACzE,EAAA,CAAI,MAAA,CACJ,EAAA,CAAI,OACN,CAAC,CAAA,CACKc,CAAAA,CAAmBF,iCAAAA,CAA6BZ,CAAM,IAAA,EAAQ,IAAA,CAAM,CACxE,EAAA,CAAI,OAAA,CACJ,EAAA,CAAI,MACN,CAAC,CAAA,CAED,OACE,CAAA,CAAA,aAAA,CAACe,eAAAA,CAAY,IAAA,CAAZ,CAAiB,SAAA,CAAWC,4BAAAA,CAAKnB,CAAoBI,CAAS,CAAA,CAAA,CAC5DC,CAAAA,CACC,CAAA,CAAA,aAAA,CAACa,eAAAA,CAAY,KAAA,CAAZ,CACC,SAAA,CAAW,CAAA,EAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-RMJU2VET.cjs","sourcesContent":[null,"import * as React from 'react';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { avatarPropDefs, AvatarProps } from './Avatar.props';\nimport { Avatar as RadixAvatar } from 'radix-ui';\nimport { UserMediumIcon, UserSmallIcon } from '@utilitywarehouse/hearth-react-icons';\nimport { BodyText } from '../BodyText/BodyText';\nimport { getInitials } from '../../helpers/get-initials';\nimport { getResponsiveSizeTranslation } from '../../helpers/get-responsive-size-translation';\nimport { BodyTextProps } from '../BodyText/BodyText.props';\nimport { Box } from '../Box/Box';\nimport type { BoxProps } from '../Box/Box.props';\n\nconst COMPONENT_NAME = 'Avatar';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const Avatar: React.FC<AvatarProps> = props => {\n const {\n className,\n src,\n name,\n delayMs = 0,\n ...avatarProps\n } = extractProps(props, avatarPropDefs, marginPropDefs);\n\n const initials = getInitials(name);\n\n const bodyTextSize = getResponsiveSizeTranslation(props.size || 'md', { sm: 'md', md: 'lg' });\n const mediumIconDisplay = getResponsiveSizeTranslation(props.size || 'md', {\n sm: 'none',\n md: 'block',\n });\n const smallIconDisplay = getResponsiveSizeTranslation(props.size || 'md', {\n sm: 'block',\n md: 'none',\n });\n\n return (\n <RadixAvatar.Root className={clsx(componentClassName, className)}>\n {src ? (\n <RadixAvatar.Image\n className={`${componentClassName}Image`}\n src={src}\n alt={name}\n {...avatarProps}\n />\n ) : null}\n <RadixAvatar.Fallback className={`${componentClassName}Fallback`} delayMs={delayMs}>\n {name ? (\n <BodyText\n as=\"span\"\n weight=\"semibold\"\n size={bodyTextSize as BodyTextProps['size']}\n textTransform=\"uppercase\"\n >\n {initials}\n </BodyText>\n ) : (\n <>\n <Box asChild display={smallIconDisplay as BoxProps['display']}>\n <UserSmallIcon />\n </Box>\n <Box asChild display={mediumIconDisplay as BoxProps['display']}>\n <UserMediumIcon />\n </Box>\n </>\n )}\n </RadixAvatar.Fallback>\n </RadixAvatar.Root>\n );\n};\n\nAvatar.displayName = COMPONENT_NAME;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/chunk-RWWU27CA.cjs","../src/components/ToggleGroup/ToggleGroup.tsx"],"names":["COMPONENT_NAME","componentClassName","withGlobalPrefix","ToggleGroup","className","direction","type","value","defaultValue","onValueChange","children","flexProps","ref","toggleGroupProps","Flex","RadixToggleGroup","clsx"],"mappings":"AAAA,mfAAwC,wDAAyC,uECA1D,mCACyB,wEAC/B,IAMXA,CAAAA,CAAiB,aAAA,CACjBC,CAAAA,CAAqBC,iCAAAA,CAA+B,CAAA,CAI7CC,CAAAA,aAAoB,CAAA,CAAA,UAAA,CAC/B,CACE,CACE,SAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CAAO,UAAA,CACP,KAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,CAAAA,EACG,CACH,IAAMC,CAAAA,CAAmB,CACvB,IAAA,CAAAP,CAAAA,CACA,KAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,aAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CACF,CAAA,CAEA,OACE,CAAA,CAAA,aAAA,CAACI,mBAAAA,CAAA,CAAK,OAAA,CAAO,CAAA,CAAA,CAAE,GAAGH,CAAAA,CAAAA,CAChB,CAAA,CAAA,aAAA,CAACI,oBAAAA,CAAiB,IAAA,CAAjB,CACC,GAAA,CAAKH,CAAAA,CACL,SAAA,CAAWI,4BAAAA,CAAKf,CAAoBG,CAAS,CAAA,CAC5C,GAAIS,CAAAA,CACL,WAAA,CAAaR,CAAAA,GAAc,QAAA,CAAW,UAAA,CAAa,YAAA,CACrD,CACF,CAEJ,CACF,CAAA,CAEAF,CAAAA,CAAY,WAAA,CAAcH,CAAAA,CAAAA,cAAAA","file":"/home/runner/work/hearth/hearth/packages/react/dist/chunk-RWWU27CA.cjs","sourcesContent":[null,"import * as React from 'react';\nimport { ToggleGroup as RadixToggleGroup } from 'radix-ui';\nimport clsx from 'clsx';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { ElementRef } from 'react';\nimport { ToggleGroupProps } from './ToggleGroup.props';\nimport { Flex } from '../Flex/Flex';\n\nconst COMPONENT_NAME = 'ToggleGroup';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\ntype ToggleGroupElement = ElementRef<'div'>;\n\nexport const ToggleGroup = React.forwardRef<ToggleGroupElement, ToggleGroupProps>(\n (\n {\n className,\n direction,\n type = 'multiple',\n value,\n defaultValue,\n onValueChange,\n children,\n ...flexProps\n },\n ref\n ) => {\n const toggleGroupProps = {\n type,\n value,\n defaultValue,\n onValueChange,\n children,\n };\n\n return (\n <Flex asChild {...flexProps}>\n <RadixToggleGroup.Root\n ref={ref}\n className={clsx(componentClassName, className)}\n {...(toggleGroupProps as React.ComponentProps<typeof RadixToggleGroup.Root>)}\n orientation={direction === 'column' ? 'vertical' : 'horizontal'}\n />\n </Flex>\n );\n }\n);\n\nToggleGroup.displayName = COMPONENT_NAME;\n"]}
@@ -1,2 +0,0 @@
1
- import{a as l}from"./chunk-X5H7DCWE.js";import{a as p}from"./chunk-BED6CEIB.js";import{a}from"./chunk-6EBW3DKV.js";import{a as i}from"./chunk-P3SXCN4J.js";import{b as s}from"./chunk-JTQWB7E2.js";import{a as c}from"./chunk-BPLBZ4OW.js";import{a as m}from"./chunk-AHTIZRCQ.js";import*as o from"react";import N from"clsx";import{Slot as x}from"radix-ui";var B="IconButton",z=s(B),R=o.forwardRef((t,f)=>{let{className:u,label:d,disabled:P,loading:n,children:r,asChild:e,...S}=i(t,l),b=c(t.size||"md",{md:"sm",sm:"xs"}),C=e?x.Root:"button";return o.createElement(p,{ref:f,className:N(z,u),"aria-label":d,disabled:P||n,asChild:!0,...S},o.createElement(C,null,n?m({asChild:e,children:r},()=>o.createElement(a,{size:b,currentColor:!0})):r))});R.displayName=B;export{R as a};
2
- //# sourceMappingURL=chunk-U2GLVLWD.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport clsx from 'clsx';\nimport { iconButtonPropDefs, IconButtonProps } from './IconButton.props';\nimport { ButtonBase } from '../ButtonBase/ButtonBase';\nimport type { ButtonBaseElement } from '../ButtonBase/ButtonBase';\nimport { extractProps } from '../../helpers/extract-props';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport { Spinner } from '../Spinner/Spinner';\nimport { getResponsiveSizeTranslation } from '../../helpers/get-responsive-size-translation';\nimport type { SpinnerProps } from '../Spinner/Spinner.props';\nimport { Slot } from 'radix-ui';\nimport { getSubtree } from '../../helpers/get-subtree';\n\nconst COMPONENT_NAME = 'IconButton';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const IconButton = React.forwardRef<ButtonBaseElement, IconButtonProps>(\n (props, forwardedRef) => {\n const { className, label, disabled, loading, children, asChild, ...iconButtonProps } =\n extractProps(props, iconButtonPropDefs);\n\n const spinnerSize = getResponsiveSizeTranslation(props.size || 'md', { md: 'sm', sm: 'xs' });\n const Component = asChild ? Slot.Root : 'button';\n\n return (\n <ButtonBase\n ref={forwardedRef}\n className={clsx(componentClassName, className)}\n aria-label={label}\n disabled={disabled || loading}\n asChild\n {...iconButtonProps}\n >\n <Component>\n {loading\n ? getSubtree({ asChild, children }, () => (\n <Spinner size={spinnerSize as SpinnerProps['size']} currentColor />\n ))\n : children}\n </Component>\n </ButtonBase>\n );\n }\n);\n\nIconButton.displayName = COMPONENT_NAME;\n"],"mappings":"mRAAA,UAAYA,MAAW,QAEvB,OAAOC,MAAU,OASjB,OAAS,QAAAC,MAAY,WAGrB,IAAMC,EAAiB,aACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAmB,aAC9B,CAACC,EAAOC,IAAiB,CACvB,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,SAAAC,EAAU,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,GAAGC,CAAgB,EACjFC,EAAaT,EAAOU,CAAkB,EAElCC,EAAcC,EAA6BZ,EAAM,MAAQ,KAAM,CAAE,GAAI,KAAM,GAAI,IAAK,CAAC,EACrFa,EAAYN,EAAUO,EAAK,KAAO,SAExC,OACE,gBAACC,EAAA,CACC,IAAKd,EACL,UAAWe,EAAKnB,EAAoBK,CAAS,EAC7C,aAAYC,EACZ,SAAUC,GAAYC,EACtB,QAAO,GACN,GAAGG,GAEJ,gBAACK,EAAA,KACER,EACGY,EAAW,CAAE,QAAAV,EAAS,SAAAD,CAAS,EAAG,IAChC,gBAACY,EAAA,CAAQ,KAAMP,EAAqC,aAAY,GAAC,CAClE,EACDL,CACN,CACF,CAEJ,CACF,EAEAP,EAAW,YAAcH","names":["React","clsx","Slot","COMPONENT_NAME","componentClassName","withGlobalPrefix","IconButton","props","forwardedRef","className","label","disabled","loading","children","asChild","iconButtonProps","extractProps","iconButtonPropDefs","spinnerSize","getResponsiveSizeTranslation","Component","Slot","ButtonBase","clsx","getSubtree","Spinner"]}
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkA7QCHPE4cjs = require('../chunk-A7QCHPE4.cjs');require('../chunk-6MWZLLVG.cjs');require('../chunk-AURLQ3VG.cjs');exports.getResponsiveSizeTranslation = _chunkA7QCHPE4cjs.a;
2
- //# sourceMappingURL=get-responsive-size-translation.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/hearth/hearth/packages/react/dist/helpers/get-responsive-size-translation.cjs"],"names":[],"mappings":"AAAA,kIAAoC,iCAA8B,iCAA8B,2DAA0C","file":"/home/runner/work/hearth/hearth/packages/react/dist/helpers/get-responsive-size-translation.cjs"}
@@ -1,24 +0,0 @@
1
- import { Responsive } from '../types/responsive.cjs';
2
-
3
- /**
4
- * Translates a responsive size value according to a provided mapping.
5
- *
6
- * If a responsive size object is provided, the translation is applied per
7
- * breakpoint and a responsive size object is returned.
8
- *
9
- * Examples
10
- * ```ts
11
- * getResponsiveSizeTranslation('large', { large: 'medium', medium: 'small' }) // => 'medium'
12
- * getResponsiveSizeTranslation({ mobile: 'small', tablet: 'large' }, { large: 'medium', small: 'tiny' })
13
- * // => { mobile: 'tiny', tablet: 'medium' }
14
- * ```
15
- *
16
- * @param size - The size value (string or responsive object) to translate.
17
- * @param translation - Mapping object from input size to output size.
18
- * @returns The translated size (string or responsive object). May be `undefined` if input is unsupported.
19
- */
20
- declare function getResponsiveSizeTranslation(size: Responsive<string>, translation: {
21
- [key: string]: Responsive<string>;
22
- }): Responsive<string> | undefined;
23
-
24
- export { getResponsiveSizeTranslation };
@@ -1,24 +0,0 @@
1
- import { Responsive } from '../types/responsive.js';
2
-
3
- /**
4
- * Translates a responsive size value according to a provided mapping.
5
- *
6
- * If a responsive size object is provided, the translation is applied per
7
- * breakpoint and a responsive size object is returned.
8
- *
9
- * Examples
10
- * ```ts
11
- * getResponsiveSizeTranslation('large', { large: 'medium', medium: 'small' }) // => 'medium'
12
- * getResponsiveSizeTranslation({ mobile: 'small', tablet: 'large' }, { large: 'medium', small: 'tiny' })
13
- * // => { mobile: 'tiny', tablet: 'medium' }
14
- * ```
15
- *
16
- * @param size - The size value (string or responsive object) to translate.
17
- * @param translation - Mapping object from input size to output size.
18
- * @returns The translated size (string or responsive object). May be `undefined` if input is unsupported.
19
- */
20
- declare function getResponsiveSizeTranslation(size: Responsive<string>, translation: {
21
- [key: string]: Responsive<string>;
22
- }): Responsive<string> | undefined;
23
-
24
- export { getResponsiveSizeTranslation };
@@ -1,2 +0,0 @@
1
- import{a}from"../chunk-BPLBZ4OW.js";import"../chunk-JKIDUQDG.js";import"../chunk-AJUKXCDS.js";export{a as getResponsiveSizeTranslation};
2
- //# sourceMappingURL=get-responsive-size-translation.js.map