@hopper-ui/components 1.0.5 → 1.0.7

package/dist/{chip → Chip}/src/index.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
-.IconList-module__hop-IconList___rQ7-K {
+.IconList-module__hop-IconList___to9W2 {
   --hop-IconList-gap: var(--hop-space-inline-xs);
   display: flex;
   flex-wrap: wrap;
@@ -8,7 +8,7 @@
 }
 
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
-.Text-module__hop-Text___xYoYb {
+.Text-module__hop-Text___QAKDh {
   --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
   --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
   --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -38,57 +38,57 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___xYoYb) {
+:where(.Text-module__hop-Text___QAKDh) {
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
 }
-:where(.Text-module__hop-Text--xs___nPUGu) {
+:where(.Text-module__hop-Text--xs___q7OkS) {
   --font-size: var(--hop-Text-xs-font-size);
   --font-family: var(--hop-Text-xs-font-family);
   --font-weight: var(--hop-Text-xs-font-weight);
   --line-height: var(--hop-Text-xs-line-height);
 }
-:where(.Text-module__hop-Text--sm___nMPq3) {
+:where(.Text-module__hop-Text--sm___5RyDW) {
   --font-size: var(--hop-Text-sm-font-size);
   --font-family: var(--hop-Text-sm-font-family);
   --font-weight: var(--hop-Text-sm-font-weight);
   --line-height: var(--hop-Text-sm-line-height);
 }
-:where(.Text-module__hop-Text--md___HT-Wz) {
+:where(.Text-module__hop-Text--md___qmqwg) {
   --font-size: var(--hop-Text-md-font-size);
   --font-family: var(--hop-Text-md-font-family);
   --font-weight: var(--hop-Text-md-font-weight);
   --line-height: var(--hop-Text-md-line-height);
 }
-:where(.Text-module__hop-Text--lg___NL7tS) {
+:where(.Text-module__hop-Text--lg___BZX0m) {
   --font-size: var(--hop-Text-lg-font-size);
   --font-family: var(--hop-Text-lg-font-family);
   --font-weight: var(--hop-Text-lg-font-weight);
   --line-height: var(--hop-Text-lg-line-height);
 }
-:where(.Text-module__hop-Text--xl___3aFN2) {
+:where(.Text-module__hop-Text--xl___3Zi7y) {
   --font-size: var(--hop-Text-xl-font-size);
   --font-family: var(--hop-Text-xl-font-family);
   --font-weight: var(--hop-Text-xl-font-weight);
   --line-height: var(--hop-Text-xl-line-height);
 }
-:where(.Text-module__hop-Text--2xl___bsEDq) {
+:where(.Text-module__hop-Text--2xl___RbrDM) {
   --font-size: var(--hop-Text-2xl-font-size);
   --font-family: var(--hop-Text-2xl-font-family);
   --font-weight: var(--hop-Text-2xl-font-weight);
   --line-height: var(--hop-Text-2xl-line-height);
 }
-:where(.Text-module__hop-Text--inherit___xKxgn) {
+:where(.Text-module__hop-Text--inherit___G5g04) {
   --font-size: var(--hop-Text-inherit-size-font-size);
   --font-family: var(--hop-Text-inherit-size-font-family);
   --font-weight: var(--hop-Text-inherit-size-font-weight);
   --line-height: var(--hop-Text-inherit-size-line-height);
 }
 
-/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/chip/src/Chip.module.css/#css-module-data */
-.Chip-module__hop-Chip___cxU82 {
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Chip/src/Chip.module.css/#css-module-data */
+.Chip-module__hop-Chip___eH28d {
   --hop-Chip-border-size: 0.0625rem;
   --hop-Chip-border-radius: var(--hop-shape-pill);
   --hop-Chip-column-gap: var(--hop-space-inline-xs);
@@ -158,94 +158,94 @@
   border: var(--border-size) solid var(--border-color);
   border-radius: var(--border-radius);
 }
-.Chip-module__hop-Chip--xs___MPhiR {
+.Chip-module__hop-Chip--xs___my4zs {
   --block-size: var(--hop-Chip-xs-block-size);
   --padding-inline: var(--hop-Chip-xs-padding-inline);
 }
-.Chip-module__hop-Chip--sm___OYijB {
+.Chip-module__hop-Chip--sm___xi4J9 {
   --block-size: var(--hop-Chip-sm-block-size);
   --padding-inline: var(--hop-Chip-sm-padding-inline);
 }
-.Chip-module__hop-Chip--md___-CMix {
+.Chip-module__hop-Chip--md___KWl-M {
   --block-size: var(--hop-Chip-md-block-size);
   --padding-inline: var(--hop-Chip-md-padding-inline);
 }
-.Chip-module__hop-Chip--lg___j1jM1 {
+.Chip-module__hop-Chip--lg___irUCs {
   --block-size: var(--hop-Chip-lg-block-size);
   --padding-inline: var(--hop-Chip-lg-padding-inline);
 }
-.Chip-module__hop-Chip--neutral___kLtLJ {
+.Chip-module__hop-Chip--neutral___jhS3M {
   --border-color: var(--hop-Chip-neutral-border-color);
   --background-color: var(--hop-Chip-neutral-background-color);
   --text-color: var(--hop-Chip-neutral-text-color);
 }
-.Chip-module__hop-Chip--progress___5GBF8 {
+.Chip-module__hop-Chip--progress___6hJzP {
   --border-color: var(--hop-Chip-progress-border-color);
   --background-color: var(--hop-Chip-progress-background-color);
   --text-color: var(--hop-Chip-progress-text-color);
 }
-.Chip-module__hop-Chip--positive___F-3cU {
+.Chip-module__hop-Chip--positive___BnnSY {
   --border-color: var(--hop-Chip-positive-border-color);
   --background-color: var(--hop-Chip-positive-background-color);
   --text-color: var(--hop-Chip-positive-text-color);
 }
-.Chip-module__hop-Chip--caution___ezAXo {
+.Chip-module__hop-Chip--caution___tM9z3 {
   --border-color: var(--hop-Chip-caution-border-color);
   --background-color: var(--hop-Chip-caution-background-color);
   --text-color: var(--hop-Chip-caution-text-color);
 }
-.Chip-module__hop-Chip--negative___SrEHc {
+.Chip-module__hop-Chip--negative___RWQMh {
   --border-color: var(--hop-Chip-negative-border-color);
   --background-color: var(--hop-Chip-negative-background-color);
   --text-color: var(--hop-Chip-negative-text-color);
 }
-.Chip-module__hop-Chip--option1___TNAVL {
+.Chip-module__hop-Chip--option1___ue6cW {
   --border-color: var(--hop-Chip-option1-border-color);
   --background-color: var(--hop-Chip-option1-background-color);
   --text-color: var(--hop-Chip-option1-text-color);
 }
-.Chip-module__hop-Chip--option2___WFy37 {
+.Chip-module__hop-Chip--option2___LkCcg {
   --border-color: var(--hop-Chip-option2-border-color);
   --background-color: var(--hop-Chip-option2-background-color);
   --text-color: var(--hop-Chip-option2-text-color);
 }
-.Chip-module__hop-Chip--option3___qYEVE {
+.Chip-module__hop-Chip--option3___iag-k {
   --border-color: var(--hop-Chip-option3-border-color);
   --background-color: var(--hop-Chip-option3-background-color);
   --text-color: var(--hop-Chip-option3-text-color);
 }
-.Chip-module__hop-Chip--option4___MHav7 {
+.Chip-module__hop-Chip--option4___rvfE7 {
   --border-color: var(--hop-Chip-option4-border-color);
   --background-color: var(--hop-Chip-option4-background-color);
   --text-color: var(--hop-Chip-option4-text-color);
 }
-.Chip-module__hop-Chip--option5___Y-i-5 {
+.Chip-module__hop-Chip--option5___SjH-I {
   --border-color: var(--hop-Chip-option5-border-color);
   --background-color: var(--hop-Chip-option5-background-color);
   --text-color: var(--hop-Chip-option5-text-color);
 }
-.Chip-module__hop-Chip--option6___qTRX9 {
+.Chip-module__hop-Chip--option6___FswlN {
   --border-color: var(--hop-Chip-option6-border-color);
   --background-color: var(--hop-Chip-option6-background-color);
   --text-color: var(--hop-Chip-option6-text-color);
 }
-.Chip-module__hop-Chip--inactive___vSk80 {
+.Chip-module__hop-Chip--inactive___-Ffkx {
   --border-color: var(--hop-Chip-inactive-border-color);
   --background-color: var(--hop-Chip-inactive-background-color);
   --text-color: var(--hop-Chip-inactive-text-color);
 }
-.Chip-module__hop-Chip--disabled___175zy {
+.Chip-module__hop-Chip--disabled___CaGLC {
   --border-color: var(--hop-Chip-disabled-border-color);
   --background-color: var(--hop-Chip-disabled-background-color);
   --text-color: var(--hop-Chip-disabled-text-color);
 }
-.Chip-module__hop-Chip__icon___yyVQ2,
-.Chip-module__hop-Chip__icon-list___fSAV6 {
+.Chip-module__hop-Chip__icon___7bCB7,
+.Chip-module__hop-Chip__icon-list___XiOd6 {
   flex: 0 0 auto;
   flex-wrap: nowrap;
   order: 1;
 }
-.Chip-module__hop-Chip__text___hO2-Q {
+.Chip-module__hop-Chip__text___UdTwh {
   overflow: hidden;
   flex: 1 1 auto;
   order: 2;
@@ -253,8 +253,8 @@
   text-align: center;
   text-overflow: ellipsis;
 }
-.Chip-module__hop-Chip__end-icon___thI6k,
-.Chip-module__hop-Chip__end-icon-list___sNXbx {
+.Chip-module__hop-Chip__end-icon___oOI3X,
+.Chip-module__hop-Chip__end-icon-list___qTqq9 {
   flex: 0 0 auto;
   flex-wrap: nowrap;
   order: 3;

package/dist/{chip → Chip}/src/index.js

@@ -1,10 +1,10 @@
-export { _Chip as Chip, GlobalChipCssSelector } from '../../chunk-KOJGCQ3F.js';
-export { ChipContext } from '../../chunk-WTKIUAHI.js';
+export { _Chip as Chip, GlobalChipCssSelector } from '../../chunk-UUUU6SUW.js';
 import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-DHVVYSLB.js';
-import '../../chunk-7Q7VIED2.js';
-import '../../chunk-HXI3MEEK.js';
+export { ChipContext } from '../../chunk-632B5YBQ.js';
+import '../../chunk-E7Y25WJE.js';
 import '../../chunk-X6SER3TZ.js';
-import '../../chunk-KVDXQMWI.js';
+import '../../chunk-HXI3MEEK.js';
 import '../../chunk-M36KANKC.js';
-import '../../chunk-2P3A4VVY.js';
+import '../../chunk-KVDXQMWI.js';
+import '../../chunk-JSBRDJBE.js';

package/dist/Divider/src/Divider.css

@@ -0,0 +1,32 @@
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
+:where(.Divider-module__hop-Divider___7TzJN) {
+  --hop-Divider-border-color: var(--hop-neutral-border-weak);
+  --hop-Divider-border-size: 0.0625rem;
+  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
+  --hop-Divider-horizontal-border-inline-start: none;
+  --hop-Divider-horizontal-inline-size: auto;
+  --hop-Divider-horizontal-block-size: 0;
+  --hop-Divider-vertical-border-inline-start: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
+  --hop-Divider-vertical-border-block-end: none;
+  --hop-Divider-vertical-inline-size: 0;
+  --hop-Divider-vertical-block-size: auto;
+  --border-block-end: var(--hop-Divider-horizontal-border-block-end);
+  --border-inline-start: var(--hop-Divider-horizontal-border-inline-start);
+  --inline-size: var(--hop-Divider-horizontal-inline-size);
+  --block-size: var(--hop-Divider-horizontal-block-size);
+  display: block;
+  flex: 0 0 auto;
+  box-sizing: border-box;
+  inline-size: var(--inline-size);
+  block-size: var(--block-size);
+  margin: 0;
+  border: none;
+  border-block-end: var(--border-block-end);
+  border-inline-start: var(--border-inline-start);
+}
+.Divider-module__hop-Divider--vertical___9DyxE {
+  --border-block-end: var(--hop-Divider-vertical-border-block-end);
+  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
+  --inline-size: var(--hop-Divider-vertical-inline-size);
+  --block-size: var(--hop-Divider-vertical-block-size);
+}

package/dist/Divider/src/Divider.d.ts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import { StyledComponentProps } from '@hopper-ui/styled-system';
+import { SeparatorProps } from 'react-aria-components';
+
+declare const GlobalDividerCssSelector = "hop-Divider";
+interface DividerProps extends StyledComponentProps<SeparatorProps> {
+}
+/**
+ * The Divider separates the distinguishes sections of content or groups.
+ *
+ * [View Documentation](TODO)
+ */
+declare const _Divider: react.ForwardRefExoticComponent<DividerProps & react.RefAttributes<HTMLElement>>;
+
+export { _Divider as Divider, type DividerProps, GlobalDividerCssSelector };

package/dist/Divider/src/Divider.js

@@ -0,0 +1,4 @@
+export { _Divider as Divider, GlobalDividerCssSelector } from '../../chunk-AE24HPDG.js';
+import '../../chunk-FYIHMKHI.js';
+import '../../chunk-KVDXQMWI.js';
+import '../../chunk-JSBRDJBE.js';

package/dist/Divider/src/DividerContext.d.ts

@@ -0,0 +1,8 @@
+import { DividerProps } from './Divider.js';
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import '@hopper-ui/styled-system';
+
+declare const DividerContext: react.Context<ContextValue<DividerProps, HTMLElement>>;
+
+export { DividerContext };

package/dist/Divider/src/DividerContext.js

@@ -0,0 +1,2 @@
+export { DividerContext } from '../../chunk-FYIHMKHI.js';
+import '../../chunk-JSBRDJBE.js';

package/dist/Divider/src/index.css

@@ -0,0 +1,32 @@
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
+:where(.Divider-module__hop-Divider___7TzJN) {
+  --hop-Divider-border-color: var(--hop-neutral-border-weak);
+  --hop-Divider-border-size: 0.0625rem;
+  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
+  --hop-Divider-horizontal-border-inline-start: none;
+  --hop-Divider-horizontal-inline-size: auto;
+  --hop-Divider-horizontal-block-size: 0;
+  --hop-Divider-vertical-border-inline-start: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
+  --hop-Divider-vertical-border-block-end: none;
+  --hop-Divider-vertical-inline-size: 0;
+  --hop-Divider-vertical-block-size: auto;
+  --border-block-end: var(--hop-Divider-horizontal-border-block-end);
+  --border-inline-start: var(--hop-Divider-horizontal-border-inline-start);
+  --inline-size: var(--hop-Divider-horizontal-inline-size);
+  --block-size: var(--hop-Divider-horizontal-block-size);
+  display: block;
+  flex: 0 0 auto;
+  box-sizing: border-box;
+  inline-size: var(--inline-size);
+  block-size: var(--block-size);
+  margin: 0;
+  border: none;
+  border-block-end: var(--border-block-end);
+  border-inline-start: var(--border-inline-start);
+}
+.Divider-module__hop-Divider--vertical___9DyxE {
+  --border-block-end: var(--hop-Divider-vertical-border-block-end);
+  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
+  --inline-size: var(--hop-Divider-vertical-inline-size);
+  --block-size: var(--hop-Divider-vertical-block-size);
+}

package/dist/Divider/src/index.d.ts

@@ -0,0 +1,5 @@
+export { Divider, DividerProps, GlobalDividerCssSelector } from './Divider.js';
+export { DividerContext } from './DividerContext.js';
+import 'react';
+import '@hopper-ui/styled-system';
+import 'react-aria-components';

package/dist/Divider/src/index.js

@@ -0,0 +1,4 @@
+export { _Divider as Divider, GlobalDividerCssSelector } from '../../chunk-AE24HPDG.js';
+export { DividerContext } from '../../chunk-FYIHMKHI.js';
+import '../../chunk-KVDXQMWI.js';
+import '../../chunk-JSBRDJBE.js';

package/dist/{errorMessage → ErrorMessage}/src/ErrorMessage.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
-.Text-module__hop-Text___xYoYb {
+.Text-module__hop-Text___QAKDh {
   --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
   --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
   --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,57 +29,57 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___xYoYb) {
+:where(.Text-module__hop-Text___QAKDh) {
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
 }
-:where(.Text-module__hop-Text--xs___nPUGu) {
+:where(.Text-module__hop-Text--xs___q7OkS) {
   --font-size: var(--hop-Text-xs-font-size);
   --font-family: var(--hop-Text-xs-font-family);
   --font-weight: var(--hop-Text-xs-font-weight);
   --line-height: var(--hop-Text-xs-line-height);
 }
-:where(.Text-module__hop-Text--sm___nMPq3) {
+:where(.Text-module__hop-Text--sm___5RyDW) {
   --font-size: var(--hop-Text-sm-font-size);
   --font-family: var(--hop-Text-sm-font-family);
   --font-weight: var(--hop-Text-sm-font-weight);
   --line-height: var(--hop-Text-sm-line-height);
 }
-:where(.Text-module__hop-Text--md___HT-Wz) {
+:where(.Text-module__hop-Text--md___qmqwg) {
   --font-size: var(--hop-Text-md-font-size);
   --font-family: var(--hop-Text-md-font-family);
   --font-weight: var(--hop-Text-md-font-weight);
   --line-height: var(--hop-Text-md-line-height);
 }
-:where(.Text-module__hop-Text--lg___NL7tS) {
+:where(.Text-module__hop-Text--lg___BZX0m) {
   --font-size: var(--hop-Text-lg-font-size);
   --font-family: var(--hop-Text-lg-font-family);
   --font-weight: var(--hop-Text-lg-font-weight);
   --line-height: var(--hop-Text-lg-line-height);
 }
-:where(.Text-module__hop-Text--xl___3aFN2) {
+:where(.Text-module__hop-Text--xl___3Zi7y) {
   --font-size: var(--hop-Text-xl-font-size);
   --font-family: var(--hop-Text-xl-font-family);
   --font-weight: var(--hop-Text-xl-font-weight);
   --line-height: var(--hop-Text-xl-line-height);
 }
-:where(.Text-module__hop-Text--2xl___bsEDq) {
+:where(.Text-module__hop-Text--2xl___RbrDM) {
   --font-size: var(--hop-Text-2xl-font-size);
   --font-family: var(--hop-Text-2xl-font-family);
   --font-weight: var(--hop-Text-2xl-font-weight);
   --line-height: var(--hop-Text-2xl-line-height);
 }
-:where(.Text-module__hop-Text--inherit___xKxgn) {
+:where(.Text-module__hop-Text--inherit___G5g04) {
   --font-size: var(--hop-Text-inherit-size-font-size);
   --font-family: var(--hop-Text-inherit-size-font-family);
   --font-weight: var(--hop-Text-inherit-size-font-weight);
   --line-height: var(--hop-Text-inherit-size-line-height);
 }
 
-/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/errorMessage/src/ErrorMessage.module.css/#css-module-data */
-.ErrorMessage-module__hop-ErrorMessage___r0-aG {
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
+.ErrorMessage-module__hop-ErrorMessage___GySei {
   --hop-ErrorMessage-color: var(--hop-danger-text-weak);
   --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
   --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -96,7 +96,7 @@
   line-height: var(--hop-ErrorMessage-line-height);
   color: var(--hop-ErrorMessage-color);
 }
-.ErrorMessage-module__hop-ErrorMessage__icon___Kkk3g {
+.ErrorMessage-module__hop-ErrorMessage__icon___pc97t {
   flex: 0 0 auto;
   align-self: flex-start;
 }

package/dist/{errorMessage → ErrorMessage}/src/ErrorMessage.js

@@ -1,9 +1,9 @@
-export { _ErrorMessage as ErrorMessage, GlobalErrorMessageCssSelector } from '../../chunk-22YUFCHD.js';
-import '../../chunk-ACVMW6YD.js';
+export { _ErrorMessage as ErrorMessage, GlobalErrorMessageCssSelector } from '../../chunk-4V75RYJN.js';
 import '../../chunk-NH3IVMXB.js';
-import '../../chunk-7Q7VIED2.js';
-import '../../chunk-HXI3MEEK.js';
+import '../../chunk-FAE27DLF.js';
+import '../../chunk-E7Y25WJE.js';
 import '../../chunk-X6SER3TZ.js';
-import '../../chunk-KVDXQMWI.js';
+import '../../chunk-HXI3MEEK.js';
 import '../../chunk-M36KANKC.js';
-import '../../chunk-2P3A4VVY.js';
+import '../../chunk-KVDXQMWI.js';
+import '../../chunk-JSBRDJBE.js';

package/dist/ErrorMessage/src/ErrorMessageContext.js

@@ -0,0 +1,2 @@
+export { ErrorMessageContext } from '../../chunk-FAE27DLF.js';
+import '../../chunk-JSBRDJBE.js';

package/dist/{errorMessage → ErrorMessage}/src/index.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
-.Text-module__hop-Text___xYoYb {
+.Text-module__hop-Text___QAKDh {
   --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
   --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
   --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,57 +29,57 @@
   --hop-Text-inherit-size-font-weight: inherit;
   --hop-Text-inherit-size-line-height: inherit;
 }
-:where(.Text-module__hop-Text___xYoYb) {
+:where(.Text-module__hop-Text___QAKDh) {
   font-family: var(--font-family);
   font-size: var(--font-size);
   font-weight: var(--font-weight);
   line-height: var(--line-height);
 }
-:where(.Text-module__hop-Text--xs___nPUGu) {
+:where(.Text-module__hop-Text--xs___q7OkS) {
   --font-size: var(--hop-Text-xs-font-size);
   --font-family: var(--hop-Text-xs-font-family);
   --font-weight: var(--hop-Text-xs-font-weight);
   --line-height: var(--hop-Text-xs-line-height);
 }
-:where(.Text-module__hop-Text--sm___nMPq3) {
+:where(.Text-module__hop-Text--sm___5RyDW) {
   --font-size: var(--hop-Text-sm-font-size);
   --font-family: var(--hop-Text-sm-font-family);
   --font-weight: var(--hop-Text-sm-font-weight);
   --line-height: var(--hop-Text-sm-line-height);
 }
-:where(.Text-module__hop-Text--md___HT-Wz) {
+:where(.Text-module__hop-Text--md___qmqwg) {
   --font-size: var(--hop-Text-md-font-size);
   --font-family: var(--hop-Text-md-font-family);
   --font-weight: var(--hop-Text-md-font-weight);
   --line-height: var(--hop-Text-md-line-height);
 }
-:where(.Text-module__hop-Text--lg___NL7tS) {
+:where(.Text-module__hop-Text--lg___BZX0m) {
   --font-size: var(--hop-Text-lg-font-size);
   --font-family: var(--hop-Text-lg-font-family);
   --font-weight: var(--hop-Text-lg-font-weight);
   --line-height: var(--hop-Text-lg-line-height);
 }
-:where(.Text-module__hop-Text--xl___3aFN2) {
+:where(.Text-module__hop-Text--xl___3Zi7y) {
   --font-size: var(--hop-Text-xl-font-size);
   --font-family: var(--hop-Text-xl-font-family);
   --font-weight: var(--hop-Text-xl-font-weight);
   --line-height: var(--hop-Text-xl-line-height);
 }
-:where(.Text-module__hop-Text--2xl___bsEDq) {
+:where(.Text-module__hop-Text--2xl___RbrDM) {
   --font-size: var(--hop-Text-2xl-font-size);
   --font-family: var(--hop-Text-2xl-font-family);
   --font-weight: var(--hop-Text-2xl-font-weight);
   --line-height: var(--hop-Text-2xl-line-height);
 }
-:where(.Text-module__hop-Text--inherit___xKxgn) {
+:where(.Text-module__hop-Text--inherit___G5g04) {
   --font-size: var(--hop-Text-inherit-size-font-size);
   --font-family: var(--hop-Text-inherit-size-font-family);
   --font-weight: var(--hop-Text-inherit-size-font-weight);
   --line-height: var(--hop-Text-inherit-size-line-height);
 }
 
-/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/errorMessage/src/ErrorMessage.module.css/#css-module-data */
-.ErrorMessage-module__hop-ErrorMessage___r0-aG {
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
+.ErrorMessage-module__hop-ErrorMessage___GySei {
   --hop-ErrorMessage-color: var(--hop-danger-text-weak);
   --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
   --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -96,7 +96,7 @@
   line-height: var(--hop-ErrorMessage-line-height);
   color: var(--hop-ErrorMessage-color);
 }
-.ErrorMessage-module__hop-ErrorMessage__icon___Kkk3g {
+.ErrorMessage-module__hop-ErrorMessage__icon___pc97t {
   flex: 0 0 auto;
   align-self: flex-start;
 }

package/dist/{errorMessage → ErrorMessage}/src/index.js

@@ -1,9 +1,9 @@
-export { _ErrorMessage as ErrorMessage, GlobalErrorMessageCssSelector } from '../../chunk-22YUFCHD.js';
-export { ErrorMessageContext } from '../../chunk-ACVMW6YD.js';
+export { _ErrorMessage as ErrorMessage, GlobalErrorMessageCssSelector } from '../../chunk-4V75RYJN.js';
 import '../../chunk-NH3IVMXB.js';
-import '../../chunk-7Q7VIED2.js';
-import '../../chunk-HXI3MEEK.js';
+export { ErrorMessageContext } from '../../chunk-FAE27DLF.js';
+import '../../chunk-E7Y25WJE.js';
 import '../../chunk-X6SER3TZ.js';
-import '../../chunk-KVDXQMWI.js';
+import '../../chunk-HXI3MEEK.js';
 import '../../chunk-M36KANKC.js';
-import '../../chunk-2P3A4VVY.js';
+import '../../chunk-KVDXQMWI.js';
+import '../../chunk-JSBRDJBE.js';

package/dist/Header/src/Header.d.ts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { StyledComponentProps } from '@hopper-ui/styled-system';
+import { BaseComponentProps } from '../../utils/src/types.js';
+import '@react-types/shared';
+import 'react-aria-components';
+
+declare const GlobalHeaderCssSelector = "hop-Header";
+interface HeaderProps extends StyledComponentProps<BaseComponentProps> {
+}
+/**
+ * The Header component represents a header within a Hopper container such as a Modal or Section.
+ *
+ * [View Documentation](TODO)
+ */
+declare const _Header: react.ForwardRefExoticComponent<HeaderProps & react.RefAttributes<HTMLElement>>;
+
+export { GlobalHeaderCssSelector, _Header as Header, type HeaderProps };

package/dist/Header/src/Header.js

@@ -0,0 +1,3 @@
+export { GlobalHeaderCssSelector, _Header as Header } from '../../chunk-L5A2UTQV.js';
+import '../../chunk-7JOGKC3W.js';
+import '../../chunk-JSBRDJBE.js';

package/dist/Header/src/HeaderContext.d.ts

@@ -0,0 +1,10 @@
+import { HeaderProps } from './Header.js';
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import '@hopper-ui/styled-system';
+import '../../utils/src/types.js';
+import '@react-types/shared';
+
+declare const HeaderContext: react.Context<ContextValue<HeaderProps, HTMLElement>>;
+
+export { HeaderContext };

package/dist/Header/src/HeaderContext.js

@@ -0,0 +1,2 @@
+export { HeaderContext } from '../../chunk-7JOGKC3W.js';
+import '../../chunk-JSBRDJBE.js';

package/dist/Header/src/index.d.ts

@@ -0,0 +1,7 @@
+export { GlobalHeaderCssSelector, Header, HeaderProps } from './Header.js';
+export { HeaderContext } from './HeaderContext.js';
+import 'react';
+import '@hopper-ui/styled-system';
+import '../../utils/src/types.js';
+import '@react-types/shared';
+import 'react-aria-components';

package/dist/Header/src/index.js

@@ -0,0 +1,3 @@
+export { GlobalHeaderCssSelector, _Header as Header } from '../../chunk-L5A2UTQV.js';
+export { HeaderContext } from '../../chunk-7JOGKC3W.js';
+import '../../chunk-JSBRDJBE.js';