@adobe/react-spectrum 3.47.1 → 3.47.3

package/dist/private/dialog_vars.css

@@ -1,38 +1,38 @@
 .lH9paG_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-.lH9paG_i18nFontFamily:lang(ar) {
-  font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
+  &:lang(ar) {
+    font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.lH9paG_i18nFontFamily:lang(he) {
-  font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
+  &:lang(he) {
+    font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.lH9paG_i18nFontFamily:lang(zh) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
-}
+  &:lang(zh) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+  }
 
-.lH9paG_i18nFontFamily:lang(zh-Hans) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-Hans) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.lH9paG_i18nFontFamily:lang(zh-Hant) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
-}
+  &:lang(zh-Hant) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+  }
 
-.lH9paG_i18nFontFamily:lang(zh-SG), .lH9paG_i18nFontFamily:lang(zh-CN) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-SG), &:lang(zh-CN) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.lH9paG_i18nFontFamily:lang(ko) {
-  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
-}
+  &:lang(ko) {
+    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+  }
 
-.lH9paG_i18nFontFamily:lang(ja) {
-  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  &:lang(ja) {
+    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  }
 }
 
 .lH9paG_spectrum-FocusRing-ring {
@@ -41,42 +41,50 @@
   --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
   --spectrum-focus-ring-border-size: 0px;
   --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
-}
 
-.lH9paG_spectrum-FocusRing-ring:after {
-  border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
-  content: "";
-  margin: calc(-1 * var(--spectrum-focus-ring-border-size));
-  pointer-events: none;
-  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
+  &:after {
+    border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
+    content: "";
+    margin: calc(-1 * var(--spectrum-focus-ring-border-size));
+    pointer-events: none;
+    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
       margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
-  display: block;
-  position: absolute;
-  inset: 0;
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
 }
 
-.lH9paG_spectrum-FocusRing.lH9paG_focus-ring:after {
-  margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
-  box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+.lH9paG_spectrum-FocusRing {
+  &.lH9paG_focus-ring {
+    &:after {
+      margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
+      box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
-.lH9paG_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+.lH9paG_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-.lH9paG_spectrum-FocusRing--quiet.lH9paG_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+  &.lH9paG_focus-ring {
+    &:after {
+      margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
         0;
-  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
 @media (forced-colors: active) {
   .lH9paG_spectrum-FocusRing, .lH9paG_spectrum-FocusRing-ring, .lH9paG_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(.lH9paG_spectrum-FocusRing, .lH9paG_spectrum-FocusRing-ring, .lH9paG_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
@@ -171,16 +179,16 @@
   grid-area: lH9paG_heading;
   margin: 0;
   padding-inline-end: var(--spectrum-global-dimension-size-200);
-}
 
-.lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader {
-  grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_header-end / lH9paG_header-end;
-  padding-inline-end: 0;
-}
+  &.lH9paG_spectrum-Dialog-heading--noHeader {
+    grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_header-end / lH9paG_header-end;
+    padding-inline-end: 0;
+  }
 
-.lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader.lH9paG_spectrum-Dialog-heading--noTypeIcon {
-  grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_typeIcon-end / lH9paG_typeIcon-end;
-  padding-inline-end: 0;
+  &.lH9paG_spectrum-Dialog-heading--noHeader.lH9paG_spectrum-Dialog-heading--noTypeIcon {
+    grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_typeIcon-end / lH9paG_typeIcon-end;
+    padding-inline-end: 0;
+  }
 }
 
 .lH9paG_spectrum-Dialog-header {
@@ -191,11 +199,11 @@
   align-items: center;
   min-width: fit-content;
   display: flex;
-}
 
-.lH9paG_spectrum-Dialog-header.lH9paG_spectrum-Dialog-header--noTypeIcon {
-  grid-area: lH9paG_header-start / lH9paG_header-start / lH9paG_typeIcon-end / lH9paG_typeIcon-end;
-  padding-inline-end: 0;
+  &.lH9paG_spectrum-Dialog-header--noTypeIcon {
+    grid-area: lH9paG_header-start / lH9paG_header-start / lH9paG_typeIcon-end / lH9paG_typeIcon-end;
+    padding-inline-end: 0;
+  }
 }
 
 .lH9paG_spectrum-Dialog-typeIcon {
@@ -209,8 +217,10 @@
   grid-area: lH9paG_divider;
 }
 
-.lH9paG_spectrum-Dialog--noDivider .lH9paG_spectrum-Dialog-divider {
-  display: none;
+.lH9paG_spectrum-Dialog--noDivider {
+  & .lH9paG_spectrum-Dialog-divider {
+    display: none;
+  }
 }
 
 .lH9paG_spectrum-Dialog-content {
@@ -233,10 +243,10 @@
   grid-area: lH9paG_footer;
   padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
   display: flex;
-}
 
-.lH9paG_spectrum-Dialog-footer > *, .lH9paG_spectrum-Dialog-footer > .lH9paG_spectrum-Button + .lH9paG_spectrum-Button {
-  margin-bottom: 0;
+  & > *, & > .lH9paG_spectrum-Button + .lH9paG_spectrum-Button {
+    margin-bottom: 0;
+  }
 }
 
 .lH9paG_spectrum-Dialog-buttonGroup {
@@ -246,10 +256,10 @@
   padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
   padding-inline-start: var(--spectrum-global-dimension-size-200);
   display: flex;
-}
 
-.lH9paG_spectrum-Dialog-buttonGroup.lH9paG_spectrum-Dialog-buttonGroup--noFooter {
-  grid-area: lH9paG_footer-start / lH9paG_footer-start / lH9paG_buttonGroup-end / lH9paG_buttonGroup-end;
+  &.lH9paG_spectrum-Dialog-buttonGroup--noFooter {
+    grid-area: lH9paG_footer-start / lH9paG_footer-start / lH9paG_buttonGroup-end / lH9paG_buttonGroup-end;
+  }
 }
 
 .lH9paG_spectrum-Dialog.lH9paG_spectrum-Dialog--dismissable .lH9paG_spectrum-Dialog-grid {
@@ -264,14 +274,14 @@
                        ". lH9paG_content lH9paG_content lH9paG_content lH9paG_content lH9paG_content ."
                        ". lH9paG_footer lH9paG_footer lH9paG_buttonGroup lH9paG_buttonGroup lH9paG_buttonGroup ."
                        ". . . . . . .";
-}
 
-.lH9paG_spectrum-Dialog.lH9paG_spectrum-Dialog--dismissable .lH9paG_spectrum-Dialog-grid .lH9paG_spectrum-Dialog-buttonGroup {
-  display: none;
-}
+  & .lH9paG_spectrum-Dialog-buttonGroup {
+    display: none;
+  }
 
-.lH9paG_spectrum-Dialog.lH9paG_spectrum-Dialog--dismissable .lH9paG_spectrum-Dialog-grid .lH9paG_spectrum-Dialog-footer {
-  grid-area: lH9paG_footer / lH9paG_footer / lH9paG_buttonGroup / lH9paG_buttonGroup;
+  & .lH9paG_spectrum-Dialog-footer {
+    grid-area: lH9paG_footer / lH9paG_footer / lH9paG_buttonGroup / lH9paG_buttonGroup;
+  }
 }
 
 .lH9paG_spectrum-Dialog.lH9paG_spectrum-Dialog--dismissable .lH9paG_spectrum-Dialog-closeButton {
@@ -300,47 +310,49 @@
 .lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover {
   max-width: none;
   max-height: none;
-}
 
-:is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover).lH9paG_spectrum-Dialog .lH9paG_spectrum-Dialog-grid {
-  grid-template-columns: var(--spectrum-dialog-padding-x) 1fr auto auto var(--spectrum-dialog-padding-x);
-  grid-template-rows: var(--spectrum-dialog-padding-y) auto auto 1fr var(--spectrum-dialog-padding-y);
-  grid-template-areas: ". . . . ."
-                       ". lH9paG_heading lH9paG_header lH9paG_buttonGroup ."
-                       ". lH9paG_divider lH9paG_divider lH9paG_divider ."
-                       ". lH9paG_content lH9paG_content lH9paG_content ."
-                       ". . . . .";
-  display: grid;
-}
+  &.lH9paG_spectrum-Dialog .lH9paG_spectrum-Dialog-grid {
+    grid-template-columns: var(--spectrum-dialog-padding-x) 1fr auto auto var(--spectrum-dialog-padding-x);
+    grid-template-rows: var(--spectrum-dialog-padding-y) auto auto 1fr var(--spectrum-dialog-padding-y);
+    grid-template-areas: ". . . . ."
+                         ". lH9paG_heading lH9paG_header lH9paG_buttonGroup ."
+                         ". lH9paG_divider lH9paG_divider lH9paG_divider ."
+                         ". lH9paG_content lH9paG_content lH9paG_content ."
+                         ". . . . .";
+    display: grid;
+  }
 
-:is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading {
-  font-size: 28px;
-}
+  & .lH9paG_spectrum-Dialog-heading {
+    font-size: 28px;
 
-:is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader, :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader.lH9paG_spectrum-Dialog-heading--noTypeIcon {
-  grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_header-end / lH9paG_header-end;
-  padding-inline-end: 0;
-}
+    &.lH9paG_spectrum-Dialog-heading--noHeader, &.lH9paG_spectrum-Dialog-heading--noHeader.lH9paG_spectrum-Dialog-heading--noTypeIcon {
+      grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_header-end / lH9paG_header-end;
+      padding-inline-end: 0;
+    }
+  }
 
-:is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-header.lH9paG_spectrum-Dialog-header--noTypeIcon {
-  grid-area: lH9paG_header;
-  padding-inline-end: 0;
-}
+  & .lH9paG_spectrum-Dialog-header {
+    &.lH9paG_spectrum-Dialog-header--noTypeIcon {
+      grid-area: lH9paG_header;
+      padding-inline-end: 0;
+    }
+  }
 
-:is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-content {
-  max-height: none;
-}
+  & .lH9paG_spectrum-Dialog-content {
+    max-height: none;
+  }
 
-:is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-footer, :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-buttonGroup {
-  padding-block-start: 0;
-}
+  & .lH9paG_spectrum-Dialog-footer, & .lH9paG_spectrum-Dialog-buttonGroup {
+    padding-block-start: 0;
+  }
 
-:is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-footer, :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-typeIcon, :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-closeButton {
-  display: none;
-}
+  & .lH9paG_spectrum-Dialog-footer, & .lH9paG_spectrum-Dialog-typeIcon, & .lH9paG_spectrum-Dialog-closeButton {
+    display: none;
+  }
 
-:is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-buttonGroup {
-  grid-area: lH9paG_buttonGroup;
+  & .lH9paG_spectrum-Dialog-buttonGroup {
+    grid-area: lH9paG_buttonGroup;
+  }
 }
 
 @media screen and (width <= 700px) {
@@ -361,16 +373,20 @@
                          ". . . . . .";
   }
 
-  .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader {
-    grid-area: lH9paG_heading;
-  }
+  .lH9paG_spectrum-Dialog-heading {
+    &.lH9paG_spectrum-Dialog-heading--noHeader {
+      grid-area: lH9paG_heading;
+    }
 
-  .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noTypeIcon.lH9paG_spectrum-Dialog-heading--noTypeIcon {
-    grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_typeIcon-end / lH9paG_typeIcon-end;
+    &.lH9paG_spectrum-Dialog-heading--noTypeIcon.lH9paG_spectrum-Dialog-heading--noTypeIcon {
+      grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_typeIcon-end / lH9paG_typeIcon-end;
+    }
   }
 
-  .lH9paG_spectrum-Dialog-header.lH9paG_spectrum-Dialog-header--noTypeIcon {
-    grid-area: lH9paG_header;
+  .lH9paG_spectrum-Dialog-header {
+    &.lH9paG_spectrum-Dialog-header--noTypeIcon {
+      grid-area: lH9paG_header;
+    }
   }
 
   .lH9paG_spectrum-Dialog.lH9paG_spectrum-Dialog--dismissable .lH9paG_spectrum-Dialog-grid {
@@ -400,33 +416,39 @@
     min-width: 0;
   }
 
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover).lH9paG_spectrum-Dialog .lH9paG_spectrum-Dialog-grid {
-    grid-template-columns: var(--spectrum-dialog-padding-x) 1fr var(--spectrum-dialog-padding-x);
-    grid-template-rows: var(--spectrum-dialog-padding-y) auto auto auto 1fr auto var(--spectrum-dialog-padding-y);
-    grid-template-areas: ". . ."
-                         ". lH9paG_heading ."
-                         ". lH9paG_header ."
-                         ". lH9paG_divider ."
-                         ". lH9paG_content ."
-                         ". lH9paG_buttonGroup ."
-                         ". . .";
-    display: grid;
-  }
-
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader, :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noTypeIcon, :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader.lH9paG_spectrum-Dialog-heading--noTypeIcon {
-    grid-area: lH9paG_heading;
-  }
-
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-header.lH9paG_spectrum-Dialog-header--noTypeIcon {
-    grid-area: lH9paG_header;
-  }
-
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-buttonGroup {
-    padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
-  }
-
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading {
-    font-size: var(--spectrum-dialog-title-text-size);
+  .lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover {
+    &.lH9paG_spectrum-Dialog .lH9paG_spectrum-Dialog-grid {
+      grid-template-columns: var(--spectrum-dialog-padding-x) 1fr var(--spectrum-dialog-padding-x);
+      grid-template-rows: var(--spectrum-dialog-padding-y) auto auto auto 1fr auto var(--spectrum-dialog-padding-y);
+      grid-template-areas: ". . ."
+                           ". lH9paG_heading ."
+                           ". lH9paG_header ."
+                           ". lH9paG_divider ."
+                           ". lH9paG_content ."
+                           ". lH9paG_buttonGroup ."
+                           ". . .";
+      display: grid;
+    }
+
+    & .lH9paG_spectrum-Dialog-heading {
+      &.lH9paG_spectrum-Dialog-heading--noHeader, &.lH9paG_spectrum-Dialog-heading--noTypeIcon, &.lH9paG_spectrum-Dialog-heading--noHeader.lH9paG_spectrum-Dialog-heading--noTypeIcon {
+        grid-area: lH9paG_heading;
+      }
+    }
+
+    & .lH9paG_spectrum-Dialog-header {
+      &.lH9paG_spectrum-Dialog-header--noTypeIcon {
+        grid-area: lH9paG_header;
+      }
+    }
+
+    & .lH9paG_spectrum-Dialog-buttonGroup {
+      padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
+    }
+
+    & .lH9paG_spectrum-Dialog-heading {
+      font-size: var(--spectrum-dialog-title-text-size);
+    }
   }
 }
 
@@ -448,19 +470,23 @@
     overflow-y: auto;
   }
 
-  .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader {
-    grid-area: lH9paG_heading;
-    padding-inline-end: 0;
-  }
+  .lH9paG_spectrum-Dialog-heading {
+    &.lH9paG_spectrum-Dialog-heading--noHeader {
+      grid-area: lH9paG_heading;
+      padding-inline-end: 0;
+    }
 
-  .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noTypeIcon.lH9paG_spectrum-Dialog-heading--noTypeIcon {
-    grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_typeIcon-end / lH9paG_typeIcon-end;
-    padding-inline-end: 0;
+    &.lH9paG_spectrum-Dialog-heading--noTypeIcon.lH9paG_spectrum-Dialog-heading--noTypeIcon {
+      grid-area: lH9paG_heading-start / lH9paG_heading-start / lH9paG_typeIcon-end / lH9paG_typeIcon-end;
+      padding-inline-end: 0;
+    }
   }
 
-  .lH9paG_spectrum-Dialog-header.lH9paG_spectrum-Dialog-header--noTypeIcon {
-    grid-area: lH9paG_header;
-    padding-inline-end: 0;
+  .lH9paG_spectrum-Dialog-header {
+    &.lH9paG_spectrum-Dialog-header--noTypeIcon {
+      grid-area: lH9paG_header;
+      padding-inline-end: 0;
+    }
   }
 
   .lH9paG_spectrum-Dialog-content {
@@ -475,33 +501,39 @@
 }
 
 @media screen and (height <= 400px) and (width <= 700px) {
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover).lH9paG_spectrum-Dialog .lH9paG_spectrum-Dialog-grid {
-    grid-template-columns: var(--spectrum-dialog-padding-x) 1fr var(--spectrum-dialog-padding-x);
-    grid-template-rows: var(--spectrum-dialog-padding-y) auto auto auto 1fr auto var(--spectrum-dialog-padding-y);
-    grid-template-areas: ". . ."
-                         ". lH9paG_heading ."
-                         ". lH9paG_header ."
-                         ". lH9paG_divider ."
-                         ". lH9paG_content ."
-                         ". lH9paG_buttonGroup ."
-                         ". . .";
-    display: grid;
-  }
-
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader, :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noTypeIcon, :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading.lH9paG_spectrum-Dialog-heading--noHeader.lH9paG_spectrum-Dialog-heading--noTypeIcon {
-    grid-area: lH9paG_heading;
-  }
-
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-header.lH9paG_spectrum-Dialog-header--noTypeIcon {
-    grid-area: lH9paG_header;
-  }
-
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-buttonGroup {
-    padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
-  }
-
-  :is(.lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover) .lH9paG_spectrum-Dialog-heading {
-    font-size: var(--spectrum-dialog-title-text-size);
+  .lH9paG_spectrum-Dialog--fullscreen, .lH9paG_spectrum-Dialog--fullscreenTakeover {
+    &.lH9paG_spectrum-Dialog .lH9paG_spectrum-Dialog-grid {
+      grid-template-columns: var(--spectrum-dialog-padding-x) 1fr var(--spectrum-dialog-padding-x);
+      grid-template-rows: var(--spectrum-dialog-padding-y) auto auto auto 1fr auto var(--spectrum-dialog-padding-y);
+      grid-template-areas: ". . ."
+                           ". lH9paG_heading ."
+                           ". lH9paG_header ."
+                           ". lH9paG_divider ."
+                           ". lH9paG_content ."
+                           ". lH9paG_buttonGroup ."
+                           ". . .";
+      display: grid;
+    }
+
+    & .lH9paG_spectrum-Dialog-heading {
+      &.lH9paG_spectrum-Dialog-heading--noHeader, &.lH9paG_spectrum-Dialog-heading--noTypeIcon, &.lH9paG_spectrum-Dialog-heading--noHeader.lH9paG_spectrum-Dialog-heading--noTypeIcon {
+        grid-area: lH9paG_heading;
+      }
+    }
+
+    & .lH9paG_spectrum-Dialog-header {
+      &.lH9paG_spectrum-Dialog-header--noTypeIcon {
+        grid-area: lH9paG_header;
+      }
+    }
+
+    & .lH9paG_spectrum-Dialog-buttonGroup {
+      padding-block-start: var(--spectrum-global-dimension-static-size-500, 40px);
+    }
+
+    & .lH9paG_spectrum-Dialog-heading {
+      font-size: var(--spectrum-dialog-title-text-size);
+    }
   }
 }
 
@@ -517,11 +549,15 @@
   color: var(--spectrum-dialog-icon-color, var(--spectrum-global-color-gray-900));
 }
 
-.lH9paG_spectrum-Dialog--error .lH9paG_spectrum-Dialog-typeIcon {
-  color: var(--spectrum-dialog-error-icon-color, var(--spectrum-semantic-negative-color-icon));
+.lH9paG_spectrum-Dialog--error {
+  & .lH9paG_spectrum-Dialog-typeIcon {
+    color: var(--spectrum-dialog-error-icon-color, var(--spectrum-semantic-negative-color-icon));
+  }
 }
 
-.lH9paG_spectrum-Dialog--warning .lH9paG_spectrum-Dialog-typeIcon {
-  color: var(--spectrum-semantic-notice-color-icon, var(--spectrum-global-color-orange-600));
+.lH9paG_spectrum-Dialog--warning {
+  & .lH9paG_spectrum-Dialog-typeIcon {
+    color: var(--spectrum-semantic-notice-color-icon, var(--spectrum-global-color-orange-600));
+  }
 }
 /*# sourceMappingURL=dialog_vars.css.map */

package/dist/private/dialog_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FF;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;AA2BA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EA;;;;;;;;;;;AAaA;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA;;;;;;;;;;;;;AAgBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4LE;;;;EAME;;;;;;;;;;;;;;;;;;;;;EAgCA;;;;EAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmGA;;;;EAIA;;;;;;;;;;;;;AA0BJ;;;;AAKE;;;;AAMA","sources":["packages/@adobe/spectrum-css-temp/components/dialog/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"dialog_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DJ;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;AA2BA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwKE;;;;;;;IAOA;;;;;;;;;;;;;;;;;;EAsBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgCE;;;;;EAKF;;;;;;;;;;;;;;;;;;;EA6BA;;;;EAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKF;;;;AAIA","sources":["packages/@adobe/spectrum-css-temp/components/dialog/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"dialog_vars.css.map"}

package/dist/private/dnd/useDragAndDrop.cjs

@@ -35,31 +35,38 @@ function $180c0494a69c5bd7$export$2cfc5be7a55829f6(options) {
         let hooks = {};
         if (isDraggable) {
             hooks.useDraggableCollectionState = function useDraggableCollectionStateOverride(props) {
+                // oxlint-disable-next-line react/react-compiler
                 return (0, $gvwR2$reactstatelyuseDraggableCollectionState.useDraggableCollectionState)({
                     ...props,
                     ...options,
                     getItems: options.getItems
                 });
             };
+            // oxlint-disable-next-line react/react-compiler
             hooks.useDraggableCollection = (0, $gvwR2$reactariauseDraggableCollection.useDraggableCollection);
+            // oxlint-disable-next-line react/react-compiler
             hooks.useDraggableItem = (0, $gvwR2$reactariauseDraggableCollection.useDraggableItem);
             hooks.DragPreview = (0, $gvwR2$reactariauseDraggableCollection.DragPreview);
             hooks.renderPreview = renderPreview;
         }
         if (isDroppable) {
             hooks.useDroppableCollectionState = function useDroppableCollectionStateOverride(props) {
+                // oxlint-disable-next-line react/react-compiler
                 return (0, $gvwR2$reactstatelyuseDroppableCollectionState.useDroppableCollectionState)({
                     ...props,
                     ...options
                 });
             };
+            // oxlint-disable-next-line react/react-compiler
             hooks.useDroppableItem = (0, $gvwR2$reactariauseDroppableCollection.useDroppableItem);
             hooks.useDroppableCollection = function useDroppableCollectionOverride(props, state, ref) {
+                // oxlint-disable-next-line react/react-compiler
                 return (0, $gvwR2$reactariauseDroppableCollection.useDroppableCollection)({
                     ...props,
                     ...options
                 }, state, ref);
             };
+            // oxlint-disable-next-line react/react-compiler
             hooks.useDropIndicator = (0, $gvwR2$reactariauseDroppableCollection.useDropIndicator);
         }
         if (isDraggable || isDroppable) hooks.isVirtualDragging = (0, $gvwR2$reactariaprivatedndDragManager.isVirtualDragging);

package/dist/private/dnd/useDragAndDrop.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAkHM,SAAS,0CAA2B,OAA8B;IACvE,IAAI,mBAAmB,CAAA,GAAA,oBAAM,EAAE;QAC7B,IAAI,UAAC,MAAM,YAAE,QAAQ,cAAE,UAAU,aAAE,SAAS,cAAE,UAAU,YAAE,QAAQ,iBAAE,aAAa,EAAC,GAAG;QAErF,IAAI,cAAc,CAAC,CAAC;QACpB,IAAI,cAAc,CAAC,CAAE,CAAA,UAAU,YAAY,cAAc,aAAa,UAAS;QAE/E,IAAI,QAAQ,CAAC;QAKb,IAAI,aAAa;YACf,MAAM,2BAA2B,GAAG,SAAS,oCAC3C,KAAsC;gBAEtC,OAAO,CAAA,GAAA,0EAA0B,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;oBAAE,UAAU,QAAQ,QAAQ;gBAAC;YACvF;YACA,MAAM,sBAAsB,GAAG,CAAA,GAAA,6DAAqB;YACpD,MAAM,gBAAgB,GAAG,CAAA,GAAA,uDAAe;YACxC,MAAM,WAAW,GAAG,CAAA,GAAA,kDAAU;YAC9B,MAAM,aAAa,GAAG;QACxB;QAEA,IAAI,aAAa;YACf,MAAM,2BAA2B,GAAG,SAAS,oCAC3C,KAAsC;gBAEtC,OAAO,CAAA,GAAA,0EAA0B,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;gBAAA;YAC1D;YACA,MAAM,gBAAgB,GAAG,CAAA,GAAA,uDAAe;YACxC,MAAM,sBAAsB,GAAG,SAAS,+BACtC,KAAiC,EACjC,KAA+B,EAC/B,GAAkC;gBAElC,OAAO,CAAA,GAAA,6DAAqB,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;gBAAA,GAAG,OAAO;YAC/D;YACA,MAAM,gBAAgB,GAAG,CAAA,GAAA,uDAAe;QAC1C;QAEA,IAAI,eAAe,aACjB,MAAM,iBAAiB,GAAG,CAAA,GAAA,uDAAgB;QAG5C,OAAO;IACT,GAAG;QAAC;KAAQ;IAEZ,OAAO;QACL,kBAAkB;IACpB;AACF","sources":["packages/@adobe/react-spectrum/src/dnd/useDragAndDrop.ts"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  DraggableCollectionOptions,\n  DraggableItemProps,\n  DraggableItemResult,\n  DragPreview,\n  useDraggableCollection,\n  useDraggableItem\n} from 'react-aria/useDraggableCollection';\nimport {\n  DraggableCollectionProps,\n  DragItem,\n  DroppableCollectionProps,\n  Key,\n  RefObject\n} from '@react-types/shared';\nimport {\n  DraggableCollectionState,\n  DraggableCollectionStateOptions,\n  useDraggableCollectionState\n} from 'react-stately/useDraggableCollectionState';\nimport {\n  DropIndicatorAria,\n  DropIndicatorProps,\n  DroppableCollectionOptions,\n  DroppableCollectionResult,\n  DroppableItemOptions,\n  DroppableItemResult,\n  useDropIndicator,\n  useDroppableCollection,\n  useDroppableItem\n} from 'react-aria/useDroppableCollection';\nimport {\n  DroppableCollectionState,\n  DroppableCollectionStateOptions,\n  useDroppableCollectionState\n} from 'react-stately/useDroppableCollectionState';\nimport {isVirtualDragging} from 'react-aria/private/dnd/DragManager';\nimport {JSX, useMemo} from 'react';\n\ninterface DraggableCollectionStateOpts<T> extends Omit<\n  DraggableCollectionStateOptions<T>,\n  'getItems'\n> {}\n\ninterface DragHooks<T = object> {\n  useDraggableCollectionState?: (\n    props: DraggableCollectionStateOpts<T>\n  ) => DraggableCollectionState;\n  useDraggableCollection?: (\n    props: DraggableCollectionOptions,\n    state: DraggableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => void;\n  useDraggableItem?: (\n    props: DraggableItemProps,\n    state: DraggableCollectionState\n  ) => DraggableItemResult;\n  DragPreview?: typeof DragPreview;\n}\n\ninterface DropHooks {\n  useDroppableCollectionState?: (\n    props: DroppableCollectionStateOptions\n  ) => DroppableCollectionState;\n  useDroppableCollection?: (\n    props: DroppableCollectionOptions,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DroppableCollectionResult;\n  useDroppableItem?: (\n    options: DroppableItemOptions,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DroppableItemResult;\n  useDropIndicator?: (\n    props: DropIndicatorProps,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DropIndicatorAria;\n}\n\nexport interface DragAndDropHooks<T = object> {\n  /** Drag and drop hooks for the collection element. */\n  dragAndDropHooks: DragHooks<T> &\n    DropHooks & {\n      isVirtualDragging?: () => boolean;\n      renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;\n    };\n}\n\nexport interface DragAndDropOptions<T = object>\n  extends\n    Omit<DraggableCollectionProps, 'preview' | 'getItems'>,\n    Omit<DroppableCollectionProps, 'onMove'> {\n  /**\n   * A function that returns the items being dragged. If not specified, we assume that the\n   * collection is not draggable.\n   *\n   * @default () => []\n   */\n  getItems?: (keys: Set<Key>, items: T[]) => DragItem[];\n  /**\n   * Provide a custom drag preview. `draggedKey` represents the key of the item the user actually\n   * dragged.\n   */\n  renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;\n}\n\n/**\n * Provides the hooks required to enable drag and drop behavior for a drag and drop compatible React\n * Spectrum component.\n */\nexport function useDragAndDrop<T = object>(options: DragAndDropOptions<T>): DragAndDropHooks {\n  let dragAndDropHooks = useMemo(() => {\n    let {onDrop, onInsert, onItemDrop, onReorder, onRootDrop, getItems, renderPreview} = options;\n\n    let isDraggable = !!getItems;\n    let isDroppable = !!(onDrop || onInsert || onItemDrop || onReorder || onRootDrop);\n\n    let hooks = {} as DragHooks &\n      DropHooks & {\n        isVirtualDragging?: () => boolean;\n        renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;\n      };\n    if (isDraggable) {\n      hooks.useDraggableCollectionState = function useDraggableCollectionStateOverride(\n        props: DraggableCollectionStateOpts<T>\n      ) {\n        return useDraggableCollectionState({...props, ...options, getItems: options.getItems!});\n      };\n      hooks.useDraggableCollection = useDraggableCollection;\n      hooks.useDraggableItem = useDraggableItem;\n      hooks.DragPreview = DragPreview;\n      hooks.renderPreview = renderPreview;\n    }\n\n    if (isDroppable) {\n      hooks.useDroppableCollectionState = function useDroppableCollectionStateOverride(\n        props: DroppableCollectionStateOptions\n      ) {\n        return useDroppableCollectionState({...props, ...options});\n      };\n      hooks.useDroppableItem = useDroppableItem;\n      hooks.useDroppableCollection = function useDroppableCollectionOverride(\n        props: DroppableCollectionOptions,\n        state: DroppableCollectionState,\n        ref: RefObject<HTMLElement | null>\n      ) {\n        return useDroppableCollection({...props, ...options}, state, ref);\n      };\n      hooks.useDropIndicator = useDropIndicator;\n    }\n\n    if (isDraggable || isDroppable) {\n      hooks.isVirtualDragging = isVirtualDragging;\n    }\n\n    return hooks;\n  }, [options]);\n\n  return {\n    dragAndDropHooks: dragAndDropHooks\n  };\n}\n"],"names":[],"version":3,"file":"useDragAndDrop.cjs.map"}
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAkHM,SAAS,0CAA2B,OAA8B;IACvE,IAAI,mBAAmB,CAAA,GAAA,oBAAM,EAAE;QAC7B,IAAI,UAAC,MAAM,YAAE,QAAQ,cAAE,UAAU,aAAE,SAAS,cAAE,UAAU,YAAE,QAAQ,iBAAE,aAAa,EAAC,GAAG;QAErF,IAAI,cAAc,CAAC,CAAC;QACpB,IAAI,cAAc,CAAC,CAAE,CAAA,UAAU,YAAY,cAAc,aAAa,UAAS;QAE/E,IAAI,QAAQ,CAAC;QAKb,IAAI,aAAa;YACf,MAAM,2BAA2B,GAAG,SAAS,oCAC3C,KAAsC;gBAEtC,gDAAgD;gBAChD,OAAO,CAAA,GAAA,0EAA0B,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;oBAAE,UAAU,QAAQ,QAAQ;gBAAC;YACvF;YACA,gDAAgD;YAChD,MAAM,sBAAsB,GAAG,CAAA,GAAA,6DAAqB;YACpD,gDAAgD;YAChD,MAAM,gBAAgB,GAAG,CAAA,GAAA,uDAAe;YACxC,MAAM,WAAW,GAAG,CAAA,GAAA,kDAAU;YAC9B,MAAM,aAAa,GAAG;QACxB;QAEA,IAAI,aAAa;YACf,MAAM,2BAA2B,GAAG,SAAS,oCAC3C,KAAsC;gBAEtC,gDAAgD;gBAChD,OAAO,CAAA,GAAA,0EAA0B,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;gBAAA;YAC1D;YACA,gDAAgD;YAChD,MAAM,gBAAgB,GAAG,CAAA,GAAA,uDAAe;YACxC,MAAM,sBAAsB,GAAG,SAAS,+BACtC,KAAiC,EACjC,KAA+B,EAC/B,GAAkC;gBAElC,gDAAgD;gBAChD,OAAO,CAAA,GAAA,6DAAqB,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;gBAAA,GAAG,OAAO;YAC/D;YACA,gDAAgD;YAChD,MAAM,gBAAgB,GAAG,CAAA,GAAA,uDAAe;QAC1C;QAEA,IAAI,eAAe,aACjB,MAAM,iBAAiB,GAAG,CAAA,GAAA,uDAAgB;QAG5C,OAAO;IACT,GAAG;QAAC;KAAQ;IAEZ,OAAO;QACL,kBAAkB;IACpB;AACF","sources":["packages/@adobe/react-spectrum/src/dnd/useDragAndDrop.ts"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  DraggableCollectionOptions,\n  DraggableItemProps,\n  DraggableItemResult,\n  DragPreview,\n  useDraggableCollection,\n  useDraggableItem\n} from 'react-aria/useDraggableCollection';\nimport {\n  DraggableCollectionProps,\n  DragItem,\n  DroppableCollectionProps,\n  Key,\n  RefObject\n} from '@react-types/shared';\nimport {\n  DraggableCollectionState,\n  DraggableCollectionStateOptions,\n  useDraggableCollectionState\n} from 'react-stately/useDraggableCollectionState';\nimport {\n  DropIndicatorAria,\n  DropIndicatorProps,\n  DroppableCollectionOptions,\n  DroppableCollectionResult,\n  DroppableItemOptions,\n  DroppableItemResult,\n  useDropIndicator,\n  useDroppableCollection,\n  useDroppableItem\n} from 'react-aria/useDroppableCollection';\nimport {\n  DroppableCollectionState,\n  DroppableCollectionStateOptions,\n  useDroppableCollectionState\n} from 'react-stately/useDroppableCollectionState';\nimport {isVirtualDragging} from 'react-aria/private/dnd/DragManager';\nimport {JSX, useMemo} from 'react';\n\ninterface DraggableCollectionStateOpts<T> extends Omit<\n  DraggableCollectionStateOptions<T>,\n  'getItems'\n> {}\n\ninterface DragHooks<T = object> {\n  useDraggableCollectionState?: (\n    props: DraggableCollectionStateOpts<T>\n  ) => DraggableCollectionState;\n  useDraggableCollection?: (\n    props: DraggableCollectionOptions,\n    state: DraggableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => void;\n  useDraggableItem?: (\n    props: DraggableItemProps,\n    state: DraggableCollectionState\n  ) => DraggableItemResult;\n  DragPreview?: typeof DragPreview;\n}\n\ninterface DropHooks {\n  useDroppableCollectionState?: (\n    props: DroppableCollectionStateOptions\n  ) => DroppableCollectionState;\n  useDroppableCollection?: (\n    props: DroppableCollectionOptions,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DroppableCollectionResult;\n  useDroppableItem?: (\n    options: DroppableItemOptions,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DroppableItemResult;\n  useDropIndicator?: (\n    props: DropIndicatorProps,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DropIndicatorAria;\n}\n\nexport interface DragAndDropHooks<T = object> {\n  /** Drag and drop hooks for the collection element. */\n  dragAndDropHooks: DragHooks<T> &\n    DropHooks & {\n      isVirtualDragging?: () => boolean;\n      renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;\n    };\n}\n\nexport interface DragAndDropOptions<T = object>\n  extends\n    Omit<DraggableCollectionProps, 'preview' | 'getItems'>,\n    Omit<DroppableCollectionProps, 'onMove'> {\n  /**\n   * A function that returns the items being dragged. If not specified, we assume that the\n   * collection is not draggable.\n   *\n   * @default () => []\n   */\n  getItems?: (keys: Set<Key>, items: T[]) => DragItem[];\n  /**\n   * Provide a custom drag preview. `draggedKey` represents the key of the item the user actually\n   * dragged.\n   */\n  renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;\n}\n\n/**\n * Provides the hooks required to enable drag and drop behavior for a drag and drop compatible React\n * Spectrum component.\n */\nexport function useDragAndDrop<T = object>(options: DragAndDropOptions<T>): DragAndDropHooks {\n  let dragAndDropHooks = useMemo(() => {\n    let {onDrop, onInsert, onItemDrop, onReorder, onRootDrop, getItems, renderPreview} = options;\n\n    let isDraggable = !!getItems;\n    let isDroppable = !!(onDrop || onInsert || onItemDrop || onReorder || onRootDrop);\n\n    let hooks = {} as DragHooks &\n      DropHooks & {\n        isVirtualDragging?: () => boolean;\n        renderPreview?: (keys: Set<Key>, draggedKey: Key) => JSX.Element;\n      };\n    if (isDraggable) {\n      hooks.useDraggableCollectionState = function useDraggableCollectionStateOverride(\n        props: DraggableCollectionStateOpts<T>\n      ) {\n        // oxlint-disable-next-line react/react-compiler\n        return useDraggableCollectionState({...props, ...options, getItems: options.getItems!});\n      };\n      // oxlint-disable-next-line react/react-compiler\n      hooks.useDraggableCollection = useDraggableCollection;\n      // oxlint-disable-next-line react/react-compiler\n      hooks.useDraggableItem = useDraggableItem;\n      hooks.DragPreview = DragPreview;\n      hooks.renderPreview = renderPreview;\n    }\n\n    if (isDroppable) {\n      hooks.useDroppableCollectionState = function useDroppableCollectionStateOverride(\n        props: DroppableCollectionStateOptions\n      ) {\n        // oxlint-disable-next-line react/react-compiler\n        return useDroppableCollectionState({...props, ...options});\n      };\n      // oxlint-disable-next-line react/react-compiler\n      hooks.useDroppableItem = useDroppableItem;\n      hooks.useDroppableCollection = function useDroppableCollectionOverride(\n        props: DroppableCollectionOptions,\n        state: DroppableCollectionState,\n        ref: RefObject<HTMLElement | null>\n      ) {\n        // oxlint-disable-next-line react/react-compiler\n        return useDroppableCollection({...props, ...options}, state, ref);\n      };\n      // oxlint-disable-next-line react/react-compiler\n      hooks.useDropIndicator = useDropIndicator;\n    }\n\n    if (isDraggable || isDroppable) {\n      hooks.isVirtualDragging = isVirtualDragging;\n    }\n\n    return hooks;\n  }, [options]);\n\n  return {\n    dragAndDropHooks: dragAndDropHooks\n  };\n}\n"],"names":[],"version":3,"file":"useDragAndDrop.cjs.map"}