@oxyhq/bloom 0.89.0 → 1.0.1

package/lib/commonjs/index.web.js

@@ -7,7 +7,6 @@ var _exportNames = {
   atoms: true,
   flatten: true,
   Z_INDEX: true,
-  zIndex: true,
   tokens: true,
   web: true,
   native: true,
@@ -28,25 +27,33 @@ var _exportNames = {
   FONT_FAMILY_VARS: true,
   SHADOW_BOX: true,
   bloomShadowStyle: true,
-  useInteractionState: true,
-  useDelayedLoading: true,
-  useThrottledValue: true,
-  useHaptics: true,
-  BloomHapticsProvider: true,
-  useGutters: true,
-  useImagePreload: true,
-  preloadImage: true,
   Icons: true,
   iconSizes: true,
   useCommonSVGProps: true,
+  ImageResolverProvider: true,
+  useImageResolver: true,
+  ImageAspectRatio: true,
+  ScrollRestorationProvider: true,
+  useScrollRestoration: true,
+  ConnectionStatusToasts: true,
+  OverlayRoot: true,
+  Backdrop: true,
+  useOverlayLayer: true,
+  useOverlayLayerContext: true,
+  layerForRank: true,
+  BACKDROP_BLUR_INTENSITY: true,
+  BACKDROP_DIM_OPACITY: true,
+  OVERLAY_STACK_BAND: true,
+  OVERLAY_STACK_BASE: true,
+  OVERLAY_STACK_MAX_RANK: true,
+  TOAST_LAYER_Z: true,
   Dialog: true,
-  DIALOG_SHEET_BACKDROP_TESTID: true,
-  BloomDialogProvider: true,
-  alert: true,
   useDialogContext: true,
   useDialogControl: true,
   useDialogHeader: true,
   surfaces: true,
+  alert: true,
+  confirm: true,
   SurfaceProvider: true,
   SurfaceHost: true,
   useSurface: true,
@@ -66,8 +73,13 @@ var _exportNames = {
   ConnectionDots: true,
   BenefitRow: true,
   BenefitList: true,
+  ContentPanel: true,
+  GUTTER_MASK_SPREAD: true,
+  PANEL_TOP_INSET: true,
+  PANEL_BOTTOM_INSET: true,
+  ProgressiveBlur: true,
+  VirtualList: true,
   PressableScale: true,
-  PressableWithHover: true,
   SubtleHover: true,
   ScaleAndFadeIn: true,
   ScaleAndFadeOut: true,
@@ -78,6 +90,7 @@ var _exportNames = {
   Label: true,
   Field: true,
   InputGroup: true,
+  InputGroupAddon: true,
   Slider: true,
   Combobox: true,
   BottomSheet: true,
@@ -91,8 +104,6 @@ var _exportNames = {
   Item: true,
   Kbd: true,
   AlertDialog: true,
-  AlertDialogHost: true,
-  confirm: true,
   Command: true,
   Code: true,
   Fonts: true
@@ -100,146 +111,152 @@ var _exportNames = {
 Object.defineProperty(exports, "ActivityHeatmap", {
   enumerable: true,
   get: function () {
-    return _index41.ActivityHeatmap;
+    return _index42.ActivityHeatmap;
   }
 });
 Object.defineProperty(exports, "AlertDialog", {
   enumerable: true,
   get: function () {
-    return _indexWeb16.AlertDialog;
+    return _indexWeb24.AlertDialog;
   }
 });
-Object.defineProperty(exports, "AlertDialogHost", {
+Object.defineProperty(exports, "AnimatedCheck", {
   enumerable: true,
   get: function () {
-    return _indexWeb16.AlertDialogHost;
+    return _index22.AnimatedCheck;
   }
 });
-Object.defineProperty(exports, "AnimatedCheck", {
+Object.defineProperty(exports, "AvatarGroup", {
   enumerable: true,
   get: function () {
-    return _index23.AnimatedCheck;
+    return _indexWeb0.AvatarGroup;
   }
 });
-Object.defineProperty(exports, "AvatarGroup", {
+Object.defineProperty(exports, "BACKDROP_BLUR_INTENSITY", {
   enumerable: true,
   get: function () {
-    return _indexWeb7.AvatarGroup;
+    return _index7.BACKDROP_BLUR_INTENSITY;
   }
 });
-Object.defineProperty(exports, "BORDER_ROLES", {
+Object.defineProperty(exports, "BACKDROP_DIM_OPACITY", {
   enumerable: true,
   get: function () {
-    return _index3.BORDER_ROLES;
+    return _index7.BACKDROP_DIM_OPACITY;
   }
 });
-Object.defineProperty(exports, "BORDER_WIDTH", {
+Object.defineProperty(exports, "BORDER_ROLES", {
   enumerable: true,
   get: function () {
-    return _index3.BORDER_WIDTH;
+    return _index2.BORDER_ROLES;
   }
 });
-Object.defineProperty(exports, "BenefitList", {
+Object.defineProperty(exports, "BORDER_WIDTH", {
   enumerable: true,
   get: function () {
-    return _index19.BenefitList;
+    return _index2.BORDER_WIDTH;
   }
 });
-Object.defineProperty(exports, "BenefitRow", {
+Object.defineProperty(exports, "Backdrop", {
   enumerable: true,
   get: function () {
-    return _index19.BenefitRow;
+    return _index7.Backdrop;
   }
 });
-Object.defineProperty(exports, "BloomDialogProvider", {
+Object.defineProperty(exports, "BenefitList", {
   enumerable: true,
   get: function () {
-    return _indexWeb2.BloomDialogProvider;
+    return _index19.BenefitList;
   }
 });
-Object.defineProperty(exports, "BloomHapticsProvider", {
+Object.defineProperty(exports, "BenefitRow", {
   enumerable: true,
   get: function () {
-    return _useHaptics.BloomHapticsProvider;
+    return _index19.BenefitRow;
   }
 });
 Object.defineProperty(exports, "BottomSheet", {
   enumerable: true,
   get: function () {
-    return _indexWeb10.BottomSheet;
+    return _indexWeb17.BottomSheet;
   }
 });
 exports.Code = void 0;
 Object.defineProperty(exports, "Combobox", {
   enumerable: true,
   get: function () {
-    return _indexWeb1.Combobox;
+    return _indexWeb16.Combobox;
   }
 });
 Object.defineProperty(exports, "Command", {
   enumerable: true,
   get: function () {
-    return _indexWeb17.Command;
+    return _indexWeb25.Command;
   }
 });
 Object.defineProperty(exports, "CompositionBar", {
   enumerable: true,
   get: function () {
-    return _index38.CompositionBar;
+    return _index39.CompositionBar;
   }
 });
 Object.defineProperty(exports, "ConnectionDots", {
   enumerable: true,
   get: function () {
-    return _indexWeb9.ConnectionDots;
+    return _indexWeb11.ConnectionDots;
   }
 });
-Object.defineProperty(exports, "DIALOG_SHEET_BACKDROP_TESTID", {
+Object.defineProperty(exports, "ConnectionStatusToasts", {
   enumerable: true,
   get: function () {
-    return _indexWeb2.DIALOG_SHEET_BACKDROP_TESTID;
+    return _indexWeb3.ConnectionStatusToasts;
+  }
+});
+Object.defineProperty(exports, "ContentPanel", {
+  enumerable: true,
+  get: function () {
+    return _indexWeb12.ContentPanel;
   }
 });
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
   get: function () {
-    return _indexWeb2.Dialog;
+    return _indexWeb5.Dialog;
   }
 });
 Object.defineProperty(exports, "DotGridMeter", {
   enumerable: true,
   get: function () {
-    return _index39.DotGridMeter;
+    return _index40.DotGridMeter;
   }
 });
 Object.defineProperty(exports, "ErrorBoundary", {
   enumerable: true,
   get: function () {
-    return _index9.ErrorBoundary;
+    return _index0.ErrorBoundary;
   }
 });
 Object.defineProperty(exports, "FILL_ROLES", {
   enumerable: true,
   get: function () {
-    return _index3.FILL_ROLES;
+    return _index2.FILL_ROLES;
   }
 });
 Object.defineProperty(exports, "FONT_FAMILY_VARS", {
   enumerable: true,
   get: function () {
-    return _index3.FONT_FAMILY_VARS;
+    return _index2.FONT_FAMILY_VARS;
   }
 });
 Object.defineProperty(exports, "Fab", {
   enumerable: true,
   get: function () {
-    return _indexWeb5.Fab;
+    return _indexWeb8.Fab;
   }
 });
 Object.defineProperty(exports, "Field", {
   enumerable: true,
   get: function () {
-    return _index28.Field;
+    return _index27.Field;
   }
 });
 Object.defineProperty(exports, "Fill", {
@@ -252,7 +269,13 @@ exports.Fonts = void 0;
 Object.defineProperty(exports, "FrostedIconButton", {
   enumerable: true,
   get: function () {
-    return _indexWeb6.FrostedIconButton;
+    return _indexWeb9.FrostedIconButton;
+  }
+});
+Object.defineProperty(exports, "GUTTER_MASK_SPREAD", {
+  enumerable: true,
+  get: function () {
+    return _indexWeb12.GUTTER_MASK_SPREAD;
   }
 });
 exports.Grid = void 0;
@@ -262,35 +285,47 @@ Object.defineProperty(exports, "IconCircle", {
     return _index18.IconCircle;
   }
 });
-exports.Icons = void 0;
+exports.ImageAspectRatio = exports.Icons = void 0;
+Object.defineProperty(exports, "ImageResolverProvider", {
+  enumerable: true,
+  get: function () {
+    return _index5.ImageResolverProvider;
+  }
+});
 Object.defineProperty(exports, "InputGroup", {
   enumerable: true,
   get: function () {
-    return _index29.InputGroup;
+    return _index28.InputGroup;
+  }
+});
+Object.defineProperty(exports, "InputGroupAddon", {
+  enumerable: true,
+  get: function () {
+    return _index28.InputGroupAddon;
   }
 });
 Object.defineProperty(exports, "Item", {
   enumerable: true,
   get: function () {
-    return _index44.Item;
+    return _index45.Item;
   }
 });
 Object.defineProperty(exports, "Kbd", {
   enumerable: true,
   get: function () {
-    return _index45.Kbd;
+    return _index46.Kbd;
   }
 });
 Object.defineProperty(exports, "Label", {
   enumerable: true,
   get: function () {
-    return _index27.Label;
+    return _index26.Label;
   }
 });
 Object.defineProperty(exports, "LinkPreviewCard", {
   enumerable: true,
   get: function () {
-    return _index37.LinkPreviewCard;
+    return _index38.LinkPreviewCard;
   }
 });
 Object.defineProperty(exports, "MediaInsetBorder", {
@@ -299,113 +334,161 @@ Object.defineProperty(exports, "MediaInsetBorder", {
     return _index17.MediaInsetBorder;
   }
 });
+Object.defineProperty(exports, "OVERLAY_STACK_BAND", {
+  enumerable: true,
+  get: function () {
+    return _index7.OVERLAY_STACK_BAND;
+  }
+});
+Object.defineProperty(exports, "OVERLAY_STACK_BASE", {
+  enumerable: true,
+  get: function () {
+    return _index7.OVERLAY_STACK_BASE;
+  }
+});
+Object.defineProperty(exports, "OVERLAY_STACK_MAX_RANK", {
+  enumerable: true,
+  get: function () {
+    return _index7.OVERLAY_STACK_MAX_RANK;
+  }
+});
+Object.defineProperty(exports, "OverlayRoot", {
+  enumerable: true,
+  get: function () {
+    return _index7.OverlayRoot;
+  }
+});
+Object.defineProperty(exports, "PANEL_BOTTOM_INSET", {
+  enumerable: true,
+  get: function () {
+    return _indexWeb12.PANEL_BOTTOM_INSET;
+  }
+});
+Object.defineProperty(exports, "PANEL_TOP_INSET", {
+  enumerable: true,
+  get: function () {
+    return _indexWeb12.PANEL_TOP_INSET;
+  }
+});
 Object.defineProperty(exports, "PressableScale", {
   enumerable: true,
   get: function () {
     return _index20.PressableScale;
   }
 });
-Object.defineProperty(exports, "PressableWithHover", {
+Object.defineProperty(exports, "ProfileCard", {
   enumerable: true,
   get: function () {
-    return _index21.PressableWithHover;
+    return _index43.ProfileCard;
   }
 });
-Object.defineProperty(exports, "ProfileCard", {
+Object.defineProperty(exports, "ProgressiveBlur", {
   enumerable: true,
   get: function () {
-    return _index42.ProfileCard;
+    return _indexWeb13.ProgressiveBlur;
   }
 });
 Object.defineProperty(exports, "RADIUS", {
   enumerable: true,
   get: function () {
-    return _index3.RADIUS;
+    return _index2.RADIUS;
   }
 });
 Object.defineProperty(exports, "SHADOW_BOX", {
   enumerable: true,
   get: function () {
-    return _index3.SHADOW_BOX;
+    return _index2.SHADOW_BOX;
   }
 });
 Object.defineProperty(exports, "SPACING", {
   enumerable: true,
   get: function () {
-    return _index3.SPACING;
+    return _index2.SPACING;
   }
 });
 Object.defineProperty(exports, "ScaleAndFadeIn", {
   enumerable: true,
   get: function () {
-    return _indexWeb0.ScaleAndFadeIn;
+    return _indexWeb15.ScaleAndFadeIn;
   }
 });
 Object.defineProperty(exports, "ScaleAndFadeOut", {
   enumerable: true,
   get: function () {
-    return _indexWeb0.ScaleAndFadeOut;
+    return _indexWeb15.ScaleAndFadeOut;
   }
 });
 Object.defineProperty(exports, "ScreenTransition", {
   enumerable: true,
   get: function () {
-    return _indexWeb0.ScreenTransition;
+    return _indexWeb15.ScreenTransition;
+  }
+});
+Object.defineProperty(exports, "ScrollRestorationProvider", {
+  enumerable: true,
+  get: function () {
+    return _indexWeb2.ScrollRestorationProvider;
   }
 });
 Object.defineProperty(exports, "Search", {
   enumerable: true,
   get: function () {
-    return _index26.Search;
+    return _index25.Search;
   }
 });
 Object.defineProperty(exports, "ShrinkAndPop", {
   enumerable: true,
   get: function () {
-    return _indexWeb0.ShrinkAndPop;
+    return _indexWeb15.ShrinkAndPop;
   }
 });
 exports.Skeleton = void 0;
 Object.defineProperty(exports, "Slider", {
   enumerable: true,
   get: function () {
-    return _index30.Slider;
+    return _index29.Slider;
   }
 });
 Object.defineProperty(exports, "StatBar", {
   enumerable: true,
   get: function () {
-    return _index40.StatBar;
+    return _index41.StatBar;
   }
 });
 Object.defineProperty(exports, "SubtleHover", {
   enumerable: true,
   get: function () {
-    return _index22.SubtleHover;
+    return _index21.SubtleHover;
   }
 });
 Object.defineProperty(exports, "SurfaceHost", {
   enumerable: true,
   get: function () {
-    return _indexWeb3.SurfaceHost;
+    return _indexWeb6.SurfaceHost;
   }
 });
 Object.defineProperty(exports, "SurfaceProvider", {
   enumerable: true,
   get: function () {
-    return _indexWeb3.SurfaceProvider;
+    return _indexWeb6.SurfaceProvider;
   }
 });
 Object.defineProperty(exports, "TEXT_ROLES", {
   enumerable: true,
   get: function () {
-    return _index3.TEXT_ROLES;
+    return _index2.TEXT_ROLES;
+  }
+});
+Object.defineProperty(exports, "TOAST_LAYER_Z", {
+  enumerable: true,
+  get: function () {
+    return _index7.TOAST_LAYER_Z;
   }
 });
 Object.defineProperty(exports, "TYPOGRAPHY", {
   enumerable: true,
   get: function () {
-    return _index3.TYPOGRAPHY;
+    return _index2.TYPOGRAPHY;
   }
 });
 Object.defineProperty(exports, "ToastOutlet", {
@@ -418,19 +501,25 @@ exports.Typography = void 0;
 Object.defineProperty(exports, "UserHoverCard", {
   enumerable: true,
   get: function () {
-    return _index1.UserHoverCard;
+    return _index10.UserHoverCard;
+  }
+});
+Object.defineProperty(exports, "VirtualList", {
+  enumerable: true,
+  get: function () {
+    return _indexWeb14.VirtualList;
   }
 });
 Object.defineProperty(exports, "Z_INDEX", {
   enumerable: true,
   get: function () {
-    return _index2.Z_INDEX;
+    return _index.Z_INDEX;
   }
 });
 Object.defineProperty(exports, "alert", {
   enumerable: true,
   get: function () {
-    return _indexWeb2.alert;
+    return _indexWeb6.alert;
   }
 });
 Object.defineProperty(exports, "android", {
@@ -442,55 +531,55 @@ Object.defineProperty(exports, "android", {
 Object.defineProperty(exports, "atoms", {
   enumerable: true,
   get: function () {
-    return _index2.atoms;
+    return _index.atoms;
   }
 });
 Object.defineProperty(exports, "bloomShadowStyle", {
   enumerable: true,
   get: function () {
-    return _index3.bloomShadowStyle;
+    return _index2.bloomShadowStyle;
   }
 });
 Object.defineProperty(exports, "bloomTailwindPreset", {
   enumerable: true,
   get: function () {
-    return _index3.bloomTailwindPreset;
+    return _index2.bloomTailwindPreset;
   }
 });
 Object.defineProperty(exports, "bloomThemeBlock", {
   enumerable: true,
   get: function () {
-    return _index3.bloomThemeBlock;
+    return _index2.bloomThemeBlock;
   }
 });
 Object.defineProperty(exports, "bloomThemeCss", {
   enumerable: true,
   get: function () {
-    return _index3.bloomThemeCss;
+    return _index2.bloomThemeCss;
   }
 });
 Object.defineProperty(exports, "bucketByDay", {
   enumerable: true,
   get: function () {
-    return _index41.bucketByDay;
+    return _index42.bucketByDay;
   }
 });
 Object.defineProperty(exports, "confirm", {
   enumerable: true,
   get: function () {
-    return _indexWeb16.confirm;
+    return _indexWeb6.confirm;
   }
 });
 Object.defineProperty(exports, "flatten", {
   enumerable: true,
   get: function () {
-    return _index2.flatten;
+    return _index.flatten;
   }
 });
 Object.defineProperty(exports, "iconSizes", {
   enumerable: true,
   get: function () {
-    return _common.sizes;
+    return _shared.sizes;
   }
 });
 Object.defineProperty(exports, "ios", {
@@ -499,22 +588,22 @@ Object.defineProperty(exports, "ios", {
     return _platform.ios;
   }
 });
-Object.defineProperty(exports, "native", {
+Object.defineProperty(exports, "layerForRank", {
   enumerable: true,
   get: function () {
-    return _platform.native;
+    return _index7.layerForRank;
   }
 });
-Object.defineProperty(exports, "platform", {
+Object.defineProperty(exports, "native", {
   enumerable: true,
   get: function () {
-    return _platform.platform;
+    return _platform.native;
   }
 });
-Object.defineProperty(exports, "preloadImage", {
+Object.defineProperty(exports, "platform", {
   enumerable: true,
   get: function () {
-    return _useImagePreload.preloadImage;
+    return _platform.platform;
   }
 });
 Object.defineProperty(exports, "select", {
@@ -526,7 +615,7 @@ Object.defineProperty(exports, "select", {
 Object.defineProperty(exports, "surfaces", {
   enumerable: true,
   get: function () {
-    return _indexWeb3.surfaces;
+    return _indexWeb6.surfaces;
   }
 });
 Object.defineProperty(exports, "toast", {
@@ -539,67 +628,55 @@ exports.tokens = void 0;
 Object.defineProperty(exports, "useCommonSVGProps", {
   enumerable: true,
   get: function () {
-    return _common.useCommonSVGProps;
-  }
-});
-Object.defineProperty(exports, "useDelayedLoading", {
-  enumerable: true,
-  get: function () {
-    return _useDelayedLoading.useDelayedLoading;
+    return _shared.useCommonSVGProps;
   }
 });
 Object.defineProperty(exports, "useDialogContext", {
   enumerable: true,
   get: function () {
-    return _indexWeb2.useDialogContext;
+    return _indexWeb5.useDialogContext;
   }
 });
 Object.defineProperty(exports, "useDialogControl", {
   enumerable: true,
   get: function () {
-    return _indexWeb2.useDialogControl;
+    return _indexWeb5.useDialogControl;
   }
 });
 Object.defineProperty(exports, "useDialogHeader", {
   enumerable: true,
   get: function () {
-    return _indexWeb2.useDialogHeader;
+    return _indexWeb5.useDialogHeader;
   }
 });
-Object.defineProperty(exports, "useGutters", {
+Object.defineProperty(exports, "useImageResolver", {
   enumerable: true,
   get: function () {
-    return _useGutters.useGutters;
+    return _index5.useImageResolver;
   }
 });
-Object.defineProperty(exports, "useHaptics", {
+Object.defineProperty(exports, "useOverlayLayer", {
   enumerable: true,
   get: function () {
-    return _useHaptics.useHaptics;
+    return _index7.useOverlayLayer;
   }
 });
-Object.defineProperty(exports, "useImagePreload", {
+Object.defineProperty(exports, "useOverlayLayerContext", {
   enumerable: true,
   get: function () {
-    return _useImagePreload.useImagePreload;
+    return _index7.useOverlayLayerContext;
   }
 });
-Object.defineProperty(exports, "useInteractionState", {
+Object.defineProperty(exports, "useScrollRestoration", {
   enumerable: true,
   get: function () {
-    return _useInteractionState.useInteractionState;
+    return _indexWeb2.useScrollRestoration;
   }
 });
 Object.defineProperty(exports, "useSurface", {
   enumerable: true,
   get: function () {
-    return _indexWeb3.useSurface;
-  }
-});
-Object.defineProperty(exports, "useThrottledValue", {
-  enumerable: true,
-  get: function () {
-    return _useThrottledValue.useThrottledValue;
+    return _indexWeb6.useSurface;
   }
 });
 Object.defineProperty(exports, "web", {
@@ -608,53 +685,44 @@ Object.defineProperty(exports, "web", {
     return _platform.web;
   }
 });
-Object.defineProperty(exports, "zIndex", {
-  enumerable: true,
-  get: function () {
-    return _index2.zIndex;
-  }
-});
-var _index = require("./theme/index.js");
-Object.keys(_index).forEach(function (key) {
+var _indexWeb = require("./theme/index.web.js");
+Object.keys(_indexWeb).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index[key]) return;
+  if (key in exports && exports[key] === _indexWeb[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index[key];
+      return _indexWeb[key];
     }
   });
 });
-var _index2 = require("./styles/index.js");
+var _index = require("./styles/index.js");
 var _tokens = _interopRequireWildcard(require("./styles/tokens.js"));
 exports.tokens = _tokens;
 var _platform = require("./styles/platform.js");
-var _index3 = require("./design-tokens/index.js");
-var _useInteractionState = require("./hooks/useInteractionState.js");
-var _useDelayedLoading = require("./hooks/useDelayedLoading.js");
-var _useThrottledValue = require("./hooks/useThrottledValue.js");
-var _useHaptics = require("./hooks/useHaptics.js");
-var _useGutters = require("./hooks/useGutters.js");
-var _useImagePreload = require("./hooks/useImagePreload.js");
-var _Icons = _interopRequireWildcard(require("./icons/index.js"));
-exports.Icons = _Icons;
-var _common = require("./icons/common.js");
-var _indexWeb = require("./portal/index.web.js");
-Object.keys(_indexWeb).forEach(function (key) {
+var _index2 = require("./design-tokens/index.js");
+var _index3 = require("./hooks/index.js");
+Object.keys(_index3).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _indexWeb[key]) return;
+  if (key in exports && exports[key] === _index3[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _indexWeb[key];
+      return _index3[key];
     }
   });
 });
-var _indexWeb2 = require("./dialog/index.web.js");
-var _indexWeb3 = require("./surfaces/index.web.js");
-var _indexWeb4 = require("./button/index.web.js");
+var _Icons = _interopRequireWildcard(require("./icons/index.js"));
+exports.Icons = _Icons;
+var _shared = require("./icons/shared.js");
+var _index5 = require("./image-resolver/index.js");
+var _ImageAspectRatio = _interopRequireWildcard(require("./image-aspect-ratio-cache/index.js"));
+exports.ImageAspectRatio = _ImageAspectRatio;
+var _indexWeb2 = require("./scroll/index.web.js");
+var _indexWeb3 = require("./connection-status/index.web.js");
+var _indexWeb4 = require("./portal/index.web.js");
 Object.keys(_indexWeb4).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -666,92 +734,83 @@ Object.keys(_indexWeb4).forEach(function (key) {
     }
   });
 });
-var _indexWeb5 = require("./fab/index.web.js");
-var _indexWeb6 = require("./frosted-icon-button/index.web.js");
-var _index5 = require("./grouped-buttons/index.js");
-Object.keys(_index5).forEach(function (key) {
+var _index7 = require("./overlay/index.js");
+var _indexWeb5 = require("./dialog/index.web.js");
+var _indexWeb6 = require("./surfaces/index.web.js");
+var _indexWeb7 = require("./button/index.web.js");
+Object.keys(_indexWeb7).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index5[key]) return;
+  if (key in exports && exports[key] === _indexWeb7[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index5[key];
+      return _indexWeb7[key];
     }
   });
 });
-var _index6 = require("./divider/index.js");
-Object.keys(_index6).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index6[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _index6[key];
-    }
-  });
-});
-var _index7 = require("./radio-indicator/index.js");
-Object.keys(_index7).forEach(function (key) {
+var _indexWeb8 = require("./fab/index.web.js");
+var _indexWeb9 = require("./frosted-icon-button/index.web.js");
+var _index8 = require("./divider/index.js");
+Object.keys(_index8).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index7[key]) return;
+  if (key in exports && exports[key] === _index8[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index7[key];
+      return _index8[key];
     }
   });
 });
-var _index8 = require("./collapsible/index.js");
-Object.keys(_index8).forEach(function (key) {
+var _index9 = require("./radio-indicator/index.js");
+Object.keys(_index9).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index8[key]) return;
+  if (key in exports && exports[key] === _index9[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index8[key];
+      return _index9[key];
     }
   });
 });
-var _index9 = require("./error-boundary/index.js");
-var _index0 = require("./avatar/index.js");
-Object.keys(_index0).forEach(function (key) {
+var _index0 = require("./error-boundary/index.js");
+var _index1 = require("./avatar/index.js");
+Object.keys(_index1).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index0[key]) return;
+  if (key in exports && exports[key] === _index1[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index0[key];
+      return _index1[key];
     }
   });
 });
-var _indexWeb7 = require("./avatar-group/index.web.js");
-var _index1 = require("./user-hover-card/index.js");
-var _indexWeb8 = require("./loading/index.web.js");
-Object.keys(_indexWeb8).forEach(function (key) {
+var _indexWeb0 = require("./avatar-group/index.web.js");
+var _index10 = require("./user-hover-card/index.js");
+var _indexWeb1 = require("./loading/index.web.js");
+Object.keys(_indexWeb1).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _indexWeb8[key]) return;
+  if (key in exports && exports[key] === _indexWeb1[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _indexWeb8[key];
+      return _indexWeb1[key];
     }
   });
 });
-var _index10 = require("./prompt-input/index.js");
-Object.keys(_index10).forEach(function (key) {
+var _indexWeb10 = require("./prompt-input/index.web.js");
+Object.keys(_indexWeb10).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index10[key]) return;
+  if (key in exports && exports[key] === _indexWeb10[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index10[key];
+      return _indexWeb10[key];
     }
   });
 });
@@ -777,14 +836,28 @@ exports.Grid = _Grid;
 var _index16 = require("./fill/index.js");
 var _index17 = require("./media-inset-border/index.js");
 var _index18 = require("./icon-circle/index.js");
-var _indexWeb9 = require("./connection-dots/index.web.js");
+var _indexWeb11 = require("./connection-dots/index.web.js");
 var _index19 = require("./benefit-list/index.js");
+var _indexWeb12 = require("./content-panel/index.web.js");
+var _indexWeb13 = require("./progressive-blur/index.web.js");
+var _indexWeb14 = require("./list/index.web.js");
 var _index20 = require("./pressable-scale/index.js");
-var _index21 = require("./pressable-with-hover/index.js");
-var _index22 = require("./subtle-hover/index.js");
-var _indexWeb0 = require("./motion/index.web.js");
-var _index23 = require("./animated-check/index.js");
-var _index24 = require("./text-field/index.js");
+var _index21 = require("./subtle-hover/index.js");
+var _indexWeb15 = require("./motion/index.web.js");
+var _index22 = require("./animated-check/index.js");
+var _index23 = require("./text-field/index.js");
+Object.keys(_index23).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index23[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index23[key];
+    }
+  });
+});
+var _index24 = require("./segmented-control/index.js");
 Object.keys(_index24).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -796,26 +869,26 @@ Object.keys(_index24).forEach(function (key) {
     }
   });
 });
-var _index25 = require("./segmented-control/index.js");
-Object.keys(_index25).forEach(function (key) {
+var _index25 = require("./search/index.js");
+var _index26 = require("./label/index.js");
+var _index27 = require("./field/index.js");
+var _index28 = require("./input-group/index.js");
+var _index29 = require("./slider/index.js");
+var _indexWeb16 = require("./combobox/index.web.js");
+var _indexWeb17 = require("./bottom-sheet/index.web.js");
+var _index30 = require("./card/index.js");
+Object.keys(_index30).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index25[key]) return;
+  if (key in exports && exports[key] === _index30[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index25[key];
+      return _index30[key];
     }
   });
 });
-var _index26 = require("./search/index.js");
-var _index27 = require("./label/index.js");
-var _index28 = require("./field/index.js");
-var _index29 = require("./input-group/index.js");
-var _index30 = require("./slider/index.js");
-var _indexWeb1 = require("./combobox/index.web.js");
-var _indexWeb10 = require("./bottom-sheet/index.web.js");
-var _index31 = require("./card/index.js");
+var _index31 = require("./badge/index.js");
 Object.keys(_index31).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -827,7 +900,7 @@ Object.keys(_index31).forEach(function (key) {
     }
   });
 });
-var _index32 = require("./badge/index.js");
+var _index32 = require("./chip/index.js");
 Object.keys(_index32).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -839,7 +912,7 @@ Object.keys(_index32).forEach(function (key) {
     }
   });
 });
-var _index33 = require("./chip/index.js");
+var _index33 = require("./aspect-ratio/index.js");
 Object.keys(_index33).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -875,7 +948,7 @@ Object.keys(_index35).forEach(function (key) {
     }
   });
 });
-var _index36 = require("./accordion/index.js");
+var _index36 = require("./radio/index.js");
 Object.keys(_index36).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -887,100 +960,124 @@ Object.keys(_index36).forEach(function (key) {
     }
   });
 });
-var _index37 = require("./link-preview/index.js");
-var _index38 = require("./composition-bar/index.js");
-var _index39 = require("./dot-grid-meter/index.js");
-var _index40 = require("./stat-bar/index.js");
-var _index41 = require("./activity-heatmap/index.js");
-var _index42 = require("./profile-card/index.js");
-var _index43 = require("./settings-list/index.js");
-Object.keys(_index43).forEach(function (key) {
+var _index37 = require("./accordion/index.js");
+Object.keys(_index37).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index37[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index37[key];
+    }
+  });
+});
+var _index38 = require("./link-preview/index.js");
+var _index39 = require("./composition-bar/index.js");
+var _index40 = require("./dot-grid-meter/index.js");
+var _index41 = require("./stat-bar/index.js");
+var _index42 = require("./activity-heatmap/index.js");
+var _index43 = require("./profile-card/index.js");
+var _index44 = require("./settings-list/index.js");
+Object.keys(_index44).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index44[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index44[key];
+    }
+  });
+});
+var _index45 = require("./item/index.js");
+var _index46 = require("./kbd/index.js");
+var _index47 = require("./admonition/index.js");
+Object.keys(_index47).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index43[key]) return;
+  if (key in exports && exports[key] === _index47[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index43[key];
+      return _index47[key];
     }
   });
 });
-var _index44 = require("./item/index.js");
-var _index45 = require("./kbd/index.js");
-var _index46 = require("./admonition/index.js");
-Object.keys(_index46).forEach(function (key) {
+var _indexWeb18 = require("./dropdown-menu/index.web.js");
+Object.keys(_indexWeb18).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index46[key]) return;
+  if (key in exports && exports[key] === _indexWeb18[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index46[key];
+      return _indexWeb18[key];
     }
   });
 });
-var _indexWeb11 = require("./menu/index.web.js");
-Object.keys(_indexWeb11).forEach(function (key) {
+var _indexWeb19 = require("./tooltip/index.web.js");
+Object.keys(_indexWeb19).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _indexWeb11[key]) return;
+  if (key in exports && exports[key] === _indexWeb19[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _indexWeb11[key];
+      return _indexWeb19[key];
     }
   });
 });
-var _indexWeb12 = require("./tooltip/index.web.js");
-Object.keys(_indexWeb12).forEach(function (key) {
+var _indexWeb20 = require("./select/index.web.js");
+Object.keys(_indexWeb20).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _indexWeb12[key]) return;
+  if (key in exports && exports[key] === _indexWeb20[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _indexWeb12[key];
+      return _indexWeb20[key];
     }
   });
 });
-var _indexWeb13 = require("./select/index.web.js");
-Object.keys(_indexWeb13).forEach(function (key) {
+var _indexWeb21 = require("./context-menu/index.web.js");
+Object.keys(_indexWeb21).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _indexWeb13[key]) return;
+  if (key in exports && exports[key] === _indexWeb21[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _indexWeb13[key];
+      return _indexWeb21[key];
     }
   });
 });
-var _indexWeb14 = require("./context-menu/index.web.js");
-Object.keys(_indexWeb14).forEach(function (key) {
+var _indexWeb22 = require("./menubar/index.web.js");
+Object.keys(_indexWeb22).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _indexWeb14[key]) return;
+  if (key in exports && exports[key] === _indexWeb22[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _indexWeb14[key];
+      return _indexWeb22[key];
     }
   });
 });
-var _indexWeb15 = require("./popover/index.web.js");
-Object.keys(_indexWeb15).forEach(function (key) {
+var _indexWeb23 = require("./popover/index.web.js");
+Object.keys(_indexWeb23).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _indexWeb15[key]) return;
+  if (key in exports && exports[key] === _indexWeb23[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _indexWeb15[key];
+      return _indexWeb23[key];
     }
   });
 });
-var _indexWeb16 = require("./alert-dialog/index.web.js");
-var _indexWeb17 = require("./command/index.web.js");
+var _indexWeb24 = require("./alert-dialog/index.web.js");
+var _indexWeb25 = require("./command/index.web.js");
 var _Code = _interopRequireWildcard(require("./code/index.js"));
 exports.Code = _Code;
 var _Fonts = _interopRequireWildcard(require("./fonts/index.web.js"));