@hopper-ui/components 1.4.3 → 1.4.5

package/dist/Accordion/src/index.css

@@ -0,0 +1,573 @@
+/* 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___kIjJK {
+  --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___kIjJK) {
+  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___n7uR3) {
+  --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___5UFh3) {
+  --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___mHsGk) {
+  --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___Bwq0I) {
+  --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___iz9mD) {
+  --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___3Vykl) {
+  --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___K4kAz) {
+  --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___-EnWE {
+  --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___-EnWE) {
+  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___vpyar) {
+  --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___tHl7L) {
+  --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___41oTK) {
+  --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___RTw0Q) {
+  --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___6wxcw) {
+  --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___er60W) {
+  --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___g7rAM) {
+  --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___ylqIL) {
+  --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___VXI1W {
+  box-sizing: border-box;
+}
+.OverlineText-module__hop-OverlineText__text___VXI1W::before,
+.OverlineText-module__hop-OverlineText__text___VXI1W::after {
+  content: "";
+  display: block;
+  box-sizing: border-box;
+  inline-size: 0;
+  block-size: 0;
+}
+.OverlineText-module__hop-OverlineText__text___VXI1W::before {
+  margin-block-end: var(--bottom-offset);
+}
+.OverlineText-module__hop-OverlineText__text___VXI1W::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___CUW7s {
+  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___Yf2iw {
+  --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___Yf2iw) {
+  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___JRNRb) {
+  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___k2P1d {
+  --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
+  position: relative;
+  transition: transform var(--transition);
+}
+.ToggleArrow-module__hop-ToggleArrow___k2P1d[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___arfd5 {
+  --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 0 var(--hop-space-10) 0;
+  --hop-Disclosure-inline-panel-border-size-expanded: 0 0 var(--hop-space-10) 0;
+  --hop-Disclosure-inline-panel-border-color: var(--hop-neutral-border-weak);
+  --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);
+  --panel-border-color: var(--hop-Disclosure-standalone-panel-border-color);
+  box-sizing: border-box;
+  border-radius: var(--border-radius);
+  box-shadow: var(--box-shadow);
+  interpolate-size: allow-keywords;
+}
+.Disclosure-module__hop-Disclosure___arfd5:has(.Disclosure-module__hop-Disclosure__header___Hd6Im) {
+  --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___arfd5[data-expanded] {
+  --panel-padding: var(--hop-Disclosure-panel-padding-expanded);
+}
+.Disclosure-module__hop-Disclosure___arfd5:has(.Disclosure-module__hop-Disclosure__header___Hd6Im)[data-expanded] {
+  --panel-border-size: var(--hop-Disclosure-standalone-panel-border-size-expanded);
+  --panel-padding: var(--hop-Disclosure-with-header-panel-padding);
+}
+.Disclosure-module__hop-Disclosure--inline___nuiDX:has(.Disclosure-module__hop-Disclosure__header___Hd6Im) {
+  --border-radius: var(--hop-Disclosure-inline-border-radius);
+  --box-shadow: var(--hop-Disclosure-inline-box-shadow);
+  --panel-border-size: var(--hop-Disclosure-inline-panel-border-size);
+  --panel-border-color: var(--hop-Disclosure-inline-panel-border-color);
+}
+.Disclosure-module__hop-Disclosure--inline___nuiDX:has(.Disclosure-module__hop-Disclosure__header___Hd6Im)[data-expanded] {
+  --panel-border-size: var(--hop-Disclosure-inline-panel-border-size-expanded);
+}
+.Disclosure-module__hop-Disclosure___arfd5[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___SgY2m {
+  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___n17gP {
+  --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;
+  --hop-DisclosureHeader-inline-border-color: transparent;
+  --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-outline-offset-focused: calc(-1 * var(--hop-space-20));
+  --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);
+  --outline-offset: var(--hop-DisclosureHeader-outline-offset);
+  --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___jDgnt {
+  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(--outline-offset);
+  transition: var(--transition);
+}
+@supports (interpolate-size: allow-keywords) {
+  .DisclosureHeader-module__hop-DisclosureHeader__button___jDgnt {
+    --transition:
+      color var(--transition-info),
+      background-color var(--transition-info),
+      border-radius var(--border-radius-transition-info);
+  }
+}
+.DisclosureHeader-module__hop-DisclosureHeader__button___jDgnt[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___jDgnt[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___jDgnt[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___jDgnt[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);
+  --outline-offset: var(--hop-DisclosureHeader-outline-offset-focused);
+}
+.DisclosureHeader-module__hop-DisclosureHeader__button--inline___yudDC {
+  --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___yudDC[data-expanded] {
+  --border-radius: var(--hop-DisclosureHeader-inline-border-radius-expanded);
+}
+.DisclosureHeader-module__hop-DisclosureHeader__button--inline___yudDC[data-focus-visible] {
+  --outline-size: var(--hop-DisclosureHeader-inline-outline-size-focused);
+  --outline-color: var(--hop-DisclosureHeader-inline-outline-color-focused);
+  --outline-offset: var(--hop-DisclosureHeader-outline-offset-focused);
+}
+.DisclosureHeader-module__hop-DisclosureHeader__button___jDgnt[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___jDgnt > * {
+  grid-area: content;
+}
+.DisclosureHeader-module__hop-DisclosureHeader__icon___Q4QZ- {
+  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___3ZsEO {
+  flex: 0 1 auto;
+}
+.DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___ne2pg {
+  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___Mp7NQ {
+  --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___Mp7NQ {
+    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___Mp7NQ[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___Mp7NQ[aria-hidden=true] {
+  --block-size: 0;
+}
+.DisclosurePanel-module__hop-DisclosurePanel___Mp7NQ[aria-hidden=false] {
+  display: block;
+}
+.DisclosurePanel-module__hop-DisclosurePanel--inline___L0qlQ {
+  --border-radius: var(--hop-DisclosurePanel-inline-border-radius);
+}
+.DisclosurePanel-module__hop-DisclosurePanel--disabled___wSqvk {
+  --color: var(--hop-DisclosurePanel-color-disabled);
+}
+.DisclosurePanel-module__hop-DisclosurePanel__text___0EzxS {
+  color: var(--color);
+}
+.DisclosurePanel-module__hop-DisclosurePanel__text___0EzxS:first-child {
+  margin-block-start: 0;
+}
+.DisclosurePanel-module__hop-DisclosurePanel__text___0EzxS:last-child {
+  margin-block-end: 0;
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Accordion/src/Accordion.module.css/#css-module-data */
+.Accordion-module__hop-Accordion___jdy-R {
+  --hop-Accordion-standalone-border-size: var(--hop-space-10);
+  --hop-Accordion-standalone-border-color: var(--hop-neutral-border-weak);
+  --hop-Accordion-standalone-border-radius: var(--hop-shape-rounded-md);
+  --hop-Accordion-standalone-box-shadow: var(--hop-elevation-raised);
+  --hop-Accordion-standalone-disclosure-border-radius-size: var(--hop-shape-rounded-md);
+  --hop-Accordion-standalone-disclosure-last-child-border-block-end-size: 0;
+  --hop-Accordion-inline-border-size: var(--hop-space-10);
+  --hop-Accordion-inline-border-color: transparent;
+  --hop-Accordion-inline-border-radius: 0;
+  --hop-Accordion-inline-box-shadow: 0;
+  --hop-Accordion-inline-disclosure-border-radius-size: 0;
+  --hop-Accordion-inline-disclosure-last-child-border-block-end-size: var(--hop-space-10);
+  --border-size: var(--hop-Accordion-standalone-border-size);
+  --border-color: var(--hop-Accordion-standalone-border-color);
+  --border-radius: var(--hop-Accordion-standalone-border-radius);
+  --box-shadow: var(--hop-Accordion-standalone-box-shadow);
+  --disclosure-border-radius-size: var(--hop-Accordion-standalone-disclosure-border-radius-size);
+  --disclosure-last-child-border-block-end-size: var(--hop-Accordion-standalone-disclosure-last-child-border-block-end-size);
+  overflow: hidden;
+  border: var(--border-size) solid var(--border-color);
+  border-radius: var(--border-radius);
+  box-shadow: var(--box-shadow);
+}
+.Accordion-module__hop-Accordion--inline___fa7Vf {
+  --border-size: var(--hop-Accordion-inline-border-size);
+  --border-color: var(--hop-Accordion-inline-border-color);
+  --border-radius: var(--hop-Accordion-inline-border-radius);
+  --box-shadow: var(--hop-Accordion-inline-box-shadow);
+  --disclosure-border-radius-size: var(--hop-Accordion-inline-disclosure-border-radius-size);
+  --disclosure-last-child-border-block-end-size: var(--hop-Accordion-inline-disclosure-last-child-border-block-end-size);
+}
+.Accordion-module__hop-Accordion__disclosure___UnGGE:first-child .Accordion-module__hop-Accordion__disclosure-header___ZIAe0 button[slot=trigger] {
+  border-start-start-radius: var(--disclosure-border-radius-size);
+  border-start-end-radius: var(--disclosure-border-radius-size);
+}
+.Accordion-module__hop-Accordion__disclosure___UnGGE:last-child:not([data-expanded]) .Accordion-module__hop-Accordion__disclosure-header___ZIAe0 button[slot=trigger] {
+  border-end-start-radius: var(--disclosure-border-radius-size);
+  border-end-end-radius: var(--disclosure-border-radius-size);
+}
+.Accordion-module__hop-Accordion__disclosure___UnGGE:last-child .Accordion-module__hop-Accordion__disclosure-panel___XWbNh {
+  border-block-end-width: var(--disclosure-last-child-border-block-end-size);
+}

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

@@ -0,0 +1,6 @@
+export { Accordion, AccordionProps, GlobalAccordionCssSelector } from './Accordion.js';
+export { AccordionContext } from './AccordionContext.js';
+import 'react';
+import '@hopper-ui/styled-system';
+import '@react-types/shared';
+import 'react-aria-components';

package/dist/Accordion/src/index.js

@@ -0,0 +1,9 @@
+export { _Accordion as Accordion, GlobalAccordionCssSelector } from '../../chunk-X5YVAVRA.js';
+import '../../chunk-GFRTCF4B.js';
+import '../../chunk-MUAXK42C.js';
+import '../../chunk-7CJXILRD.js';
+export { AccordionContext } from '../../chunk-7IM3UQB4.js';
+import '../../chunk-65JPI4FL.js';
+import '../../chunk-M36KANKC.js';
+import '../../chunk-KVDXQMWI.js';
+import '../../chunk-JSBRDJBE.js';