@overmap-ai/blocks 1.0.31-master.1 → 1.0.31-menu-overflow-fix.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,3 +1,3 @@
1
- # overmap-ai blocks
2
-
3
- Contains basic components used by overmap-ai libraries.
1
+ # overmap-ai blocks
2
+
3
+ Contains basic components used by overmap-ai libraries.
package/dist/blocks.js CHANGED
@@ -2840,6 +2840,7 @@ const Root2 = memo((props) => {
2840
2840
  apply({ availableHeight, elements }) {
2841
2841
  if (!dialog) {
2842
2842
  elements.floating.style.maxHeight = `${Math.max(availableHeight, MENU_MINIMUM_MAX_HEIGHT)}px`;
2843
+ elements.floating.style.setProperty("--overmap-menu-available-height", `${availableHeight}px`);
2843
2844
  }
2844
2845
  },
2845
2846
  padding: MENU_OVERFLOW_PADDING
@@ -2986,23 +2987,23 @@ const VirtualTrigger = memo((props) => {
2986
2987
  VirtualTrigger.displayName = "VirtualTrigger";
2987
2988
  const MenuContentContext = createContext({});
2988
2989
  const useMenuContentContext = () => useContext(MenuContentContext);
2989
- const MenuContent = "_MenuContent_t7a5i_41";
2990
- const Dialog = "_Dialog_t7a5i_51";
2991
- const MenuContentInner = "_MenuContentInner_t7a5i_56";
2992
- const slideDownAndFade = "_slideDownAndFade_t7a5i_1";
2993
- const slideLeftAndFade = "_slideLeftAndFade_t7a5i_1";
2994
- const slideUpAndFade = "_slideUpAndFade_t7a5i_1";
2995
- const slideRightAndFade = "_slideRightAndFade_t7a5i_1";
2996
- const MenuOverlay = "_MenuOverlay_t7a5i_83";
2997
- const Modal = "_Modal_t7a5i_90";
2998
- const MenuItem = "_MenuItem_t7a5i_94";
2999
- const MenuSeparator = "_MenuSeparator_t7a5i_121";
3000
- const paddingBottom = "_paddingBottom_t7a5i_121";
3001
- const paddingTop = "_paddingTop_t7a5i_124";
3002
- const extend = "_extend_t7a5i_127";
3003
- const MenuContentScrollArea = "_MenuContentScrollArea_t7a5i_131";
3004
- const MenuContentScrollAreaWrapper = "_MenuContentScrollAreaWrapper_t7a5i_140";
3005
- const ScrollAreaContent = "_ScrollAreaContent_t7a5i_148";
2990
+ const MenuContent = "_MenuContent_8k5ae_41";
2991
+ const Dialog = "_Dialog_8k5ae_51";
2992
+ const MenuContentInner = "_MenuContentInner_8k5ae_56";
2993
+ const slideDownAndFade = "_slideDownAndFade_8k5ae_1";
2994
+ const slideLeftAndFade = "_slideLeftAndFade_8k5ae_1";
2995
+ const slideUpAndFade = "_slideUpAndFade_8k5ae_1";
2996
+ const slideRightAndFade = "_slideRightAndFade_8k5ae_1";
2997
+ const MenuOverlay = "_MenuOverlay_8k5ae_84";
2998
+ const Modal = "_Modal_8k5ae_91";
2999
+ const MenuItem = "_MenuItem_8k5ae_95";
3000
+ const MenuSeparator = "_MenuSeparator_8k5ae_122";
3001
+ const paddingBottom = "_paddingBottom_8k5ae_122";
3002
+ const paddingTop = "_paddingTop_8k5ae_125";
3003
+ const extend = "_extend_8k5ae_128";
3004
+ const MenuContentScrollArea = "_MenuContentScrollArea_8k5ae_132";
3005
+ const MenuContentScrollAreaWrapper = "_MenuContentScrollAreaWrapper_8k5ae_141";
3006
+ const ScrollAreaContent = "_ScrollAreaContent_8k5ae_149";
3006
3007
  const styles$3 = {
3007
3008
  MenuContent,
3008
3009
  Dialog,
@@ -3160,6 +3161,7 @@ const Sub = memo((props) => {
3160
3161
  apply({ availableHeight, elements }) {
3161
3162
  if (!dialog) {
3162
3163
  elements.floating.style.maxHeight = `${Math.max(availableHeight, MENU_MINIMUM_MAX_HEIGHT)}px`;
3164
+ elements.floating.style.setProperty("--overmap-menu-available-height", `${availableHeight}px`);
3163
3165
  }
3164
3166
  }
3165
3167
  }),
@@ -4206,11 +4208,11 @@ function $e698a72e93240346$var$getState(checked) {
4206
4208
  }
4207
4209
  const $e698a72e93240346$export$be92b6f5f03c0fe9 = $e698a72e93240346$export$48513f6b9f8ce62d;
4208
4210
  const $e698a72e93240346$export$adb584737d712b70 = $e698a72e93240346$export$59aad738f51d1c05;
4209
- const checkbox = "_checkbox_yl8iy_5";
4210
- const checkboxIndicator = "_checkboxIndicator_yl8iy_22";
4211
- const checkboxLabel = "_checkboxLabel_yl8iy_33";
4212
- const noTextHighlight = "_noTextHighlight_yl8iy_37";
4213
- const checkboxHidden = "_checkboxHidden_yl8iy_46";
4211
+ const checkbox = "_checkbox_fc90v_1";
4212
+ const checkboxIndicator = "_checkboxIndicator_fc90v_18";
4213
+ const checkboxLabel = "_checkboxLabel_fc90v_29";
4214
+ const noTextHighlight = "_noTextHighlight_fc90v_33";
4215
+ const checkboxHidden = "_checkboxHidden_fc90v_42";
4214
4216
  const styles$2 = {
4215
4217
  checkbox,
4216
4218
  checkboxIndicator,