@hopper-ui/components 1.5.11 → 1.5.13

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @hopper-ui/components
 
+## 1.5.13
+
+### Patch Changes
+
+- 1fb4187: Add AvatarGroup component
+
+## 1.5.12
+
+### Patch Changes
+
+- 6caa19d: Add Tooltip component
+- a87f044: Adds pending state to Button and Alert
+
 ## 1.5.11
 
 ### Patch Changes

package/README.md

@@ -1,8 +1,5 @@
 # @hopper-ui/components
 
-> [!IMPORTANT]
-> Key information: This version of the package is in prerelease; it is not recommended for production use.
-
 Hopper is a design system developed by Workleap to help create the best experience for our customers and drive consistency between all our web apps.
 
 [![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](../../LICENSE)

package/dist/accordion/src/Accordion.css

@@ -0,0 +1,574 @@
+/* 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___Ar-xg {
+  --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___Ar-xg) {
+  margin: 0;
+  font-family: var(--font-family);
+  font-size: var(--font-size);
+  font-weight: var(--font-weight);
+  line-height: var(--line-height);
+  color: var(--hop-neutral-text);
+}
+:where(.Heading-module__hop-Heading--xs___-I9vY) {
+  --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___3Uw0i) {
+  --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___curln) {
+  --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___wTnwT) {
+  --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___DNuF7) {
+  --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___cWmCg) {
+  --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___-fSuo) {
+  --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___uq-tR {
+  --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___uq-tR) {
+  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___sJCR-) {
+  --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___rsSoz) {
+  --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___KWEnQ) {
+  --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___igwHs) {
+  --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___V7Phx) {
+  --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___Yc-7P) {
+  --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___8OzO8) {
+  --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/overline-text/src/OverlineText.module.css/#css-module-data */
+:where(.OverlineText-module__hop-OverlineText___wnMR6) {
+  --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___fotp3 {
+  box-sizing: border-box;
+}
+.OverlineText-module__hop-OverlineText__text___fotp3::before,
+.OverlineText-module__hop-OverlineText__text___fotp3::after {
+  content: "";
+  display: block;
+  box-sizing: border-box;
+  inline-size: 0;
+  block-size: 0;
+}
+.OverlineText-module__hop-OverlineText__text___fotp3::before {
+  margin-block-end: var(--bottom-offset);
+}
+.OverlineText-module__hop-OverlineText__text___fotp3::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___1Lmw5 {
+  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___yQPNj {
+  --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___yQPNj) {
+  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___pSeqL) {
+  padding-inline-start: var(--hop-space-20);
+}
+
+/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/toggle-arrow/src/ToggleArrow.module.css/#css-module-data */
+.ToggleArrow-module__hop-ToggleArrow___EjFdI {
+  --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
+  position: relative;
+  transition: transform var(--transition);
+}
+.ToggleArrow-module__hop-ToggleArrow___EjFdI[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___EgxOK {
+  --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___EgxOK:has(.Disclosure-module__hop-Disclosure__header___I1IOx) {
+  --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___EgxOK[data-expanded] {
+  --panel-padding: var(--hop-Disclosure-panel-padding-expanded);
+}
+.Disclosure-module__hop-Disclosure___EgxOK:has(.Disclosure-module__hop-Disclosure__header___I1IOx)[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___rdfzJ:has(.Disclosure-module__hop-Disclosure__header___I1IOx) {
+  --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___rdfzJ:has(.Disclosure-module__hop-Disclosure__header___I1IOx)[data-expanded] {
+  --panel-border-size: var(--hop-Disclosure-inline-panel-border-size-expanded);
+}
+.Disclosure-module__hop-Disclosure___EgxOK[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___rp4y8 {
+  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___1bBWz {
+  --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___9fIVu {
+  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___9fIVu {
+    --transition:
+      color var(--transition-info),
+      background-color var(--transition-info),
+      border-radius var(--border-radius-transition-info);
+  }
+}
+.DisclosureHeader-module__hop-DisclosureHeader__button___9fIVu[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___9fIVu[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___9fIVu[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___9fIVu[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___cUpvu {
+  --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___cUpvu[data-expanded] {
+  --border-radius: var(--hop-DisclosureHeader-inline-border-radius-expanded);
+}
+.DisclosureHeader-module__hop-DisclosureHeader__button--inline___cUpvu[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___9fIVu[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___9fIVu > * {
+  grid-area: content;
+}
+.DisclosureHeader-module__hop-DisclosureHeader__icon___n1sGQ {
+  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___aebIE {
+  flex: 0 1 auto;
+}
+.DisclosureHeader-module__hop-DisclosureHeader__toggle-arrow___bxIbu {
+  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___lospV {
+  --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___lospV {
+    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___lospV[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___lospV[aria-hidden=true] {
+  --block-size: 0;
+}
+.DisclosurePanel-module__hop-DisclosurePanel___lospV[aria-hidden=false] {
+  display: block;
+}
+.DisclosurePanel-module__hop-DisclosurePanel--inline___enlD3 {
+  --border-radius: var(--hop-DisclosurePanel-inline-border-radius);
+}
+.DisclosurePanel-module__hop-DisclosurePanel--disabled___Sdr1y {
+  --color: var(--hop-DisclosurePanel-color-disabled);
+}
+.DisclosurePanel-module__hop-DisclosurePanel__text___dDhVT {
+  color: var(--color);
+}
+.DisclosurePanel-module__hop-DisclosurePanel__text___dDhVT:first-child {
+  margin-block-start: 0;
+}
+.DisclosurePanel-module__hop-DisclosurePanel__text___dDhVT: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___YeXY1 {
+  --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___HWuwa {
+  --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___pY4Ya:first-child .Accordion-module__hop-Accordion__disclosure-header___87pmH 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___pY4Ya:last-child:not([data-expanded]) .Accordion-module__hop-Accordion__disclosure-header___87pmH 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___pY4Ya:last-child .Accordion-module__hop-Accordion__disclosure-panel___nN3bU {
+  border-block-end-width: var(--disclosure-last-child-border-block-end-size);
+}

package/dist/accordion/src/Accordion.js

@@ -0,0 +1,9 @@
+export { _Accordion as Accordion, GlobalAccordionCssSelector } from '../../chunk-BBFLIS2N.js';
+import '../../chunk-CPAFY34U.js';
+import '../../chunk-U4HRZ6DN.js';
+import '../../chunk-5XY5L6ZN.js';
+import '../../chunk-NF64YIEZ.js';
+import '../../chunk-65JPI4FL.js';
+import '../../chunk-M36KANKC.js';
+import '../../chunk-KVDXQMWI.js';
+import '../../chunk-JSBRDJBE.js';

package/dist/accordion/src/AccordionContext.js

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