@hopper-ui/components 2.0.1 → 2.0.3

package/dist/menu/src/index.js

@@ -1,18 +1,18 @@
 export { SubmenuTrigger } from '../../chunk-NGKT775Y.js';
-export { GlobalMenuCssSelector, _Menu as Menu } from '../../chunk-KLXF6UC7.js';
+export { GlobalMenuCssSelector, _Menu as Menu } from '../../chunk-7OOFR74G.js';
 export { InternalMenuContext, MenuContext } from '../../chunk-U4LYXB7W.js';
-export { GlobalMenuItemCssSelector, _MenuItem as MenuItem } from '../../chunk-JHQNV3NA.js';
+export { GlobalMenuItemCssSelector, _MenuItem as MenuItem } from '../../chunk-UCOI4AF4.js';
 import '../../chunk-OGC6BUEX.js';
-export { GlobalMenuSectionCssSelector, MenuSection } from '../../chunk-Y5R3RXE3.js';
+export { GlobalMenuSectionCssSelector, MenuSection } from '../../chunk-4YNDP3ES.js';
 export { GlobalMenuTriggerCssSelector, MenuTrigger } from '../../chunk-GJ4YSCBL.js';
 export { InternalMenuTriggerContext } from '../../chunk-ERUOMTWL.js';
 import '../../chunk-AB4BRU6Z.js';
-import '../../chunk-AJK6GT5W.js';
+import '../../chunk-RRFQCNPV.js';
 import '../../chunk-3B2PUC6W.js';
 import '../../chunk-FOQ7KN4V.js';
 import '../../chunk-FA26RZSE.js';
 import '../../chunk-GBWXEK6N.js';
-import '../../chunk-TJKT725T.js';
+import '../../chunk-SBAGSD4X.js';
 import '../../chunk-PQSMCDAM.js';
 import '../../chunk-ZNOU2CGM.js';
 import '../../chunk-65JPI4FL.js';

package/dist/modal/src/BaseModal.css

@@ -1,287 +1,5 @@
-/* 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___1jOxO {
-  --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___1jOxO) {
-  margin: 0;
-  color: var(--hop-neutral-text);
-}
-:where(.Heading-module__hop-Heading___1jOxO):not(.Heading-module__hop-Heading--unset___fLM6y) {
-  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___XRiQs) {
-  --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___9RhCf) {
-  --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___a5x7T) {
-  --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___0Sk-K) {
-  --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___zQYZq) {
-  --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___8DYKR) {
-  --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___euY5J) {
-  --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/form/src/Form.module.css/#css-module-data */
-.Form-module__hop-Form___yO7BX {
-  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___WmEbY {
-  --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___WmEbY) {
-  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);
-}
-
-/* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/label/src/FieldLabel.module.css/#css-module-data */
-.FieldLabel-module__hop-FieldLabel__wrapper___44Mhk {
-  display: flex;
-  gap: var(--hop-space-inset-xs);
-  align-items: center;
-}
-.FieldLabel-module__hop-FieldLabel__indicator___yPppB {
-  padding-inline-start: var(--hop-space-20);
-}
-
-/* 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___czXn5) {
-  --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___6SCDo {
-  box-sizing: border-box;
-}
-.OverlineText-module__hop-OverlineText__text___6SCDo::before,
-.OverlineText-module__hop-OverlineText__text___6SCDo::after {
-  content: "";
-  display: block;
-  box-sizing: border-box;
-  inline-size: 0;
-  block-size: 0;
-}
-.OverlineText-module__hop-OverlineText__text___6SCDo::before {
-  margin-block-end: var(--bottom-offset);
-}
-.OverlineText-module__hop-OverlineText__text___6SCDo::after {
-  margin-block-start: var(--top-offset);
-}
-
-/* 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___7zxCH {
-  --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___7zxCH) {
-  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___YVA00) {
-  --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___lPJHw) {
-  --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___KPU0Q) {
-  --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___33yBI) {
-  --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___XGuIu) {
-  --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___epiiU) {
-  --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___D9txn) {
-  --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/paragraph/src/Paragraph.module.css/#css-module-data */
-.Paragraph-module__hop-Paragraph___3mTAo {
-  --hop-Paragraph-xs-margin-bottom: calc(.625rem * .75);
-  --hop-Paragraph-sm-margin-bottom: calc(.75rem * .75);
-  --hop-Paragraph-md-margin-bottom: calc(.875rem * .75);
-  --hop-Paragraph-lg-margin-bottom: calc(1rem * .75);
-  --hop-Paragraph-xl-margin-bottom: calc(1.125rem * .75);
-  --hop-Paragraph-2xl-margin-bottom: calc(1.375rem * .75);
-  --hop-Paragraph-inherit-margin-bottom: .75em;
-  margin: 0;
-  margin-block-end: var(--margin-block-end);
-  overflow-wrap: break-word;
-}
-.Paragraph-module__hop-Paragraph___3mTAo:last-child {
-  --margin-block-end: 0;
-}
-.Paragraph-module__hop-Paragraph--xs___mXXpJ {
-  --margin-block-end: var(--hop-Paragraph-xs-margin-bottom);
-}
-.Paragraph-module__hop-Paragraph--sm___DLSbs {
-  --margin-block-end: var(--hop-Paragraph-sm-margin-bottom);
-}
-.Paragraph-module__hop-Paragraph--md___xGr53 {
-  --margin-block-end: var(--hop-Paragraph-md-margin-bottom);
-}
-.Paragraph-module__hop-Paragraph--lg___qcVX- {
-  --margin-block-end: var(--hop-Paragraph-lg-margin-bottom);
-}
-.Paragraph-module__hop-Paragraph--xl___jWKff {
-  --margin-block-end: var(--hop-Paragraph-xl-margin-bottom);
-}
-.Paragraph-module__hop-Paragraph--2xl___tuLbi {
-  --margin-block-end: var(--hop-Paragraph-2xl-margin-bottom);
-}
-.Paragraph-module__hop-Paragraph--inherit___fa9Cj {
-  --margin-block-end: var(--hop-Paragraph-inherit-margin-bottom);
-}
-
 /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/modal/src/BaseModal.module.css/#css-module-data */
-.BaseModal-module__hop-BaseModal___7t5CS {
+.BaseModal-module__hop-BaseModal___2dfaf {
   --hop-BaseModal-isolation: isolate;
   --hop-BaseModal-position: fixed;
   --hop-BaseModal-inset: 0;
@@ -301,7 +19,6 @@
   --hop-BaseModal-line-height: var(--hop-body-md-line-height);
   --hop-BaseModal-font-smoothing: antialiased;
   --hop-BaseModal-color: var(--hop-neutral-text);
-  --hop-basemodal-exiting-opacity: 0;
   isolation: var(--hop-BaseModal-isolation);
   position: var(--hop-BaseModal-position);
   z-index: var(--hop-BaseModal-z-index);
@@ -321,87 +38,21 @@
   line-height: var(--hop-BaseModal-line-height);
   color: var(--hop-BaseModal-color);
   background-color: var(--hop-BaseModal-background-color);
-  transition: opacity var(--hop-easing-duration-2) var(--hop-easing-productive);
 }
-.BaseModal-module__hop-BaseModal__modal___qIIoi {
+.BaseModal-module__hop-BaseModal__modal___nmCQv {
   --hop-BaseModal__modal-display: flex;
   --hop-BaseModal__modal-flex-direction: column;
   --hop-BaseModal__modal-max-inline-size: 90dvw;
   --hop-BaseModal__modal-max-block-size: 90dvh;
   --hop-BaseModal__modal-background: var(--hop-neutral-surface);
   --hop-BaseModal__modal-border-radius: var(--hop-shape-rounded-md);
-  --hop-BaseModal__modal-transition: opacity var(--hop-easing-duration-3) ease-in-out var(--hop-easing-duration-2), transform var(--hop-easing-duration-3) ease-in-out var(--hop-easing-duration-2);
-  --hop-BaseModal__modal-entering-opacity: 0;
-  --hop-BaseModal__modal-entering-transform: translateY(1.25rem);
-  --hop-BaseModal__modal-exiting-opacity: 0;
-  --hop-BaseModal__modal-exiting-transition: opacity var(--hop-easing-duration-1) ease-in-out 0, transform var(--hop-easing-duration-1) ease-in-out 0;
-  --hop-BaseModal__modal-sm-width: 28.75rem;
-  --hop-BaseModal__modal-md-width: 36.5rem;
-  --hop-BaseModal__modal-lg-width: 41.5rem;
-  --hop-BaseModal__modal-xl-width: 50rem;
-  --hop-BaseModal__modal-fullscreen-max-width: none;
-  --hop-BaseModal__modal-fullscreen-max-height: none;
-  --hop-BaseModal__modal-fullscreen-width: calc(100dvw - 2.5rem);
-  --hop-BaseModal__modal-fullscreen-height: calc(100dvh - 2.5rem);
-  --hop-BaseModal__modal-fullscreentakeover-width: 100dvw;
-  --hop-BaseModal__modal-fullscreentakeover-height: 100dvh;
-  --hop-BaseModal__modal-fullscreentakeover-border-radius: 0;
   --border-radius: var(--hop-BaseModal__modal-border-radius);
   --max-inline-size: var(--hop-BaseModal__modal-max-inline-size);
   --max-block-size: var(--hop-BaseModal__modal-max-block-size);
-  --image-size: 0rem;
   display: var(--hop-BaseModal__modal-display);
   flex-direction: var(--hop-BaseModal__modal-flex-direction);
-  inline-size: var(--width);
   max-inline-size: var(--max-inline-size);
-  block-size: var(--height);
   max-block-size: var(--max-block-size);
   background: var(--hop-BaseModal__modal-background);
   border-radius: var(--border-radius);
-  transition: var(--hop-BaseModal__modal-transition);
-}
-@media screen and (min-width: 48rem) {
-  .BaseModal-module__hop-BaseModal--image___vGiiG .BaseModal-module__hop-BaseModal__modal___qIIoi {
-    --image-size: 16rem;
-  }
-}
-.BaseModal-module__hop-BaseModal___7t5CS[data-entering] {
-  opacity: var(--hop-BaseModal-entering-opacity);
-}
-.BaseModal-module__hop-BaseModal___7t5CS[data-entering] .BaseModal-module__hop-BaseModal__modal___qIIoi {
-  transform: var(--hop-BaseModal__modal-entering-transform);
-  opacity: var(--hop-BaseModal__modal-entering-opacity);
-}
-.BaseModal-module__hop-BaseModal___7t5CS[data-exiting] {
-  opacity: var(--hop-BaseModal-exiting-opacity);
-}
-.BaseModal-module__hop-BaseModal___7t5CS[data-exiting] .BaseModal-module__hop-BaseModal__modal___qIIoi {
-  opacity: var(--hop-BaseModal__modal-exiting-opacity);
-  transition: var(--hop-BaseModal__modal-exiting-transition);
-}
-.BaseModal-module__hop-BaseModal--sm___1JnrY .BaseModal-module__hop-BaseModal__modal___qIIoi {
-  --width: calc(var(--image-size) + var(--hop-BaseModal__modal-sm-width));
-}
-.BaseModal-module__hop-BaseModal--md___9WZko .BaseModal-module__hop-BaseModal__modal___qIIoi {
-  --width: calc(var(--image-size) + var(--hop-BaseModal__modal-md-width));
-}
-.BaseModal-module__hop-BaseModal--lg___pXMJ5 .BaseModal-module__hop-BaseModal__modal___qIIoi {
-  --width: calc(var(--image-size) + var(--hop-BaseModal__modal-lg-width));
-}
-.BaseModal-module__hop-BaseModal--xl___3wirs .BaseModal-module__hop-BaseModal__modal___qIIoi {
-  --width: calc(var(--image-size) + var(--hop-BaseModal__modal-xl-width));
-}
-.BaseModal-module__hop-BaseModal--fullscreen___yzL4h .BaseModal-module__hop-BaseModal__modal___qIIoi {
-  --width: var(--hop-BaseModal__modal-fullscreen-width);
-  --height: var(--hop-BaseModal__modal-fullscreen-height);
-}
-.BaseModal-module__hop-BaseModal--fullscreentakeover___2CvCK .BaseModal-module__hop-BaseModal__modal___qIIoi {
-  --width: var(--hop-BaseModal__modal-fullscreentakeover-width);
-  --height: var(--hop-BaseModal__modal-fullscreentakeover-height);
-  --border-radius: var(--hop-BaseModal__modal-fullscreentakeover-border-radius);
-}
-.BaseModal-module__hop-BaseModal--fullscreen___yzL4h .BaseModal-module__hop-BaseModal__modal___qIIoi,
-.BaseModal-module__hop-BaseModal--fullscreentakeover___2CvCK .BaseModal-module__hop-BaseModal__modal___qIIoi {
-  --max-inline-size: var(--hop-BaseModal__modal-fullscreen-max-width);
-  --max-block-size: var(--hop-BaseModal__modal-fullscreen-max-height);
 }

package/dist/modal/src/BaseModal.d.ts

@@ -1,23 +1,19 @@
 import * as react from 'react';
-import { StyledComponentProps, ResponsiveProp } from '@hopper-ui/styled-system';
-import { ModalOverlayProps } from 'react-aria-components';
+import { ComponentProps } from 'react';
+import { StyledComponentProps } from '@hopper-ui/styled-system';
+import { ModalOverlayProps, Modal } from 'react-aria-components';
 
 declare const GlobalBaseModalCssSelector = "hop-BaseModal";
 interface BaseModalProps extends StyledComponentProps<ModalOverlayProps> {
-    /**
-     * The size of the modal.
-     * @default "md"
-     */
-    size?: ResponsiveProp<"sm" | "md" | "lg" | "xl" | "fullscreen" | "fullscreenTakeover">;
-    /**
-     * Whether the modal has an image.
-     */
-    hasImage?: boolean;
     /**
      * Handler that is called when the base modal's open state changes.
      * This handler is only called when the modal is not used inside a `ModalTrigger`. Use the `onOpenChange` prop of `ModalTrigger` instead if it's part of a trigger
      */
     onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * Additional props to pass to the underlying Modal component.
+     */
+    modalProps?: Partial<ComponentProps<typeof Modal>>;
 }
 /**
  * A BaseModal is an overlay element which blocks interaction with elements outside it.

package/dist/modal/src/BaseModal.js

@@ -1,5 +1,4 @@
-export { _BaseModal as BaseModal, GlobalBaseModalCssSelector } from '../../chunk-HEQ74JYB.js';
+export { _BaseModal as BaseModal, GlobalBaseModalCssSelector } from '../../chunk-UKLI2OZZ.js';
 import '../../chunk-OO3XBOMF.js';
 import '../../chunk-OLY4PH6S.js';
-import '../../chunk-KVDXQMWI.js';
 import '../../chunk-JSBRDJBE.js';