@hopper-ui/components 1.3.33 → 1.3.35

package/dist/Disclosure/src/index.css

@@ -0,0 +1,526 @@
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
+.Heading-module__hop-Heading___kTk6X {
+  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
+  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
+  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
+  --hop-Heading-xs-line-height: var(--hop-heading-xs-line-height);
+  --hop-Heading-sm-font-size: var(--hop-heading-sm-font-size);
+  --hop-Heading-sm-font-family: var(--hop-heading-sm-font-family);
+  --hop-Heading-sm-font-weight: var(--hop-heading-sm-font-weight);
+  --hop-Heading-sm-line-height: var(--hop-heading-sm-line-height);
+  --hop-Heading-md-font-size: var(--hop-heading-md-font-size);
+  --hop-Heading-md-font-family: var(--hop-heading-md-font-family);
+  --hop-Heading-md-font-weight: var(--hop-heading-md-font-weight);
+  --hop-Heading-md-line-height: var(--hop-heading-md-line-height);
+  --hop-Heading-lg-font-size: var(--hop-heading-lg-font-size);
+  --hop-Heading-lg-font-family: var(--hop-heading-lg-font-family);
+  --hop-Heading-lg-font-weight: var(--hop-heading-lg-font-weight);
+  --hop-Heading-lg-line-height: var(--hop-heading-lg-line-height);
+  --hop-Heading-xl-font-size: var(--hop-heading-xl-font-size);
+  --hop-Heading-xl-font-family: var(--hop-heading-xl-font-family);
+  --hop-Heading-xl-font-weight: var(--hop-heading-xl-font-weight);
+  --hop-Heading-xl-line-height: var(--hop-heading-xl-line-height);
+  --hop-Heading-2xl-font-size: var(--hop-heading-2xl-font-size);
+  --hop-Heading-2xl-font-family: var(--hop-heading-2xl-font-family);
+  --hop-Heading-2xl-font-weight: var(--hop-heading-2xl-font-weight);
+  --hop-Heading-2xl-line-height: var(--hop-heading-2xl-line-height);
+  --hop-Heading-3xl-font-size: var(--hop-heading-3xl-font-size);
+  --hop-Heading-3xl-font-family: var(--hop-heading-3xl-font-family);
+  --hop-Heading-3xl-font-weight: var(--hop-heading-3xl-font-weight);
+  --hop-Heading-3xl-line-height: var(--hop-heading-3xl-line-height);
+  --hop-Heading-inherit-size-font-size: inherit;
+  --hop-Heading-inherit-size-font-family: inherit;
+  --hop-Heading-inherit-size-font-weight: inherit;
+  --hop-Heading-inherit-size-line-height: inherit;
+}
+:where(.Heading-module__hop-Heading___kTk6X) {
+  margin: 0;
+  font-family: var(--font-family);
+  font-size: var(--font-size);
+  font-weight: var(--font-weight);
+  line-height: var(--line-height);
+}
+:where(.Heading-module__hop-Heading--xs___YkbL6) {
+  --font-size: var(--hop-Heading-xs-font-size);
+  --font-family: var(--hop-Heading-xs-font-family);
+  --font-weight: var(--hop-Heading-xs-font-weight);
+  --line-height: var(--hop-Heading-xs-line-height);
+}
+:where(.Heading-module__hop-Heading--sm___blSam) {
+  --font-size: var(--hop-Heading-sm-font-size);
+  --font-family: var(--hop-Heading-sm-font-family);
+  --font-weight: var(--hop-Heading-sm-font-weight);
+  --line-height: var(--hop-Heading-sm-line-height);
+}
+:where(.Heading-module__hop-Heading--md___y4meX) {
+  --font-size: var(--hop-Heading-md-font-size);
+  --font-family: var(--hop-Heading-md-font-family);
+  --font-weight: var(--hop-Heading-md-font-weight);
+  --line-height: var(--hop-Heading-md-line-height);
+}
+:where(.Heading-module__hop-Heading--lg___uBzEA) {
+  --font-size: var(--hop-Heading-lg-font-size);
+  --font-family: var(--hop-Heading-lg-font-family);
+  --font-weight: var(--hop-Heading-lg-font-weight);
+  --line-height: var(--hop-Heading-lg-line-height);
+}
+:where(.Heading-module__hop-Heading--xl___GpG4F) {
+  --font-size: var(--hop-Heading-xl-font-size);
+  --font-family: var(--hop-Heading-xl-font-family);
+  --font-weight: var(--hop-Heading-xl-font-weight);
+  --line-height: var(--hop-Heading-xl-line-height);
+}
+:where(.Heading-module__hop-Heading--2xl___MTCAL) {
+  --font-size: var(--hop-Heading-2xl-font-size);
+  --font-family: var(--hop-Heading-2xl-font-family);
+  --font-weight: var(--hop-Heading-2xl-font-weight);
+  --line-height: var(--hop-Heading-2xl-line-height);
+}
+:where(.Heading-module__hop-Heading--3xl___rWxe6) {
+  --font-size: var(--hop-Heading-3xl-font-size);
+  --font-family: var(--hop-Heading-3xl-font-family);
+  --font-weight: var(--hop-Heading-3xl-font-weight);
+  --line-height: var(--hop-Heading-3xl-line-height);
+}
+
+/* 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___9GSuR {
+  --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);
+  --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
+  --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
+  --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
+  --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
+  --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
+  --hop-Text-md-font-size: var(--hop-body-md-font-size);
+  --hop-Text-md-font-family: var(--hop-body-md-font-family);
+  --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
+  --hop-Text-md-line-height: var(--hop-body-md-line-height);
+  --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
+  --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
+  --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
+  --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
+  --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
+  --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
+  --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
+  --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
+  --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
+  --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
+  --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
+  --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
+  --hop-Text-inherit-size-font-size: inherit;
+  --hop-Text-inherit-size-font-family: inherit;
+  --hop-Text-inherit-size-font-weight: inherit;
+  --hop-Text-inherit-size-line-height: inherit;
+}
+:where(.Text-module__hop-Text___9GSuR) {
+  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___oFNpU) {
+  --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___FaLG3) {
+  --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___pW7zQ) {
+  --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___8efIV) {
+  --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___R-9rB) {
+  --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___OTgcy) {
+  --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___5e8-3) {
+  --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/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
+:where(.OverlineText-module__hop-OverlineText___D-RLi) {
+  --hop-OverlineText-font-family: var(--hop-overline-font-family);
+  --hop-OverlineText-font-size: var(--hop-overline-font-size);
+  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
+  --hop-OverlineText-letter-spacing: 0.015rem;
+  --hop-OverlineText-line-height: var(--hop-overline-line-height);
+  --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
+  --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
+  --font-family: var(--hop-OverlineText-font-family);
+  --font-size: var(--hop-OverlineText-font-size);
+  --font-weight: var(--hop-OverlineText-font-weight);
+  --letter-spacing: var(--hop-OverlineText-letter-spacing);
+  --line-height: var(--hop-OverlineText-line-height);
+  --top-offset: var(--hop-OverlineText-top-offset);
+  --bottom-offset: var(--hop-OverlineText-bottom-offset);
+  box-sizing: border-box;
+  font-family: var(--font-family);
+  font-size: var(--font-size);
+  font-feature-settings: "case";
+  font-weight: var(--font-weight);
+  line-height: var(--line-height);
+  text-transform: uppercase;
+  letter-spacing: var(--letter-spacing);
+}
+.OverlineText-module__hop-OverlineText__text___Y6Wnp {
+  box-sizing: border-box;
+}
+.OverlineText-module__hop-OverlineText__text___Y6Wnp::before,
+.OverlineText-module__hop-OverlineText__text___Y6Wnp::after {
+  content: "";
+  display: block;
+  box-sizing: border-box;
+  inline-size: 0;
+  block-size: 0;
+}
+.OverlineText-module__hop-OverlineText__text___Y6Wnp::before {
+  margin-block-end: var(--bottom-offset);
+}
+.OverlineText-module__hop-OverlineText__text___Y6Wnp::after {
+  margin-block-start: var(--top-offset);
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
+.Form-module__hop-Form___OXHm7 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--hop-space-stack-lg);
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
+.Label-module__hop-Label___WAgRk {
+  --hop-Label-font-size: var(--hop-heading-xs-font-size);
+  --hop-Label-font-family: var(--hop-heading-xs-font-family);
+  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
+  --hop-Label-line-height: var(--hop-heading-xs-line-height);
+  --hop-Label-color: var(--hop-neutral-text-weak);
+}
+:where(.Label-module__hop-Label___WAgRk) {
+  font-family: var(--hop-Label-font-family);
+  font-size: var(--hop-Label-font-size);
+  font-weight: var(--hop-Label-font-weight);
+  line-height: var(--hop-Label-line-height);
+  color: var(--hop-Label-color);
+}
+:where(.Label-module__hop-Label__indicator___KrKa0) {
+  padding-inline-start: var(--hop-space-20);
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ToggleArrow/src/ToggleArrow.module.css/#css-module-data */
+.ToggleArrow-module__hop-ToggleArrow___ZWmVx {
+  --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
+  position: relative;
+  transition: transform var(--transition);
+}
+.ToggleArrow-module__hop-ToggleArrow___ZWmVx[data-expanded] {
+  transform: rotate(-180deg);
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Disclosure/src/Disclosure.module.css/#css-module-data */
+.Disclosure-module__hop-Disclosure___xCpQ7 {
+  --hop-Disclosure-panel-padding: 0;
+  --hop-Disclosure-panel-padding-expanded: var(--hop-space-inset-md) 0;
+  --hop-Disclosure-panel-background-color: none;
+  --hop-Disclosure-with-header-panel-padding: var(--hop-space-inset-md);
+  --hop-Disclosure-with-header-panel-background-color: var(--hop-neutral-surface);
+  --hop-Disclosure-standalone-border-radius: var(--hop-shape-rounded-md);
+  --hop-Disclosure-standalone-box-shadow: var(--hop-elevation-raised);
+  --hop-Disclosure-standalone-panel-border-size: 0;
+  --hop-Disclosure-standalone-panel-border-size-expanded: 0 var(--hop-space-10) var(--hop-space-10) var(--hop-space-10);
+  --hop-Disclosure-standalone-panel-border-color: var(--hop-neutral-border-weak);
+  --hop-Disclosure-inline-border-radius: 0;
+  --hop-Disclosure-inline-box-shadow: none;
+  --hop-Disclosure-inline-panel-border-size: 0;
+  --hop-Disclosure-inline-panel-border-size-expanded: 0;
+  --hop-Disclosure-inline-panel-border-color: transparent;
+  --hop-Disclosure-box-shadow-disabled: none;
+  --hop-Disclosure-panel-border-color-disabled: var(--hop-neutral-border-disabled);
+  --panel-background-color: var(--hop-Disclosure-panel-background-color);
+  --panel-padding: var(--hop-Disclosure-panel-padding);
+  --panel-border-size: var(--hop-Disclosure-standalone-panel-border-size);
+  box-sizing: border-box;
+  border-radius: var(--border-radius);
+  box-shadow: var(--box-shadow);
+  interpolate-size: allow-keywords;
+}
+.Disclosure-module__hop-Disclosure___xCpQ7:has(.Disclosure-module__hop-Disclosure__header___PTwfY) {
+  --border-radius: var(--hop-Disclosure-standalone-border-radius);
+  --box-shadow: var(--hop-Disclosure-standalone-box-shadow);
+  --panel-background-color: var(--hop-Disclosure-with-header-panel-background-color);
+}
+.Disclosure-module__hop-Disclosure___xCpQ7[data-expanded] {
+  --panel-padding: var(--hop-Disclosure-panel-padding-expanded);
+}
+.Disclosure-module__hop-Disclosure___xCpQ7:has(.Disclosure-module__hop-Disclosure__header___PTwfY)[data-expanded] {
+  --panel-border-size: var(--hop-Disclosure-standalone-panel-border-size-expanded);
+  --panel-border-color: var(--hop-Disclosure-standalone-panel-border-color);
+  --panel-padding: var(--hop-Disclosure-with-header-panel-padding);
+}
+.Disclosure-module__hop-Disclosure--inline___5P5N6 {
+  --panel-border-size: var(--hop-Disclosure-inline-panel-border-size);
+}
+.Disclosure-module__hop-Disclosure--inline___5P5N6:has(.Disclosure-module__hop-Disclosure__header___PTwfY) {
+  --border-radius: var(--hop-Disclosure-inline-border-radius);
+  --box-shadow: var(--hop-Disclosure-inline-box-shadow);
+}
+.Disclosure-module__hop-Disclosure--inline___5P5N6:has(.Disclosure-module__hop-Disclosure__header___PTwfY)[data-expanded] {
+  --panel-border-size: var(--hop-Disclosure-inline-panel-border-size-expanded);
+  --panel-border-color: var(--hop-Disclosure-inline-panel-border-color);
+}
+.Disclosure-module__hop-Disclosure___xCpQ7[data-disabled] {
+  --box-shadow: var(--hop-Disclosure-box-shadow-disabled);
+  --panel-border-color: var(--hop-Disclosure-panel-border-color-disabled);
+}
+.Disclosure-module__hop-Disclosure__panel___KGD3s {
+  padding: var(--panel-padding);
+  background-color: var(--panel-background-color);
+  border: solid var(--panel-border-color);
+  border-width: var(--panel-border-size);
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Disclosure/src/DisclosureHeader.module.css/#css-module-data */
+.DisclosureHeader-module__hop-DisclosureHeader___6dacL {
+  --hop-DisclosureHeader-padding: var(--hop-space-inset-md);
+  --hop-DisclosureHeader-icon-margin-inline-end: var(--hop-space-inline-md);
+  --hop-DisclosureHeader-toggle-arrow-margin-inline-start: var(--hop-space-inline-md);
+  --hop-DisclosureHeader-outline-offset: calc(-1 * var(--hop-space-10));
+  --hop-DisclosureHeader-background-color: var(--hop-neutral-surface);
+  --hop-DisclosureHeader-color: var(--hop-neutral-text);
+  --hop-DisclosureHeader-icon-color: var(--hop-neutral-icon);
+  --hop-DisclosureHeader-description-color: var(--hop-neutral-text-weak);
+  --hop-DisclosureHeader-border-radius-transition: 0s var(--hop-easing-productive) var(--hop-easing-duration-2);
+  --hop-DisclosureHeader-standalone-outline-size: var(--hop-space-10);
+  --hop-DisclosureHeader-standalone-outline-color: transparent;
+  --hop-DisclosureHeader-standalone-border-size: var(--hop-space-10);
+  --hop-DisclosureHeader-standalone-border-color: var(--hop-neutral-border-weak);
+  --hop-DisclosureHeader-standalone-border-radius: var(--hop-shape-rounded-md);
+  --hop-DisclosureHeader-inline-outline-size: 0;
+  --hop-DisclosureHeader-inline-outline-color: transparent;
+  --hop-DisclosureHeader-inline-border-size: 0 0 var(--hop-space-10) 0;
+  --hop-DisclosureHeader-inline-border-color: var(--hop-neutral-border-weak);
+  --hop-DisclosureHeader-inline-border-radius: 0;
+  --hop-DisclosureHeader-background-color-expanded: var(--hop-neutral-surface);
+  --hop-DisclosureHeader-color-expanded: var(--hop-neutral-text);
+  --hop-DisclosureHeader-icon-color-expanded: var(--hop-neutral-icon);
+  --hop-DisclosureHeader-standalone-border-radius-expanded: var(--hop-shape-rounded-md) var(--hop-shape-rounded-md) 0 0;
+  --hop-DisclosureHeader-inline-border-radius-expanded: 0;
+  --hop-DisclosureHeader-border-radius-transition-expanded: 0s var(--hop-easing-productive) 0s;
+  --hop-DisclosureHeader-background-color-hovered: var(--hop-neutral-surface-hover);
+  --hop-DisclosureHeader-color-hovered: var(--hop-neutral-text-hover);
+  --hop-DisclosureHeader-icon-color-hovered: var(--hop-neutral-icon-hover);
+  --hop-DisclosureHeader-standalone-outline-color-hovered: var(--hop-neutral-border-hover);
+  --hop-DisclosureHeader-inline-outline-color-hovered: transparent;
+  --hop-DisclosureHeader-background-color-pressed: var(--hop-neutral-surface-press);
+  --hop-DisclosureHeader-color-pressed: var(--hop-neutral-text-press);
+  --hop-DisclosureHeader-icon-color-pressed: var(--hop-neutral-icon-press);
+  --hop-DisclosureHeader-standalone-outline-color-pressed: var(--hop-neutral-border-press);
+  --hop-DisclosureHeader-inline-outline-color-pressed: transparent;
+  --hop-DisclosureHeader-background-color-focused: var(--hop-neutral-surface-hover);
+  --hop-DisclosureHeader-color-focused: var(--hop-neutral-text-hover);
+  --hop-DisclosureHeader-icon-color-focused: var(--hop-neutral-icon-hover);
+  --hop-DisclosureHeader-standalone-outline-size-focused: var(--hop-space-20);
+  --hop-DisclosureHeader-standalone-outline-color-focused: var(--hop-primary-border-focus);
+  --hop-DisclosureHeader-inline-outline-size-focused: var(--hop-space-20);
+  --hop-DisclosureHeader-inline-outline-color-focused: var(--hop-primary-border-focus);
+  --hop-DisclosureHeader-background-color-disabled: var(--hop-neutral-surface-disabled);
+  --hop-DisclosureHeader-color-disabled: var(--hop-neutral-text-disabled);
+  --hop-DisclosureHeader-icon-color-disabled: var(--hop-neutral-icon-disabled);
+  --hop-DisclosureHeader-description-color-disabled: var(--hop-neutral-text-disabled);
+  --hop-DisclosureHeader-standalone-border-color-disabled: var(--hop-neutral-border-disabled);
+  --hop-DisclosureHeader-inline-border-color-disabled: transparent;
+  --background-color: var(--hop-DisclosureHeader-background-color);
+  --color: var(--hop-DisclosureHeader-color);
+  --cursor: pointer;
+  --icon-color: var(--hop-DisclosureHeader-icon-color);
+  --description-color: var(--hop-DisclosureHeader-description-color);
+  --outline-size: var(--hop-DisclosureHeader-standalone-outline-size);
+  --outline-color: var(--hop-DisclosureHeader-standalone-outline-color);
+  --border-radius: var(--hop-DisclosureHeader-standalone-border-radius);
+  --transition-info: var(--hop-easing-duration-2) var(--hop-easing-productive);
+  --border-radius-transition-info: var(--hop-DisclosureHeader-border-radius-transition);
+  --transition: color var(--transition-info), background-color var(--transition-info);
+  --border-size: var(--hop-DisclosureHeader-standalone-border-size);
+  --border-color: var(--hop-DisclosureHeader-standalone-border-color);
+  position: relative;
+  display: flex;
+  box-sizing: border-box;
+}
+.DisclosureHeader-module__hop-DisclosureHeader__button___yefS- {
+  cursor: var(--cursor);
+  display: grid;
+  grid-template-areas: "icon content toggle-arrow";
+  grid-template-columns: auto 1fr auto;
+  flex: 1 1 auto;
+  align-items: center;
+  justify-content: start;
+  box-sizing: border-box;
+  padding: var(--hop-DisclosureHeader-padding);
+  font: inherit;
+  line-height: inherit;
+  color: var(--color);
+  text-align: start;
+  background-color: var(--background-color);
+  border: solid var(--border-color);
+  border-width: var(--border-size);
+  border-radius: var(--border-radius);
+  outline: var(--outline-size) solid var(--outline-color);
+  outline-offset: var(--hop-DisclosureHeader-outline-offset);
+  transition: var(--transition);
+}
+@supports (interpolate-size: allow-keywords) {
+  .DisclosureHeader-module__hop-DisclosureHeader__button___yefS- {
+    --transition:
+      color var(--transition-info),
+      background-color var(--transition-info),
+      border-radius var(--border-radius-transition-info);
+  }
+}
+.DisclosureHeader-module__hop-DisclosureHeader__button___yefS-[data-expanded] {
+  --background-color: var(--hop-DisclosureHeader-background-color-expanded);
+  --color: var(--hop-DisclosureHeader-color-expanded);
+  --icon-color: var(--hop-DisclosureHeader-icon-color-expanded);
+  --border-radius: var(--hop-DisclosureHeader-standalone-border-radius-expanded);
+  --border-radius-transition-info: var(--hop-DisclosureHeader-border-radius-transition-expanded);
+}
+.DisclosureHeader-module__hop-DisclosureHeader__button___yefS-[data-hovered] {
+  --background-color: var(--hop-DisclosureHeader-background-color-hovered);
+  --color: var(--hop-DisclosureHeader-color-hovered);
+  --icon-color: var(--hop-DisclosureHeader-icon-color-hovered);
+  --outline-color: var(--hop-DisclosureHeader-standalone-outline-color-hovered);
+}
+.DisclosureHeader-module__hop-DisclosureHeader__button___yefS-[data-pressed] {
+  --background-color: var(--hop-DisclosureHeader-background-color-pressed);
+  --color: var(--hop-DisclosureHeader-color-pressed);
+  --icon-color: var(--hop-DisclosureHeader-icon-color-pressed);
+  --outline-color: var(--hop-DisclosureHeader-standalone-outline-color-pressed);
+}
+.DisclosureHeader-module__hop-DisclosureHeader__button___yefS-[data-focus-visible] {
+  --background-color: var(--hop-DisclosureHeader-background-color-focused);
+  --color: var(--hop-DisclosureHeader-color-focused);
+  --icon-color: var(--hop-DisclosureHeader-icon-color-focused);
+  --outline-size: var(--hop-DisclosureHeader-standalone-outline-size-focused);
+  --outline-color: var(--hop-DisclosureHeader-standalone-outline-color-focused);
+}
+.DisclosureHeader-module__hop-DisclosureHeader__button--inline___aie95 {
+  --outline-size: var(--hop-DisclosureHeader-inline-outline-size);
+  --outline-color: var(--hop-DisclosureHeader-inline-outline-color);
+  --border-size: var(--hop-DisclosureHeader-inline-border-size);
+  --border-color: var(--hop-DisclosureHeader-inline-border-color);
+  --border-radius: var(--hop-DisclosureHeader-inline-border-radius);
+}
+.DisclosureHeader-module__hop-DisclosureHeader__button--inline___aie95[data-expanded] {
+  --border-radius: var(--hop-DisclosureHeader-inline-border-radius-expanded);
+}
+.DisclosureHeader-module__hop-DisclosureHeader__button--inline___aie95[data-focus-visible] {
+  --outline-size: var(--hop-DisclosureHeader-inline-outline-size-focused);
+  --outline-color: var(--hop-DisclosureHeader-inline-outline-color-focused);
+}
+.DisclosureHeader-module__hop-DisclosureHeader__button___yefS-[data-disabled] {
+  --background-color: var(--hop-DisclosureHeader-background-color-disabled);
+  --color: var(--hop-DisclosureHeader-color-disabled);
+  --cursor: not-allowed;
+  --icon-color: var(--hop-DisclosureHeader-icon-color-disabled);
+  --description-color: var(--hop-DisclosureHeader-description-color-disabled);
+  --border-color: var(--hop-DisclosureHeader-standalone-border-color-disabled);
+}
+.DisclosureHeader-module__hop-DisclosureHeader__button___yefS- > * {
+  grid-area: content;
+}
+.DisclosureHeader-module__hop-DisclosureHeader__icon___PKvHT {
+  grid-area: icon;
+  box-sizing: border-box;
+  margin-inline-end: var(--hop-DisclosureHeader-icon-margin-inline-end);
+  color: var(--icon-color);
+}
+.DisclosureHeader-module__hop-DisclosureHeader__title___Nqvyi {
+  flex: 0 1 auto;
+}
+.DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___noLeO {
+  grid-area: toggle-arrow;
+  margin-inline-start: var(--hop-DisclosureHeader-toggle-arrow-margin-inline-start);
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Disclosure/src/DisclosurePanel.module.css/#css-module-data */
+.DisclosurePanel-module__hop-DisclosurePanel___NcAZI {
+  --hop-DisclosurePanel-text-color: var(--hop-neutral-text-weak);
+  --hop-DisclosurePanel-standalone-border-radius: 0 0 var(--hop-shape-rounded-md) var(--hop-shape-rounded-md);
+  --hop-DisclosurePanel-inline-border-radius: 0;
+  --hop-DisclosurePanel-color-disabled: var(--hop-neutral-text-disabled);
+  --transition-duration: var(--hop-easing-duration-2);
+  --transition: var(--transition-duration) var(--hop-easing-productive);
+  --delayed-transition: 0s var(--hop-easing-productive) var(--transition-duration);
+  --block-size: auto;
+  --border-radius: var(--hop-DisclosurePanel-standalone-border-radius);
+  --color: var(--hop-DisclosurePanel-text-color);
+  overflow: hidden;
+  box-sizing: border-box;
+  block-size: var(--block-size);
+  border-radius: var(--border-radius);
+}
+@supports (interpolate-size: allow-keywords) {
+  .DisclosurePanel-module__hop-DisclosurePanel___NcAZI {
+    transition:
+      block-size var(--transition),
+      content-visibility var(--transition),
+      padding-block var(--transition);
+    transition-behavior: allow-discrete;
+  }
+}
+@supports (interpolate-size: allow-keywords) {
+  .DisclosurePanel-module__hop-DisclosurePanel___NcAZI[aria-hidden=true] {
+    transition:
+      block-size var(--transition),
+      content-visibility var(--transition),
+      border var(--delayed-transition),
+      padding-block var(--transition),
+      padding-inline var(--delayed-transition);
+    transition-behavior: allow-discrete;
+  }
+}
+.DisclosurePanel-module__hop-DisclosurePanel___NcAZI[aria-hidden=true] {
+  --block-size: 0;
+}
+.DisclosurePanel-module__hop-DisclosurePanel___NcAZI[aria-hidden=false] {
+  display: block;
+}
+.DisclosurePanel-module__hop-DisclosurePanel--inline___Y8y9c {
+  --border-radius: var(--hop-DisclosurePanel-inline-border-radius);
+}
+.DisclosurePanel-module__hop-DisclosurePanel--disabled___aLmDO {
+  --color: var(--hop-DisclosurePanel-color-disabled);
+}
+.DisclosurePanel-module__hop-DisclosurePanel__text___zuol- {
+  color: var(--color);
+}
+.DisclosurePanel-module__hop-DisclosurePanel__text___zuol-:first-child {
+  margin-block-start: 0;
+}
+.DisclosurePanel-module__hop-DisclosurePanel__text___zuol-:last-child {
+  margin-block-end: 0;
+}

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

@@ -0,0 +1,10 @@
+export { Disclosure, DisclosureProps, GlobalDisclosureCssSelector } from './Disclosure.js';
+export { DisclosureContext } from './DisclosureContext.js';
+export { DisclosureHeader, DisclosureHeaderButtonProps, DisclosureHeaderProps, GlobalDisclosureHeaderCssSelector } from './DisclosureHeader.js';
+export { DisclosureHeaderContext } from './DisclosureHeaderContext.js';
+export { DisclosurePanel, DisclosurePanelProps, GlobalDisclosurePanelCssSelector } from './DisclosurePanel.js';
+export { DisclosurePanelContext } from './DisclosurePanelContext.js';
+import 'react';
+import '@hopper-ui/styled-system';
+import 'react-aria-components';
+import '../../typography/Heading/src/Heading.js';

package/dist/Disclosure/src/index.js

@@ -0,0 +1,27 @@
+export { _DisclosurePanel as DisclosurePanel, GlobalDisclosurePanelCssSelector } from '../../chunk-IXXQUPXA.js';
+export { _Disclosure as Disclosure, GlobalDisclosureCssSelector } from '../../chunk-AYW3VAZY.js';
+export { DisclosurePanelContext } from '../../chunk-7CJXILRD.js';
+export { _DisclosureHeader as DisclosureHeader, GlobalDisclosureHeaderCssSelector } from '../../chunk-FSXFF7TJ.js';
+export { DisclosureContext } from '../../chunk-MUAXK42C.js';
+export { DisclosureHeaderContext } from '../../chunk-GFRTCF4B.js';
+import '../../chunk-X3G7OJKA.js';
+import '../../chunk-ZWU6DRRZ.js';
+import '../../chunk-XJPH3TL7.js';
+import '../../chunk-DBIN32YS.js';
+import '../../chunk-ZTSBOPRT.js';
+import '../../chunk-TXZ6BMFR.js';
+import '../../chunk-NEVRDLRS.js';
+import '../../chunk-QCA3ZR56.js';
+import '../../chunk-TFVDF4YH.js';
+import '../../chunk-RTABBR2E.js';
+import '../../chunk-Q7NXUUB3.js';
+import '../../chunk-J6WBI2I2.js';
+import '../../chunk-MI3FZZRE.js';
+import '../../chunk-WPNVVGFW.js';
+import '../../chunk-MM727X5U.js';
+import '../../chunk-X6SER3TZ.js';
+import '../../chunk-HXI3MEEK.js';
+import '../../chunk-65JPI4FL.js';
+import '../../chunk-M36KANKC.js';
+import '../../chunk-KVDXQMWI.js';
+import '../../chunk-JSBRDJBE.js';