@hopper-ui/components 1.3.32 → 1.3.34

package/dist/ComboBox/src/index.js

@@ -1,45 +1,49 @@
-export { _ComboBox as ComboBox, GlobalComboBoxCssSelector } from '../../chunk-PR6Q2XJD.js';
-import '../../chunk-7RTEFFZS.js';
+export { _ComboBox as ComboBox, GlobalComboBoxCssSelector } from '../../chunk-333PGOMR.js';
+import '../../chunk-VHRMFZPJ.js';
 import '../../chunk-SC6ZK5ON.js';
 import '../../chunk-VOZN65OL.js';
 import '../../chunk-VJQ7M2BK.js';
-import '../../chunk-4VVNSXIB.js';
-import '../../chunk-WXP3P4KY.js';
+import '../../chunk-3UQFC2NQ.js';
+import '../../chunk-WMTWFKKP.js';
+import '../../chunk-EABCCXRD.js';
 import '../../chunk-TIPN4VYD.js';
 import '../../chunk-5H5AZJPQ.js';
 import '../../chunk-UIEP5BA5.js';
-export { _ListBoxItem as ComboBoxItem } from '../../chunk-JZV3EU5P.js';
-import '../../chunk-UJAYZEVR.js';
+export { _ListBoxItem as ComboBoxItem } from '../../chunk-RBENLQVB.js';
+import '../../chunk-GO5KCRGN.js';
 import '../../chunk-FU5CCPLP.js';
-import '../../chunk-OEMWDVBB.js';
-import '../../chunk-UYXVO6TB.js';
-import '../../chunk-ZWU6DRRZ.js';
+import '../../chunk-K22HKHG2.js';
+import '../../chunk-2EAZPH3M.js';
 import '../../chunk-Y2POLIXK.js';
-import '../../chunk-WJ6YDFFC.js';
+import '../../chunk-NIERUDZ6.js';
 import '../../chunk-OKZYR4RF.js';
-import '../../chunk-X5SCISRD.js';
-import '../../chunk-HZKFQ33E.js';
 import '../../chunk-NMKBUGSO.js';
+import '../../chunk-4VVNSXIB.js';
 import '../../chunk-DHVVYSLB.js';
-import '../../chunk-3UQFC2NQ.js';
-import '../../chunk-WMTWFKKP.js';
-import '../../chunk-2EAZPH3M.js';
+import '../../chunk-7JOGKC3W.js';
+import '../../chunk-EXO4OJ7Z.js';
+import '../../chunk-HZKFQ33E.js';
+import '../../chunk-WILQEDLK.js';
+import '../../chunk-ZWU6DRRZ.js';
+import '../../chunk-KFPJZFZS.js';
+import '../../chunk-FAE27DLF.js';
+export { ComboBoxContext } from '../../chunk-4XHTP4GX.js';
+import '../../chunk-LHX75LVJ.js';
 import '../../chunk-DBIN32YS.js';
-import '../../chunk-HPEGBHAQ.js';
+import '../../chunk-K5WUDBPF.js';
 import '../../chunk-TXZ6BMFR.js';
-import '../../chunk-BAX352BZ.js';
+import '../../chunk-6NX5XSZH.js';
 import '../../chunk-QCA3ZR56.js';
 import '../../chunk-TFVDF4YH.js';
-import '../../chunk-7JOGKC3W.js';
-export { ComboBoxContext } from '../../chunk-4XHTP4GX.js';
-import '../../chunk-N7ORIARY.js';
-import '../../chunk-FAE27DLF.js';
-import '../../chunk-JHZLRSJY.js';
+import '../../chunk-SH3CLZKH.js';
+import '../../chunk-Q7NXUUB3.js';
+import '../../chunk-J6WBI2I2.js';
+import '../../chunk-NUV3PDGE.js';
 import '../../chunk-WPNVVGFW.js';
 import '../../chunk-CQDLZ42T.js';
-import '../../chunk-I67NHYK4.js';
 import '../../chunk-IXB2WK56.js';
-import '../../chunk-2ZAWI3VO.js';
+import '../../chunk-I67NHYK4.js';
+import '../../chunk-75I7LTO3.js';
 import '../../chunk-X6SER3TZ.js';
 import '../../chunk-HXI3MEEK.js';
 import '../../chunk-AES7QBQE.js';

package/dist/Disclosure/src/Disclosure.css

@@ -0,0 +1,305 @@
+/* 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___UhOuN {
+  --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___UhOuN) {
+  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___mgq0R) {
+  --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___Sd105) {
+  --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___OeuQ-) {
+  --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___937DG) {
+  --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___PA7Cj) {
+  --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___9H5AH) {
+  --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___BC0kT) {
+  --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___Fxj3U {
+  --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___Fxj3U) {
+  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___OBqqd) {
+  --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___W0t5J) {
+  --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___0XAci) {
+  --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___fe6zi) {
+  --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___Yu73w) {
+  --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___XUoUN) {
+  --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___zBVgd) {
+  --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___bCG0m) {
+  --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___o7Sr6 {
+  box-sizing: border-box;
+}
+.OverlineText-module__hop-OverlineText__text___o7Sr6::before,
+.OverlineText-module__hop-OverlineText__text___o7Sr6::after {
+  content: "";
+  display: block;
+  box-sizing: border-box;
+  inline-size: 0;
+  block-size: 0;
+}
+.OverlineText-module__hop-OverlineText__text___o7Sr6::before {
+  margin-block-end: var(--bottom-offset);
+}
+.OverlineText-module__hop-OverlineText__text___o7Sr6::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___iuRf1 {
+  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___bYJKr {
+  --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___bYJKr) {
+  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___AtTcd) {
+  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___jZilu {
+  --transition: var(--hop-easing-duration-2) var(--hop-easing-productive);
+  position: relative;
+  transition: transform var(--transition);
+}
+.ToggleArrow-module__hop-ToggleArrow___jZilu[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___gvlxa {
+  --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___gvlxa:has(.Disclosure-module__hop-Disclosure__header___ucZIG) {
+  --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___gvlxa[data-expanded] {
+  --panel-padding: var(--hop-Disclosure-panel-padding-expanded);
+}
+.Disclosure-module__hop-Disclosure___gvlxa:has(.Disclosure-module__hop-Disclosure__header___ucZIG)[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___q-0k4 {
+  --panel-border-size: var(--hop-Disclosure-inline-panel-border-size);
+}
+.Disclosure-module__hop-Disclosure--inline___q-0k4:has(.Disclosure-module__hop-Disclosure__header___ucZIG) {
+  --border-radius: var(--hop-Disclosure-inline-border-radius);
+  --box-shadow: var(--hop-Disclosure-inline-box-shadow);
+}
+.Disclosure-module__hop-Disclosure--inline___q-0k4:has(.Disclosure-module__hop-Disclosure__header___ucZIG)[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___gvlxa[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___bjiCz {
+  padding: var(--panel-padding);
+  background-color: var(--panel-background-color);
+  border: solid var(--panel-border-color);
+  border-width: var(--panel-border-size);
+}

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

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import { StyledComponentProps } from '@hopper-ui/styled-system';
+import { DisclosureProps as DisclosureProps$1 } from 'react-aria-components';
+
+declare const GlobalDisclosureCssSelector = "hop-Disclosure";
+interface DisclosureProps extends StyledComponentProps<DisclosureProps$1> {
+    variant?: "standalone" | "inline";
+}
+/**
+ * The Disclosure component is used to organize lengthy sections of information within an expandable block, allowing users to reveal or hide content as needed.
+ *
+ * [View Documentation](TODO)
+ */
+declare const _Disclosure: react.ForwardRefExoticComponent<DisclosureProps & react.RefAttributes<HTMLDivElement>>;
+
+export { _Disclosure as Disclosure, type DisclosureProps, GlobalDisclosureCssSelector };

package/dist/Disclosure/src/Disclosure.js

@@ -0,0 +1,9 @@
+export { _Disclosure as Disclosure, GlobalDisclosureCssSelector } from '../../chunk-GUCWHJZX.js';
+import '../../chunk-7CJXILRD.js';
+import '../../chunk-J6WBI2I2.js';
+import '../../chunk-MUAXK42C.js';
+import '../../chunk-GFRTCF4B.js';
+import '../../chunk-65JPI4FL.js';
+import '../../chunk-M36KANKC.js';
+import '../../chunk-KVDXQMWI.js';
+import '../../chunk-JSBRDJBE.js';

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

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

package/dist/Disclosure/src/DisclosureContext.js

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