@itcase/ui 1.1.8 → 1.1.10

package/dist/cjs/components.js

@@ -1,64 +1,65 @@
 'use strict';
 
-var Accordion = require('./Accordion-DcZ9P5kP.js');
-var Avatar = require('./Avatar-DQ5fNpnO.js');
-var index = require('./components/Badge.js');
-var Breadcrumbs = require('./Breadcrumbs-HubY1qZQ.js');
-var Button = require('./Button-3GkRq8Pv.js');
-var index$1 = require('./components/Caption.js');
-var index$2 = require('./components/Card.js');
-var index$3 = require('./components/Cell.js');
-var index$4 = require('./components/Checkbox.js');
-var index$5 = require('./components/Chips.js');
-var index$6 = require('./components/Choice.js');
-var index$7 = require('./components/Code.js');
-var ContextMenuItem = require('./ContextMenuItem-DmbSoGn1.js');
-var index$8 = require('./components/CookiesWarning.js');
-var index$9 = require('./components/DadataHintField.js');
-var index$a = require('./components/DatePicker.js');
-var Divider = require('./Divider-CIYsHYud.js');
-var Dot = require('./Dot-vDSigHDs.js');
-var index$b = require('./components/Drawer.js');
-var DropdownItem = require('./DropdownItem-Bl-Ghc_6.js');
-var FlexItem = require('./FlexItem-BnORv6q3.js');
-var SelectField = require('./SelectField-BJTu7BXO.js');
-var GridRow = require('./GridRow-mzs0CkNG.js');
-var Group = require('./Group-4zWTDvKx.js');
-var Icon = require('./Icon-UBahY607.js');
-var index$c = require('./components/Image.js');
-var index$d = require('./components/Input.js');
-var index$e = require('./components/InputPassword.js');
-var index$f = require('./components/Label.js');
-var index$g = require('./components/LanguageSelector.js');
-var Link = require('./Link-BoShjCEw.js');
-var ListItem = require('./ListItem-MrHApmF3.js');
-var index$h = require('./components/Loader.js');
-var index$i = require('./components/Logo.js');
-var index$j = require('./components/Menu.js');
-var index$k = require('./components/MenuItem.js');
-var ModalLoader = require('./ModalLoader-4mmV5G4E.js');
-var NotificationList = require('./NotificationList-DnI8DqyE.js');
-var index$l = require('./components/Page.js');
-var index$m = require('./components/Pagination.js');
-var index$n = require('./components/Radio.js');
-var index$o = require('./components/RangeSlider.js');
-var index$p = require('./components/Response.js');
-var index$q = require('./components/Scrollbar.js');
-var SearchResult = require('./SearchResult-bTwR5A-g.js');
-var index$r = require('./components/Segmented.js');
-var index$s = require('./components/Select.js');
-var SiteMenuButton = require('./SiteMenuButton-BGi0gR1z.js');
-var index$t = require('./components/Swiper.js');
-var index$u = require('./components/Switch.js');
-var TabGroup = require('./TabGroup-DIWmGIp2.js');
-var Text = require('./Text-D7Aq1i5R.js');
-var index$v = require('./components/Textarea.js');
-var index$w = require('./components/Tile.js');
-var index$x = require('./components/Title.js');
-var index$y = require('./components/Tooltip.js');
-var index$z = require('./components/Video.js');
-var index$A = require('./components/Wrapper.js');
-require('./jsx-runtime-BCmQOGxJ.js');
+var Accordion = require('./Accordion-Dx0BRqhi.js');
+var Avatar = require('./Avatar-C2xK87qB.js');
+var Badge = require('./Badge-BvJTwXqB.js');
+var Breadcrumbs = require('./Breadcrumbs-PHMiEJZH.js');
+var Button = require('./Button-D7ctQMni.js');
+var Caption = require('./Caption-f-OM1D-G.js');
+var Card = require('./Card-C5uctOQL.js');
+var Cell = require('./Cell-B2BMVPlV.js');
+var Checkbox = require('./Checkbox-C1HH9ut8.js');
+var Chips = require('./Chips-DkUdk6Zs.js');
+var Choice = require('./Choice-CJqMvK5I.js');
+var Code = require('./Code-ByEr4h2R.js');
+var ContextMenuItem = require('./ContextMenuItem-DocbJZKp.js');
+var index = require('./components/CookiesWarning.js');
+var DadataHintField = require('./DadataHintField-DQHPRLs0.js');
+var DatePicker = require('./DatePicker-7Ugf6hQ1.js');
+var Divider = require('./Divider-doetVRw0.js');
+var Dot = require('./Dot-CKWexdtn.js');
+var Drawer = require('./Drawer-BGZBaR2Q.js');
+var DropdownItem = require('./DropdownItem-BVxf7bPs.js');
+var FlexItem = require('./FlexItem-2KlvlTJY.js');
+var SwitchField = require('./SwitchField-xk1JORBl.js');
+var GridRow = require('./GridRow-OxLsh_2P.js');
+var Group = require('./Group-C9BxTKs-.js');
+var Icon = require('./Icon-D1v73UhR.js');
+var Image = require('./Image-CCx6QWZj.js');
+var Input = require('./Input-BqKlyvEt.js');
+var InputPassword = require('./InputPassword-saMz6m0X.js');
+var Label = require('./Label-C2Whza8M.js');
+var index$1 = require('./components/LanguageSelector.js');
+var Link = require('./Link-3qPujNn9.js');
+var ListItem = require('./ListItem-CvMoKXM-.js');
+var Loader = require('./Loader-CK9zQAPl.js');
+var Logo = require('./Logo-YADZn1N4.js');
+var Menu = require('./Menu-BNe1i3Z7.js');
+var MenuItem = require('./MenuItem-BRQoOa-K.js');
+var ModalLoader = require('./ModalLoader-1f8MYsLV.js');
+var NotificationList = require('./NotificationList-ydXfdUwy.js');
+var index$2 = require('./components/Page.js');
+var Pagination = require('./Pagination-D8EHefOz.js');
+var Radio = require('./Radio-DRXdBBWU.js');
+var RangeSlider = require('./RangeSlider-Dy53bTyY.js');
+var Response = require('./Response-De79pGs5.js');
+var Scrollbar = require('./Scrollbar-DOujlQOb.js');
+var SearchResult = require('./SearchResult-DFG3pyeM.js');
+var Segmented = require('./Segmented-D0ISlz9H.js');
+var index$3 = require('./components/Select.js');
+var SiteMenuButton = require('./SiteMenuButton-Ca46xAzk.js');
+var Swiper = require('./Swiper-oPcqfskQ.js');
+var Switch = require('./Switch-K1p9h3aF.js');
+var TabGroup = require('./TabGroup-DEEcVLO0.js');
+var Text = require('./Text-CgYNdSwY.js');
+var Textarea = require('./Textarea-WIGhhrgu.js');
+var Tile = require('./Tile-gAqZGMv7.js');
+var Title = require('./Title-C3lN-EvU.js');
+var Tooltip = require('./Tooltip-DasmzIDY.js');
+var Video = require('./Video-B_xqvgag.js');
+var Wrapper = require('./Wrapper-DravIzND.js');
+require('./_tslib-CKiUdo7p.js');
+require('./jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
 require('lodash/castArray');
@@ -72,90 +73,64 @@ require('./hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('./hooks/styleAttributes.js');
-require('./constants/componentProps/shape.js');
-require('./constants/componentProps/direction.js');
-require('./constants/componentProps/fill.js');
-require('./constants/componentProps/position.js');
-require('./constants/componentProps/width.js');
-require('./constants/componentProps/fillGradient.js');
-require('./constants/componentProps/captionPosition.js');
-require('./constants/componentProps/size.js');
-require('./constants/componentProps/horizontalResizeMode.js');
-require('./constants/componentProps/textSize.js');
-require('./constants/componentProps/textColor.js');
-require('./constants/componentProps/textAlign.js');
-require('./constants/componentProps/borderType.js');
 require('js-cookie');
 require('crypto');
 require('react-dom');
-require('./floating-ui.dom-C34fOuI9.js');
-require('./constants/componentProps/type.js');
-require('./constants/componentProps/underline.js');
+require('./floating-ui.dom-CW7i9VDu.js');
 require('react-inlinesvg');
-require('./constants/componentProps/borderColor.js');
-require('./constants/componentProps/resizeMode.js');
-require('./constants/componentProps/textStyle.js');
-require('./constants/componentProps/textWeight.js');
-require('./constants/componentProps/align.js');
-require('./constants/componentProps/alignDirection.js');
-require('./constants/componentProps/textColorActive.js');
-require('./constants/componentProps/textColorHover.js');
-require('./constants/componentProps/textGradient.js');
-require('./constants/componentProps/textWrap.js');
-require('./components/Overlay.js');
+require('./Overlay-18bnPZPd.js');
 require('./context/Notifications.js');
 require('uuid');
+require('./constants/componentProps/alignDirection.js');
+require('./constants/componentProps/align.js');
+require('./constants/componentProps/fill.js');
+require('./constants/componentProps/horizontalResizeMode.js');
+require('./constants/componentProps/position.js');
 require('./constants/componentProps/verticalResizeMode.js');
 require('lodash/ceil');
 require('react-paginate');
 require('rc-slider');
-require('./constants/componentProps/borderWidth.js');
-require('./constants/componentProps/fillHover.js');
-require('./constants/componentProps/titleSize.js');
 require('react-scrollbars-custom');
 require('react-select');
-require('./constants/componentProps/stacking.js');
-require('./constants/componentProps/wrap.js');
-require('./constants/componentProps/borderColorHover.js');
 
 
 
 exports.Accordion = Accordion.Accordion;
 exports.AccordionItem = Accordion.AccordionItem;
 exports.Avatar = Avatar.Avatar;
-exports.Badge = index.Badge;
-exports.badgeConfig = index.badgeConfig;
+exports.Badge = Badge.Badge;
+exports.badgeConfig = Badge.badgeConfig;
 exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
 exports.BreadcrumbsItem = Breadcrumbs.BreadcrumbsItem;
 exports.Button = Button.Button;
 exports.buttonConfig = Button.buttonConfig;
-exports.Caption = index$1.Caption;
-exports.Card = index$2.Card;
-exports.Cell = index$3.Cell;
-exports.Checkbox = index$4.Checkbox;
-exports.checkboxConfig = index$4.checkboxConfig;
-exports.Chips = index$5.Chips;
-exports.chipsConfig = index$5.chipsConfig;
-exports.Choice = index$6.Choice;
-exports.choiceConfig = index$6.choiceConfig;
-exports.Code = index$7.Code;
+exports.Caption = Caption.Caption;
+exports.Card = Card.Card;
+exports.Cell = Cell.Cell;
+exports.Checkbox = Checkbox.Checkbox;
+exports.checkboxConfig = Checkbox.checkboxConfig;
+exports.Chips = Chips.Chips;
+exports.chipsConfig = Chips.chipsConfig;
+exports.Choice = Choice.Choice;
+exports.choiceConfig = Choice.choiceConfig;
+exports.Code = Code.Code;
 exports.ContextMenu = ContextMenuItem.ContextMenu;
 exports.ContextMenuItem = ContextMenuItem.ContextMenuItem;
-exports.CookiesWarning = index$8.CookiesWarning;
-exports.DadataHintField = index$9.DadataHintField;
-exports.DatePickerInput = index$a.DatePickerInput;
+exports.CookiesWarning = index.CookiesWarning;
+exports.DadataHintField = DadataHintField.DadataHintField;
+exports.DatePickerInput = DatePicker.DatePickerInput;
 exports.Divider = Divider.Divider;
 exports.Dot = Dot.Dot;
-exports.Drawer = index$b.Drawer;
+exports.Drawer = Drawer.Drawer;
 exports.Dropdown = DropdownItem.Dropdown;
 exports.DropdownItem = DropdownItem.DropdownItem;
 exports.Flex = FlexItem.Flex;
 exports.FlexItem = FlexItem.FlexItem;
-exports.ChoiceField = SelectField.ChoiceField;
-exports.FormField = SelectField.FormField;
-exports.PasswordField = SelectField.PasswordField;
-exports.SelectField = SelectField.SelectField;
-exports.SwitchField = SelectField.SwitchField;
+exports.ChoiceField = SwitchField.ChoiceField;
+exports.FormField = SwitchField.FormField;
+exports.PasswordField = SwitchField.PasswordField;
+exports.SelectField = SwitchField.SelectField;
+exports.SwitchField = SwitchField.SwitchField;
 exports.Grid = GridRow.Grid;
 exports.GridItem = GridRow.GridItem;
 exports.GridRow = GridRow.GridRow;
@@ -163,72 +138,72 @@ exports.Group = Group.Group;
 exports.groupConfig = Group.groupConfig;
 exports.Icon = Icon.Icon;
 exports.iconConfig = Icon.iconConfig;
-exports.Image = index$c.Image;
-exports.Input = index$d.Input;
-exports.inputConfig = index$d.inputConfig;
-exports.inputPasswordConfig = index$e.inputPasswordConfig;
-exports.Label = index$f.Label;
-exports.labelConfig = index$f.labelConfig;
-exports.LanguageSelector = index$g.LanguageSelector;
+exports.Image = Image.Image;
+exports.Input = Input.Input;
+exports.inputConfig = Input.inputConfig;
+exports.inputPasswordConfig = InputPassword.inputPasswordConfig;
+exports.Label = Label.Label;
+exports.labelConfig = Label.labelConfig;
+exports.LanguageSelector = index$1.LanguageSelector;
 exports.Link = Link.Link;
 exports.LinkWrapper = Link.LinkWrapper;
 exports.linkConfig = Link.linkConfig;
 exports.List = ListItem.List;
 exports.ListItem = ListItem.ListItem;
-exports.Loader = index$h.Loader;
-exports.loaderConfig = index$h.loaderConfig;
-exports.Logo = index$i.Logo;
-exports.Menu = index$j.Menu;
-exports.MenuItem = index$k.MenuItem;
-exports.menuItemConfig = index$k.menuItemConfig;
+exports.Loader = Loader.Loader;
+exports.loaderConfig = Loader.loaderConfig;
+exports.Logo = Logo.Logo;
+exports.Menu = Menu.Menu;
+exports.MenuItem = MenuItem.MenuItem;
+exports.menuItemConfig = MenuItem.menuItemConfig;
 exports.Modal = ModalLoader.Modal;
 exports.ModalLoader = ModalLoader.ModalLoader;
 exports.NotificationItem = NotificationList.NotificationItem;
 exports.NotificationList = NotificationList.NotificationList;
 exports.notificationItemConfig = NotificationList.notificationItemConfig;
-exports.Page = index$l.Page;
-exports.Pagination = index$m.Pagination;
-exports.Radio = index$n.Radio;
-exports.radioConfig = index$n.radioConfig;
-exports.RangeSlider = index$o.RangeSlider;
-exports.Response = index$p.Response;
-exports.responseConfig = index$p.responseConfig;
-exports.Scrollbar = index$q.Scrollbar;
+exports.Page = index$2.Page;
+exports.Pagination = Pagination.Pagination;
+exports.Radio = Radio.Radio;
+exports.radioConfig = Radio.radioConfig;
+exports.RangeSlider = RangeSlider.RangeSlider;
+exports.Response = Response.Response;
+exports.responseConfig = Response.responseConfig;
+exports.Scrollbar = Scrollbar.Scrollbar;
 exports.SearchInput = SearchResult.SearchInput;
 exports.SearchResult = SearchResult.SearchResult;
-exports.Segmented = index$r.Segmented;
-exports.segmentedConfig = index$r.segmentedConfig;
-exports.Select = index$s.Select;
-exports.SelectClearIndicator = index$s.SelectClearIndicator;
-exports.SelectControl = index$s.SelectControl;
-exports.SelectDropdownIndicator = index$s.SelectDropdownIndicator;
-exports.SelectGroupHeading = index$s.SelectGroupHeading;
-exports.SelectIndicatorsContainer = index$s.SelectIndicatorsContainer;
-exports.SelectInput = index$s.SelectInput;
-exports.SelectMenu = index$s.SelectMenu;
-exports.SelectMultiValueContainer = index$s.SelectMultiValueContainer;
-exports.SelectMultiValueLabel = index$s.SelectMultiValueLabel;
-exports.SelectMultiValueRemove = index$s.SelectMultiValueRemove;
-exports.SelectOption = index$s.SelectOption;
-exports.SelectPlaceholder = index$s.SelectPlaceholder;
-exports.SelectSingleValue = index$s.SelectSingleValue;
-exports.SelectValueContainer = index$s.SelectValueContainer;
-exports.selectConfig = index$s.selectConfig;
+exports.Segmented = Segmented.Segmented;
+exports.segmentedConfig = Segmented.segmentedConfig;
+exports.Select = index$3.Select;
+exports.SelectClearIndicator = index$3.SelectClearIndicator;
+exports.SelectControl = index$3.SelectControl;
+exports.SelectDropdownIndicator = index$3.SelectDropdownIndicator;
+exports.SelectGroupHeading = index$3.SelectGroupHeading;
+exports.SelectIndicatorsContainer = index$3.SelectIndicatorsContainer;
+exports.SelectInput = index$3.SelectInput;
+exports.SelectMenu = index$3.SelectMenu;
+exports.SelectMultiValueContainer = index$3.SelectMultiValueContainer;
+exports.SelectMultiValueLabel = index$3.SelectMultiValueLabel;
+exports.SelectMultiValueRemove = index$3.SelectMultiValueRemove;
+exports.SelectOption = index$3.SelectOption;
+exports.SelectPlaceholder = index$3.SelectPlaceholder;
+exports.SelectSingleValue = index$3.SelectSingleValue;
+exports.SelectValueContainer = index$3.SelectValueContainer;
+exports.selectConfig = index$3.selectConfig;
 exports.SiteMenu = SiteMenuButton.SiteMenu;
 exports.SiteMenuButton = SiteMenuButton.SiteMenuButton;
-exports.Swiper = index$t.Swiper;
-exports.Switch = index$u.Switch;
+exports.Swiper = Swiper.Swiper;
+exports.Switch = Switch.Switch;
 exports.Tab = TabGroup.Tab;
 exports.TabGroup = TabGroup.TabGroup;
 exports.tabConfig = TabGroup.tabConfig;
 exports.Text = Text.Text;
 exports.textConfig = Text.textConfig;
-exports.Textarea = index$v.Textarea;
-exports.textareaConfig = index$v.textareaConfig;
-exports.Tile = index$w.Tile;
-exports.Title = index$x.Title;
-exports.titleConfig = index$x.titleConfig;
-exports.Tooltip = index$y.Tooltip;
-exports.tooltipConfig = index$y.tooltipConfig;
-exports.Video = index$z.Video;
-exports.Wrapper = index$A.Wrapper;
+exports.Textarea = Textarea.Textarea;
+exports.textareaConfig = Textarea.textareaConfig;
+exports.Tile = Tile.Tile;
+exports.Title = Title.Title;
+exports.titleConfig = Title.titleConfig;
+exports.Tooltip = Tooltip.Tooltip;
+exports.tooltipConfig = Tooltip.tooltipConfig;
+exports.Video = Video.Video;
+exports.Wrapper = Wrapper.Wrapper;

package/dist/cjs/constants.js

@@ -35,7 +35,6 @@ var sizePX = require('./constants/componentProps/sizePX.js');
 var size = require('./constants/componentProps/size.js');
 var stacking = require('./constants/componentProps/stacking.js');
 var state = require('./constants/componentProps/state.js');
-var strokeColor = require('./constants/componentProps/strokeColor.js');
 var textAlign = require('./constants/componentProps/textAlign.js');
 var textColorActive = require('./constants/componentProps/textColorActive.js');
 var textColorHover = require('./constants/componentProps/textColorHover.js');
@@ -91,7 +90,6 @@ exports.sizePXProps = sizePX.default;
 exports.sizeProps = size.default;
 exports.stackingProps = stacking.default;
 exports.stateProps = state.default;
-exports.strokeColorProps = strokeColor.default;
 exports.textAlignProps = textAlign.default;
 exports.textColorActiveProps = textColorActive.default;
 exports.textColorHoverProps = textColorHover.default;

package/dist/cjs/{floating-ui.dom-C34fOuI9.js → floating-ui.dom-CW7i9VDu.js}

@@ -57,9 +57,8 @@ function getContainingBlock(element) {
   while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
     if (isContainingBlock(currentNode)) {
       return currentNode;
-    } else {
-      currentNode = getParentNode(currentNode);
     }
+    currentNode = getParentNode(currentNode);
   }
   return null;
 }
@@ -243,12 +242,21 @@ function getPaddingObject(padding) {
   };
 }
 function rectToClientRect(rect) {
+  const {
+    x,
+    y,
+    width,
+    height
+  } = rect;
   return {
-    ...rect,
-    top: rect.y,
-    left: rect.x,
-    right: rect.x + rect.width,
-    bottom: rect.y + rect.height
+    width,
+    height,
+    top: y,
+    left: x,
+    right: x + width,
+    bottom: y + height,
+    x,
+    y
   };
 }
 
@@ -437,9 +445,10 @@ async function detectOverflow(state, options) {
     strategy
   }));
   const rect = elementContext === 'floating' ? {
-    ...rects.floating,
     x,
-    y
+    y,
+    width: rects.floating.width,
+    height: rects.floating.height
   } : rects.reference;
   const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
   const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
@@ -676,6 +685,8 @@ async function convertValueToCoords(state, options) {
   const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
   const crossAxisMulti = rtl && isVertical ? -1 : 1;
   const rawValue = evaluate(options, state);
+
+  // eslint-disable-next-line prefer-const
   let {
     mainAxis,
     crossAxis,
@@ -709,7 +720,7 @@ async function convertValueToCoords(state, options) {
  * object may be passed.
  * @see https://floating-ui.com/docs/offset
  */
-const offset = function (options) {
+const offset$1 = function (options) {
   if (options === void 0) {
     options = 0;
   }
@@ -871,10 +882,10 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
 }
 
 const topLayerSelectors = [':popover-open', ':modal'];
-function isTopLayer(floating) {
+function isTopLayer(element) {
   return topLayerSelectors.some(selector => {
     try {
-      return floating.matches(selector);
+      return element.matches(selector);
     } catch (e) {
       return false;
     }
@@ -1062,7 +1073,7 @@ function getClippingRect(_ref) {
     rootBoundary,
     strategy
   } = _ref;
-  const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
+  const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
   const clippingAncestors = [...elementClippingAncestors, rootBoundary];
   const firstClippingAncestor = clippingAncestors[0];
   const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
@@ -1124,6 +1135,10 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
   };
 }
 
+function isStaticPositioned(element) {
+  return getComputedStyle(element).position === 'static';
+}
+
 function getTrueOffsetParent(element, polyfill) {
   if (!isHTMLElement(element) || getComputedStyle(element).position === 'fixed') {
     return null;
@@ -1137,29 +1152,41 @@ function getTrueOffsetParent(element, polyfill) {
 // Gets the closest ancestor positioned element. Handles some edge cases,
 // such as table ancestors and cross browser bugs.
 function getOffsetParent(element, polyfill) {
-  const window = getWindow(element);
-  if (!isHTMLElement(element) || isTopLayer(element)) {
-    return window;
+  const win = getWindow(element);
+  if (isTopLayer(element)) {
+    return win;
+  }
+  if (!isHTMLElement(element)) {
+    let svgOffsetParent = getParentNode(element);
+    while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
+      if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
+        return svgOffsetParent;
+      }
+      svgOffsetParent = getParentNode(svgOffsetParent);
+    }
+    return win;
   }
   let offsetParent = getTrueOffsetParent(element, polyfill);
-  while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {
+  while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
     offsetParent = getTrueOffsetParent(offsetParent, polyfill);
   }
-  if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static' && !isContainingBlock(offsetParent))) {
-    return window;
+  if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
+    return win;
   }
-  return offsetParent || getContainingBlock(element) || window;
+  return offsetParent || getContainingBlock(element) || win;
 }
 
 const getElementRects = async function (data) {
   const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
   const getDimensionsFn = this.getDimensions;
+  const floatingDimensions = await getDimensionsFn(data.floating);
   return {
     reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
     floating: {
       x: 0,
       y: 0,
-      ...(await getDimensionsFn(data.floating))
+      width: floatingDimensions.width,
+      height: floatingDimensions.height
     }
   };
 };
@@ -1229,9 +1256,11 @@ function observeMove(element, onMove) {
           return refresh();
         }
         if (!ratio) {
+          // If the reference is clipped, the ratio is 0. Throttle the refresh
+          // to prevent an infinite loop of updates.
           timeoutId = setTimeout(() => {
             refresh(false, 1e-7);
-          }, 100);
+          }, 1000);
         } else {
           refresh(false, ratio);
         }
@@ -1335,6 +1364,15 @@ function autoUpdate(reference, floating, update, options) {
   };
 }
 
+/**
+ * Modifies the placement by translating the floating element along the
+ * specified axes.
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
+ * object may be passed.
+ * @see https://floating-ui.com/docs/offset
+ */
+const offset = offset$1;
+
 /**
  * Optimizes the visibility of the floating element by flipping the `placement`
  * in order to keep it in view when the preferred placement(s) will overflow the