@muraldevkit/ui-toolkit 4.67.0-dev-Vc0V.1 → 4.68.0-dev-NFbt.1

package/dist/esm/hooks/useTriggerPosition/utilities.js

@@ -0,0 +1,289 @@
+import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+
+var screenOffset = 16;
+
+/**
+ * Calculates the position of the menu based on alignment and viewport constraints.
+ *
+ * @param {Alignment} menuAlign - The alignment configuration for the menu.
+ * @param {number} offset - The offset distance between the menu and the trigger.
+ * @param {DOMRect} elementRect - The bounding rectangle of the menu element.
+ * @param {DOMRect} [triggerRect] - The bounding rectangle of the trigger element.
+ * @param {boolean} [disableFlipping] - If true, prevents flipping to the opposite side when overflowing.
+ * @returns {Position} The calculated position of the menu.
+ */
+var getPosition = function getPosition(menuAlign, offset, elementRect, triggerRect) {
+  var _menuAlign$align;
+  var disableFlipping = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var screenWidth = window.innerWidth;
+  var screenHeight = window.innerHeight;
+  if (!triggerRect) {
+    return calculateCustomPosition(elementRect, menuAlign);
+  }
+  var position = menuAlign.position;
+  var align = (_menuAlign$align = menuAlign.align) !== null && _menuAlign$align !== void 0 ? _menuAlign$align : 'center';
+  switch (position) {
+    case 'left':
+    case 'right':
+      return positionHorizontal(position, align, offset, elementRect, triggerRect, screenWidth, screenHeight, disableFlipping);
+    case 'top':
+    case 'bottom':
+      return positionVertical(position, align, offset, elementRect, triggerRect, screenWidth, screenHeight, disableFlipping);
+    default:
+      return calculateCustomPosition(elementRect, menuAlign);
+  }
+};
+
+/**
+ * Calculates left/right placement with vertical alignment and screen overflow checks.
+ * Flips the menu to the opposite side if it overflows the screen, unless flipping is disabled.
+ *
+ * @param {'left' | 'right'} position - The horizontal position ('left' or 'right').
+ * @param {Alignment['align']} align - The vertical alignment ('start', 'end', or 'center').
+ * @param {number} offset - The offset distance between the menu and the trigger.
+ * @param {DOMRect} elementRect - The bounding rectangle of the menu element.
+ * @param {DOMRect} triggerRect - The bounding rectangle of the trigger element.
+ * @param {number} screenWidth - The width of the viewport.
+ * @param {number} screenHeight - The height of the viewport.
+ * @param {boolean} disableFlipping - Whether to disable flipping logic.
+ * @returns {Position} The calculated position of the menu.
+ */
+var positionHorizontal = function positionHorizontal(position, align, offset, elementRect, triggerRect, screenWidth, screenHeight, disableFlipping) {
+  var isLeft = position === 'left';
+  var flipped = false;
+  var containerSide = isLeft ? triggerRect.left - elementRect.width - offset : triggerRect.right + offset;
+  var overflowsLeft = isOverflowingLeft(containerSide);
+  var overflowsRight = isOverflowingRight(containerSide, elementRect.width, screenWidth);
+
+  // Flip to opposite side if menu overflows but fits on the other side
+  if (!disableFlipping) {
+    if (isLeft && overflowsLeft) {
+      var rightSide = triggerRect.right + offset;
+      if (!isOverflowingRight(rightSide, elementRect.width, screenWidth)) {
+        containerSide = rightSide;
+        flipped = true;
+      }
+    } else if (!isLeft && overflowsRight) {
+      var leftSide = triggerRect.left - elementRect.width - offset;
+      if (!isOverflowingLeft(leftSide)) {
+        containerSide = leftSide;
+        flipped = true;
+      }
+    }
+  }
+  var top = calculateVerticalPosition(triggerRect, elementRect, align);
+  top = adjustForVerticalBounds(top, elementRect, screenHeight);
+  return {
+    flipped: flipped,
+    left: containerSide,
+    top: top
+  };
+};
+
+/**
+ * Calculates top/bottom placement with horizontal alignment and screen overflow checks.
+ * Flips the menu to the opposite side if it overflows the screen, unless flipping is disabled.
+ *
+ * @param {'top' | 'bottom'} position - The vertical position ('top' or 'bottom').
+ * @param {Alignment['align']} align - The horizontal alignment ('start', 'end', or 'center').
+ * @param {number} offset - The offset distance between the menu and the trigger.
+ * @param {DOMRect} elementRect - The bounding rectangle of the menu element.
+ * @param {DOMRect} triggerRect - The bounding rectangle of the trigger element.
+ * @param {number} screenWidth - The width of the viewport.
+ * @param {number} screenHeight - The height of the viewport.
+ * @param {boolean} disableFlipping - Whether to disable flipping logic.
+ * @returns {Position} The calculated position of the menu.
+ */
+var positionVertical = function positionVertical(position, align, offset, elementRect, triggerRect, screenWidth, screenHeight, disableFlipping) {
+  var isTop = position === 'top';
+  var flipped = false;
+  var containerSide = isTop ? triggerRect.top - elementRect.height - offset : triggerRect.bottom + offset;
+  var overflowsTop = isOverflowingTop(containerSide);
+  var overflowsBottom = isOverflowingBottom(containerSide, elementRect.height, screenHeight);
+
+  // Flip to opposite side if menu overflows but fits on the other side
+  if (!disableFlipping) {
+    if (isTop && overflowsTop) {
+      var bottomSide = triggerRect.bottom + offset;
+      if (!isOverflowingBottom(bottomSide, elementRect.height, screenHeight)) {
+        containerSide = bottomSide;
+        flipped = true;
+      }
+    } else if (!isTop && overflowsBottom) {
+      var topSide = triggerRect.top - elementRect.height - offset;
+      if (!isOverflowingTop(topSide)) {
+        containerSide = topSide;
+        flipped = true;
+      }
+    }
+  }
+  var left = calculateHorizontalPosition(triggerRect, elementRect, align, screenWidth);
+  return {
+    flipped: flipped,
+    left: left,
+    top: containerSide
+  };
+};
+
+/**
+ * Aligns menu horizontally (used when menu is vertically positioned).
+ *
+ * @param {DOMRect} triggerRect - The bounding rectangle of the trigger element.
+ * @param {DOMRect} elementRect - The bounding rectangle of the menu element.
+ * @param {'start' | 'end' | 'center'} align - The horizontal alignment.
+ * @param {number} screenWidth - The width of the viewport.
+ * @returns {number} The calculated horizontal position.
+ */
+var calculateHorizontalPosition = function calculateHorizontalPosition(triggerRect, elementRect, align, screenWidth) {
+  var position;
+  switch (align) {
+    case 'start':
+      position = triggerRect.left;
+      break;
+    case 'end':
+      position = triggerRect.right - elementRect.width;
+      break;
+    default:
+      position = triggerRect.left + (triggerRect.width - elementRect.width) / 2;
+      break;
+  }
+
+  // Clamp within screen
+  if (position < screenOffset) return screenOffset;
+  if (position + elementRect.width > screenWidth - screenOffset) {
+    return screenWidth - elementRect.width - screenOffset;
+  }
+  return position;
+};
+
+/**
+ * Aligns menu vertically (used when menu is horizontally positioned).
+ *
+ * @param {DOMRect} triggerRect - The bounding rectangle of the trigger element.
+ * @param {DOMRect} elementRect - The bounding rectangle of the menu element.
+ * @param {'start' | 'end' | 'center'} align - The vertical alignment.
+ * @returns {number} The calculated vertical position.
+ */
+var calculateVerticalPosition = function calculateVerticalPosition(triggerRect, elementRect, align) {
+  switch (align) {
+    case 'start':
+      return triggerRect.top;
+    case 'end':
+      return triggerRect.bottom - elementRect.height;
+    default:
+      return triggerRect.top + (triggerRect.height - elementRect.height) / 2;
+  }
+};
+
+/**
+ * Calculates position for a menu that uses an explicit custom position.
+ *
+ * @param {DOMRect} elementRect - The bounding rectangle of the menu element.
+ * @param {Alignment} menuAlign - The alignment configuration for the menu.
+ * @returns {Position} The calculated custom position of the menu.
+ */
+var calculateCustomPosition = function calculateCustomPosition(elementRect, menuAlign) {
+  var _menuAlign$customPosi, _menuAlign$customPosi2, _menuAlign$customPosi3, _menuAlign$customPosi4;
+  var screenHeight = window.innerHeight;
+  var screenWidth = window.innerWidth;
+  var left = (_menuAlign$customPosi = (_menuAlign$customPosi2 = menuAlign.customPosition) === null || _menuAlign$customPosi2 === void 0 ? void 0 : _menuAlign$customPosi2.left) !== null && _menuAlign$customPosi !== void 0 ? _menuAlign$customPosi : 0;
+  var top = (_menuAlign$customPosi3 = (_menuAlign$customPosi4 = menuAlign.customPosition) === null || _menuAlign$customPosi4 === void 0 ? void 0 : _menuAlign$customPosi4.top) !== null && _menuAlign$customPosi3 !== void 0 ? _menuAlign$customPosi3 : 0;
+  var adjusted = adjustCustomScreenBounds(left, top, elementRect, screenWidth, screenHeight);
+  return _objectSpread2(_objectSpread2({}, adjusted), {}, {
+    flipped: false
+  });
+};
+
+/**
+ * Adjusts vertical position to stay within screen height.
+ *
+ * @param {number} top - The initial vertical position.
+ * @param {DOMRect} elementRect - The bounding rectangle of the menu element.
+ * @param {number} screenHeight - The height of the viewport.
+ * @returns {number} The adjusted vertical position.
+ */
+var adjustForVerticalBounds = function adjustForVerticalBounds(top, elementRect, screenHeight) {
+  var adjustedTop = top;
+  if (isOverflowingTop(adjustedTop)) {
+    adjustedTop = screenOffset;
+  }
+  if (isOverflowingBottom(adjustedTop, elementRect.height, screenHeight)) {
+    adjustedTop = screenHeight - elementRect.height - screenOffset;
+  }
+
+  // If the menu is taller than the screen height minus offset, pin it to the top offset
+  if (elementRect.height + 2 * screenOffset > screenHeight) {
+    adjustedTop = screenOffset;
+  }
+  return adjustedTop;
+};
+
+/**
+ * Ensures menu position stays within screen bounds.
+ *
+ * @param {number} left - The initial horizontal position.
+ * @param {number} top - The initial vertical position.
+ * @param {DOMRect} elementRect - The bounding rectangle of the menu element.
+ * @param {number} screenWidth - The width of the viewport.
+ * @param {number} screenHeight - The height of the viewport.
+ * @returns {Position} The adjusted position of the menu.
+ */
+var adjustCustomScreenBounds = function adjustCustomScreenBounds(left, top, elementRect, screenWidth, screenHeight) {
+  var adjustedLeft = Math.min(Math.max(left, screenOffset), screenWidth - elementRect.width - screenOffset);
+  var adjustedTop = Math.max(top, screenOffset);
+  if (adjustedTop + elementRect.height > screenHeight - screenOffset) {
+    adjustedTop = screenHeight - elementRect.height - screenOffset;
+  }
+  if (elementRect.height + 2 * screenOffset > screenHeight) adjustedTop = screenOffset;
+  return {
+    left: adjustedLeft,
+    top: adjustedTop
+  };
+};
+
+/**
+ * Checks if the menu overflows the left side of the screen.
+ *
+ * @param {number} left - The left position of the menu.
+ * @returns {boolean} True if the menu overflows the left side, false otherwise.
+ */
+var isOverflowingLeft = function isOverflowingLeft(left) {
+  return left < screenOffset;
+};
+
+/**
+ * Checks if the menu overflows the right side of the screen.
+ *
+ * @param {number} left - The left position of the menu.
+ * @param {number} width - The width of the menu.
+ * @param {number} screenWidth - The width of the viewport.
+ * @returns {boolean} True if the menu overflows the right side, false otherwise.
+ */
+var isOverflowingRight = function isOverflowingRight(left, width, screenWidth) {
+  return left + width > screenWidth - screenOffset;
+};
+
+/**
+ * Checks if the menu overflows the top side of the screen.
+ *
+ * @param {number} top - The top position of the menu.
+ * @returns {boolean} True if the menu overflows the top side, false otherwise.
+ */
+var isOverflowingTop = function isOverflowingTop(top) {
+  return top < screenOffset;
+};
+
+/**
+ * Checks if the menu overflows the bottom side of the screen.
+ *
+ * @param {number} top - The top position of the menu.
+ * @param {number} height - The height of the menu.
+ * @param {number} screenHeight - The height of the viewport.
+ * @returns {boolean} True if the menu overflows the bottom side, false otherwise.
+ */
+var isOverflowingBottom = function isOverflowingBottom(top, height, screenHeight) {
+  return top + height > screenHeight - screenOffset;
+};
+
+export { getPosition };
+//# sourceMappingURL=utilities.js.map

package/dist/esm/hooks/useTriggerPosition/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","sources":["../../../../src/hooks/useTriggerPosition/utilities.ts"],"sourcesContent":["import { Alignment, Position } from './constants';\n\nconst screenOffset = 16;\n\n/**\n * Calculates the position of the menu based on alignment and viewport constraints.\n *\n * @param {Alignment} menuAlign - The alignment configuration for the menu.\n * @param {number} offset - The offset distance between the menu and the trigger.\n * @param {DOMRect} elementRect - The bounding rectangle of the menu element.\n * @param {DOMRect} [triggerRect] - The bounding rectangle of the trigger element.\n * @param {boolean} [disableFlipping] - If true, prevents flipping to the opposite side when overflowing.\n * @returns {Position} The calculated position of the menu.\n */\nexport const getPosition = (\n\tmenuAlign: Alignment,\n\toffset: number,\n\telementRect: DOMRect,\n\ttriggerRect?: DOMRect,\n\tdisableFlipping = false\n): Position => {\n\tconst screenWidth = window.innerWidth;\n\tconst screenHeight = window.innerHeight;\n\n\tif (!triggerRect) {\n\t\treturn calculateCustomPosition(elementRect, menuAlign);\n\t}\n\n\tconst position = menuAlign.position;\n\tconst align = menuAlign.align ?? 'center';\n\n\tswitch (position) {\n\t\tcase 'left':\n\t\tcase 'right':\n\t\t\treturn positionHorizontal(\n\t\t\t\tposition,\n\t\t\t\talign,\n\t\t\t\toffset,\n\t\t\t\telementRect,\n\t\t\t\ttriggerRect,\n\t\t\t\tscreenWidth,\n\t\t\t\tscreenHeight,\n\t\t\t\tdisableFlipping\n\t\t\t);\n\t\tcase 'top':\n\t\tcase 'bottom':\n\t\t\treturn positionVertical(\n\t\t\t\tposition,\n\t\t\t\talign,\n\t\t\t\toffset,\n\t\t\t\telementRect,\n\t\t\t\ttriggerRect,\n\t\t\t\tscreenWidth,\n\t\t\t\tscreenHeight,\n\t\t\t\tdisableFlipping\n\t\t\t);\n\t\tdefault:\n\t\t\treturn calculateCustomPosition(elementRect, menuAlign);\n\t}\n};\n\n/**\n * Calculates left/right placement with vertical alignment and screen overflow checks.\n * Flips the menu to the opposite side if it overflows the screen, unless flipping is disabled.\n *\n * @param {'left' | 'right'} position - The horizontal position ('left' or 'right').\n * @param {Alignment['align']} align - The vertical alignment ('start', 'end', or 'center').\n * @param {number} offset - The offset distance between the menu and the trigger.\n * @param {DOMRect} elementRect - The bounding rectangle of the menu element.\n * @param {DOMRect} triggerRect - The bounding rectangle of the trigger element.\n * @param {number} screenWidth - The width of the viewport.\n * @param {number} screenHeight - The height of the viewport.\n * @param {boolean} disableFlipping - Whether to disable flipping logic.\n * @returns {Position} The calculated position of the menu.\n */\nconst positionHorizontal = (\n\tposition: 'left' | 'right',\n\talign: Alignment['align'],\n\toffset: number,\n\telementRect: DOMRect,\n\ttriggerRect: DOMRect,\n\tscreenWidth: number,\n\tscreenHeight: number,\n\tdisableFlipping: boolean\n): Position => {\n\tconst isLeft = position === 'left';\n\tlet flipped = false;\n\n\tlet containerSide = isLeft\n\t\t? triggerRect.left - elementRect.width - offset\n\t\t: triggerRect.right + offset;\n\n\tconst overflowsLeft = isOverflowingLeft(containerSide);\n\tconst overflowsRight = isOverflowingRight(containerSide, elementRect.width, screenWidth);\n\n\t// Flip to opposite side if menu overflows but fits on the other side\n\tif (!disableFlipping) {\n\t\tif (isLeft && overflowsLeft) {\n\t\t\tconst rightSide = triggerRect.right + offset;\n\t\t\tif (!isOverflowingRight(rightSide, elementRect.width, screenWidth)) {\n\t\t\t\tcontainerSide = rightSide;\n\t\t\t\tflipped = true;\n\t\t\t}\n\t\t} else if (!isLeft && overflowsRight) {\n\t\t\tconst leftSide = triggerRect.left - elementRect.width - offset;\n\t\t\tif (!isOverflowingLeft(leftSide)) {\n\t\t\t\tcontainerSide = leftSide;\n\t\t\t\tflipped = true;\n\t\t\t}\n\t\t}\n\t}\n\n\tlet top = calculateVerticalPosition(triggerRect, elementRect, align);\n\ttop = adjustForVerticalBounds(top, elementRect, screenHeight);\n\n\treturn { flipped, left: containerSide, top };\n};\n\n/**\n * Calculates top/bottom placement with horizontal alignment and screen overflow checks.\n * Flips the menu to the opposite side if it overflows the screen, unless flipping is disabled.\n *\n * @param {'top' | 'bottom'} position - The vertical position ('top' or 'bottom').\n * @param {Alignment['align']} align - The horizontal alignment ('start', 'end', or 'center').\n * @param {number} offset - The offset distance between the menu and the trigger.\n * @param {DOMRect} elementRect - The bounding rectangle of the menu element.\n * @param {DOMRect} triggerRect - The bounding rectangle of the trigger element.\n * @param {number} screenWidth - The width of the viewport.\n * @param {number} screenHeight - The height of the viewport.\n * @param {boolean} disableFlipping - Whether to disable flipping logic.\n * @returns {Position} The calculated position of the menu.\n */\nconst positionVertical = (\n\tposition: 'top' | 'bottom',\n\talign: Alignment['align'],\n\toffset: number,\n\telementRect: DOMRect,\n\ttriggerRect: DOMRect,\n\tscreenWidth: number,\n\tscreenHeight: number,\n\tdisableFlipping: boolean\n): Position => {\n\tconst isTop = position === 'top';\n\tlet flipped = false;\n\n\tlet containerSide = isTop\n\t\t? triggerRect.top - elementRect.height - offset\n\t\t: triggerRect.bottom + offset;\n\n\tconst overflowsTop = isOverflowingTop(containerSide);\n\tconst overflowsBottom = isOverflowingBottom(containerSide, elementRect.height, screenHeight);\n\n\t// Flip to opposite side if menu overflows but fits on the other side\n\tif (!disableFlipping) {\n\t\tif (isTop && overflowsTop) {\n\t\t\tconst bottomSide = triggerRect.bottom + offset;\n\t\t\tif (!isOverflowingBottom(bottomSide, elementRect.height, screenHeight)) {\n\t\t\t\tcontainerSide = bottomSide;\n\t\t\t\tflipped = true;\n\t\t\t}\n\t\t} else if (!isTop && overflowsBottom) {\n\t\t\tconst topSide = triggerRect.top - elementRect.height - offset;\n\t\t\tif (!isOverflowingTop(topSide)) {\n\t\t\t\tcontainerSide = topSide;\n\t\t\t\tflipped = true;\n\t\t\t}\n\t\t}\n\t}\n\n\tconst left = calculateHorizontalPosition(triggerRect, elementRect, align, screenWidth);\n\n\treturn { flipped, left, top: containerSide };\n};\n\n/**\n * Aligns menu horizontally (used when menu is vertically positioned).\n *\n * @param {DOMRect} triggerRect - The bounding rectangle of the trigger element.\n * @param {DOMRect} elementRect - The bounding rectangle of the menu element.\n * @param {'start' | 'end' | 'center'} align - The horizontal alignment.\n * @param {number} screenWidth - The width of the viewport.\n * @returns {number} The calculated horizontal position.\n */\nconst calculateHorizontalPosition = (\n\ttriggerRect: DOMRect,\n\telementRect: DOMRect,\n\talign: 'start' | 'end' | 'center',\n\tscreenWidth: number\n): number => {\n\tlet position: number;\n\n\tswitch (align) {\n\t\tcase 'start':\n\t\t\tposition = triggerRect.left;\n\t\t\tbreak;\n\t\tcase 'end':\n\t\t\tposition = triggerRect.right - elementRect.width;\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tposition = triggerRect.left + (triggerRect.width - elementRect.width) / 2;\n\t\t\tbreak;\n\t}\n\n\t// Clamp within screen\n\tif (position < screenOffset) return screenOffset;\n\tif (position + elementRect.width > screenWidth - screenOffset) {\n\t\treturn screenWidth - elementRect.width - screenOffset;\n\t}\n\treturn position;\n};\n\n/**\n * Aligns menu vertically (used when menu is horizontally positioned).\n *\n * @param {DOMRect} triggerRect - The bounding rectangle of the trigger element.\n * @param {DOMRect} elementRect - The bounding rectangle of the menu element.\n * @param {'start' | 'end' | 'center'} align - The vertical alignment.\n * @returns {number} The calculated vertical position.\n */\nconst calculateVerticalPosition = (\n\ttriggerRect: DOMRect,\n\telementRect: DOMRect,\n\talign: 'start' | 'end' | 'center'\n): number => {\n\tswitch (align) {\n\t\tcase 'start':\n\t\t\treturn triggerRect.top;\n\t\tcase 'end':\n\t\t\treturn triggerRect.bottom - elementRect.height;\n\t\tdefault:\n\t\t\treturn triggerRect.top + (triggerRect.height - elementRect.height) / 2;\n\t}\n};\n\n/**\n * Calculates position for a menu that uses an explicit custom position.\n *\n * @param {DOMRect} elementRect - The bounding rectangle of the menu element.\n * @param {Alignment} menuAlign - The alignment configuration for the menu.\n * @returns {Position} The calculated custom position of the menu.\n */\nconst calculateCustomPosition = (elementRect: DOMRect, menuAlign: Alignment): Position => {\n\tconst screenHeight = window.innerHeight;\n\tconst screenWidth = window.innerWidth;\n\n\tconst left = menuAlign.customPosition?.left ?? 0;\n\tconst top = menuAlign.customPosition?.top ?? 0;\n\n\tconst adjusted = adjustCustomScreenBounds(left, top, elementRect, screenWidth, screenHeight);\n\treturn { ...adjusted, flipped: false };\n};\n\n/**\n * Adjusts vertical position to stay within screen height.\n *\n * @param {number} top - The initial vertical position.\n * @param {DOMRect} elementRect - The bounding rectangle of the menu element.\n * @param {number} screenHeight - The height of the viewport.\n * @returns {number} The adjusted vertical position.\n */\nconst adjustForVerticalBounds = (\n\ttop: number,\n\telementRect: DOMRect,\n\tscreenHeight: number\n): number => {\n\tlet adjustedTop = top;\n\n\tif (isOverflowingTop(adjustedTop)) {\n\t\tadjustedTop = screenOffset;\n\t}\n\n\tif (isOverflowingBottom(adjustedTop, elementRect.height, screenHeight)) {\n\t\tadjustedTop = screenHeight - elementRect.height - screenOffset;\n\t}\n\n\t// If the menu is taller than the screen height minus offset, pin it to the top offset\n\tif (elementRect.height + 2 * screenOffset > screenHeight) {\n\t\tadjustedTop = screenOffset;\n\t}\n\n\treturn adjustedTop;\n};\n\n/**\n * Ensures menu position stays within screen bounds.\n *\n * @param {number} left - The initial horizontal position.\n * @param {number} top - The initial vertical position.\n * @param {DOMRect} elementRect - The bounding rectangle of the menu element.\n * @param {number} screenWidth - The width of the viewport.\n * @param {number} screenHeight - The height of the viewport.\n * @returns {Position} The adjusted position of the menu.\n */\nconst adjustCustomScreenBounds = (\n\tleft: number,\n\ttop: number,\n\telementRect: DOMRect,\n\tscreenWidth: number,\n\tscreenHeight: number\n): { left: number; top: number } => {\n\tconst adjustedLeft = Math.min(\n\t\tMath.max(left, screenOffset),\n\t\tscreenWidth - elementRect.width - screenOffset\n\t);\n\n\tlet adjustedTop = Math.max(top, screenOffset);\n\tif (adjustedTop + elementRect.height > screenHeight - screenOffset) {\n\t\tadjustedTop = screenHeight - elementRect.height - screenOffset;\n\t}\n\n\tif (elementRect.height + 2 * screenOffset > screenHeight) adjustedTop = screenOffset;\n\n\treturn { left: adjustedLeft, top: adjustedTop };\n};\n\n/**\n * Checks if the menu overflows the left side of the screen.\n *\n * @param {number} left - The left position of the menu.\n * @returns {boolean} True if the menu overflows the left side, false otherwise.\n */\nconst isOverflowingLeft = (left: number): boolean => left < screenOffset;\n\n/**\n * Checks if the menu overflows the right side of the screen.\n *\n * @param {number} left - The left position of the menu.\n * @param {number} width - The width of the menu.\n * @param {number} screenWidth - The width of the viewport.\n * @returns {boolean} True if the menu overflows the right side, false otherwise.\n */\nconst isOverflowingRight = (left: number, width: number, screenWidth: number): boolean =>\n\tleft + width > screenWidth - screenOffset;\n\n/**\n * Checks if the menu overflows the top side of the screen.\n *\n * @param {number} top - The top position of the menu.\n * @returns {boolean} True if the menu overflows the top side, false otherwise.\n */\nconst isOverflowingTop = (top: number): boolean => top < screenOffset;\n\n/**\n * Checks if the menu overflows the bottom side of the screen.\n *\n * @param {number} top - The top position of the menu.\n * @param {number} height - The height of the menu.\n * @param {number} screenHeight - The height of the viewport.\n * @returns {boolean} True if the menu overflows the bottom side, false otherwise.\n */\nconst isOverflowingBottom = (top: number, height: number, screenHeight: number): boolean =>\n\ttop + height > screenHeight - screenOffset;\n"],"names":["screenOffset","getPosition","menuAlign","offset","elementRect","triggerRect","_menuAlign$align","disableFlipping","arguments","length","undefined","screenWidth","window","innerWidth","screenHeight","innerHeight","calculateCustomPosition","position","align","positionHorizontal","positionVertical","isLeft","flipped","containerSide","left","width","right","overflowsLeft","isOverflowingLeft","overflowsRight","isOverflowingRight","rightSide","leftSide","top","calculateVerticalPosition","adjustForVerticalBounds","isTop","height","bottom","overflowsTop","isOverflowingTop","overflowsBottom","isOverflowingBottom","bottomSide","topSide","calculateHorizontalPosition","_menuAlign$customPosi","_menuAlign$customPosi2","_menuAlign$customPosi3","_menuAlign$customPosi4","customPosition","adjusted","adjustCustomScreenBounds","_objectSpread","adjustedTop","adjustedLeft","Math","min","max"],"mappings":"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"}

package/dist/esm/index.js

@@ -0,0 +1,145 @@
+export { CREATABLE_SELECT_CLASS_NAME_PREFIX, CREATABLE_SELECT_MENU_LIST_CLASS_NAME, MrlCreatableSelect } from './components/form/select/MrlCreatableSelect/MrlCreatableSelect.js';
+export { DEFAULT_FEEDBACK_TIME, DEFAULT_RESET_TIME, MrlProcessingButton } from './components/button/MrlProcessingButton/MrlProcessingButton.js';
+export { FOCUSABLE_ELEMENTS_SELECTOR, getElementWithAutofocus, getFocusableElementsInsideElement, trapFocus } from './utils/trapFocus/index.js';
+export { MRL_PORTAL_ID, MrlPortal } from './components/portal/MrlPortal.js';
+export { MRL_PROCESSING_BUTTON_ACTIONS, copyToClipboard } from './components/button/MrlProcessingButton/actions.js';
+export { MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX, MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME, MrlMultiCreatableSelect } from './components/form/select/MrlMultiCreatableSelect/MrlMultiCreatableSelect.js';
+export { MULTI_SELECT_CLASS_NAME_PREFIX, MULTI_SELECT_MENU_LIST_CLASS_NAME, MrlMultiSelect } from './components/form/select/MrlMultiSelect/MrlMultiSelect.js';
+export { MrlAnimatedIconButton } from './components/button/MrlAnimatedIconButton/MrlAnimatedIconButton.js';
+export { MrlAvatar, defaultAvatarValues } from './components/avatar/MrlAvatar/MrlAvatar.js';
+export { MrlAvatarButton } from './components/avatar/MrlAvatarButton/MrlAvatarButton.js';
+export { MrlBadge } from './components/badge/MrlBadge/MrlBadge.js';
+export { MrlBadgeNotification } from './components/badge/MrlBadgeNotification/MrlBadgeNotification.js';
+export { MrlBlockNotification } from './components/notification/MrlBlockNotification/MrlBlockNotification.js';
+export { MrlBrandColors } from './components/layout/error-page/MrlBrandColors/MrlBrandColors.js';
+export { MrlBreadcrumbItem } from './components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.js';
+export { MrlBreadcrumbSeparator } from './components/breadcrumb/MrlBreadcrumbSeparator/MrlBreadcrumbSeparator.js';
+export { MrlBreadcrumbs } from './components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.js';
+export { MrlButton } from './components/button/MrlButton/MrlButton.js';
+export { MrlCallout } from './components/callout/MrlCallout/MrlCallout.js';
+export { MrlCheckbox } from './components/form/checkbox/MrlCheckbox/MrlCheckbox.js';
+export { MrlCheckboxStandalone } from './components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.js';
+export { MrlCol } from './components/grid/MrlCol/MrlCol.js';
+export { MrlContainer } from './components/container/MrlContainer/MrlContainer.js';
+export { MrlDatePicker } from './components/form/date-picker/MrlDatePicker.js';
+export { MrlDivider } from './components/divider/MrlDivider/MrlDivider.js';
+export { MrlEditableTextInput } from './components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.js';
+export { MrlEditableTextarea } from './components/form/textarea/MrlEditableTextarea/MrlEditableTextarea.js';
+export { MrlEmpty } from './components/empty/default/MrlEmpty.js';
+export { MrlEmptyLarge } from './components/empty/large/MrlEmptyLarge.js';
+export { MrlErrorBoundary } from './components/error-boundary/MrlErrorBoundary.js';
+export { MrlErrorPage } from './components/layout/error-page/MrlErrorPage/MrlErrorPage.js';
+export { MrlFieldset } from './components/form/fieldset/MrlFieldset/MrlFieldset.js';
+export { MrlFilter } from './components/filter/MrlFilter/MrlFilter.js';
+export { MrlFilterContextProvider, useMrlFilterContext } from './components/filter/MrlFilterContext/MrlFilterContext.js';
+export { MrlFilterItem } from './components/filter/MrlFilterItem/MrlFilterItem.js';
+export { MrlFocusTrap } from './components/focus-trap/MrlFocusTrap/MrlFocusTrap.js';
+export { MrlGrid } from './components/grid/MrlGrid/MrlGrid.js';
+export { MrlIconButton } from './components/button/MrlIconButton/MrlIconButton.js';
+export { MrlInlineMessage } from './components/notification/MrlInlineMessage/MrlInlineMessage.js';
+export { MrlKeystroke } from './components/keystroke/MrlKeystroke/MrlKeystroke.js';
+export { MrlKeystrokes } from './components/keystroke/MrlKeystrokes/MrlKeystrokes.js';
+export { MrlLabel } from './components/form/label/MrlLabel/MrlLabel.js';
+export { MrlLabelWithDescription } from './components/form/label/MrlLabelWithDescription/MrlLabelWithDescription.js';
+export { MrlLegacySelect } from './components/form/legacy-select/index.js';
+export { MrlLegacySelectItem } from './components/form/legacy-select/MrlLegacySelectItem/MrlLegacySelectItem.js';
+export { MrlLegacySelectMenu } from './components/form/legacy-select/MrlLegacySelectMenu/MrlLegacySelectMenu.js';
+export { MrlLink } from './components/link/MrlLink/MrlLink.js';
+export { MrlLinkButton } from './components/link/MrlLinkButton/MrlLinkButton.js';
+export { MrlLiveRegion } from './components/live-region/MrlLiveRegion/MrlLiveRegion.js';
+export { MrlMain } from './components/layout/MrlMain/MrlMain.js';
+export { MrlMenu } from './components/menu/MrlMenu/MrlMenu.js';
+export { MrlMenuGroup } from './components/menu/MrlMenuGroup/MrlMenuGroup.js';
+export { MrlMenuItem } from './components/menu/MrlMenuItem/MrlMenuItem.js';
+export { MrlMenuItemLink } from './components/menu/MrlMenuItemLink/MrlMenuItemLink.js';
+export { MrlModal } from './components/modal/MrlModal/MrlModal.js';
+export { MrlModalContent } from './components/modal/MrlModalContent/MrlModalContent.js';
+export { MrlModalFooter } from './components/modal/MrlModalFooter/MrlModalFooter.js';
+export { MrlModalHeader } from './components/modal/MrlModalHeader/MrlModalHeader.js';
+export { MrlPage } from './components/layout/MrlPage/index.js';
+export { MrlPagination } from './components/pagination/MrlPagination/MrlPagination.js';
+export { MrlPaginationButton } from './components/pagination/MrlPaginationButton/MrlPaginationButton.js';
+export { MrlPaginationText } from './components/pagination/MrlPaginationText/MrlPaginationText.js';
+export { MrlPanel } from './components/panel/MrlPanel/MrlPanel.js';
+export { MrlPanelFooter } from './components/panel/MrlPanelFooter/MrlPanelFooter.js';
+export { MrlPanelStickyHeader } from './components/panel/MrlPanelStickyHeader/MrlPanelStickyHeader.js';
+export { MrlPopover } from './components/popover/MrlPopover/MrlPopover.js';
+export { MrlProgressBar } from './components/loader/MrlProgressBar/MrlProgressBar.js';
+export { MrlRadioButton } from './components/form/radio/MrlRadioButton/MrlRadioButton.js';
+export { MrlRadioButtonStandalone } from './components/form/radio/MrlRadioButtonStandalone/MrlRadioButtonStandalone.js';
+export { MrlRadioGroup } from './components/form/radio/MrlRadioGroup/MrlRadioGroup.js';
+export { MrlRovingTabindex, getTabbableElements } from './components/rovingTabindex/MrlRovingTabindex/MrlRovingTabindex.js';
+export { MrlRow } from './components/grid/MrlRow/MrlRow.js';
+export { MrlSelect, SELECT_CLASS_NAME_PREFIX, SELECT_MENU_LIST_CLASS_NAME } from './components/form/select/MrlSelect/MrlSelect.js';
+export { MrlSelectClearIndicator } from './components/form/select/components/MrlSelectClearIndicator.js';
+export { MrlSelectContainer } from './components/form/select/components/MrlSelectContainer.js';
+export { MrlSelectDropdownIndicator } from './components/form/select/components/MrlSelectDropdownIndicator.js';
+export { MrlSelectMultiValue } from './components/form/select/components/MrlSelectMultiValue.js';
+export { MrlSelectMultiValueRemove } from './components/form/select/components/MrlSelectMultiValueRemove.js';
+export { MrlSelectOption } from './components/form/select/components/MrlSelectOption.js';
+export { MrlSelectValueContainer } from './components/form/select/components/MrlSelectValueContainer.js';
+export { MrlSidebar } from './components/layout/MrlSidebar/MrlSidebar.js';
+export { MrlSidebarNavGroup } from './components/navigation-sidebar/MrlSidebarNavGroup/MrlSidebarNavGroup.js';
+export { MrlSidebarNavItem } from './components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.js';
+export { MrlSkeleton } from './components/skeleton/MrlSkeleton/MrlSkeleton.js';
+export { MrlSkeletonText } from './components/skeleton/MrlSkeletonText/MrlSkeletonText.js';
+export { MrlSmartTable } from './components/table/MrlSmartTable/MrlSmartTable.js';
+export { MrlSortDirection } from './components/table/constants.js';
+export { MrlSpinner } from './components/loader/MrlSpinner/MrlSpinner.js';
+export { MrlSvg } from './components/svg/MrlSvg/MrlSvg.js';
+export { MrlSvgAnimate } from './components/svg/MrlSvgAnimate/MrlSvgAnimate.js';
+export { MrlSwitch } from './components/form/switch/MrlSwitch/MrlSwitch.js';
+export { MrlSwitchStandalone } from './components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.js';
+export { MrlTab } from './components/tabs/MrlTab/MrlTab.js';
+export { MrlTabContent } from './components/tabs/MrlTabContent/MrlTabContent.js';
+export { MrlTabContext } from './contexts/MrlTabContext/MrlTabContext.js';
+export { MrlTabGroup } from './components/tabs/MrlTabGroup/MrlTabGroup.js';
+export { MrlTabLink } from './components/tabs/MrlTabLink/MrlTabLink.js';
+export { MrlTable } from './components/table/MrlTable/MrlTable.js';
+export { MrlTableBody } from './components/table/MrlTableBody/MrlTableBody.js';
+export { MrlTableCell } from './components/table/MrlTableCell/MrlTableCell.js';
+export { MrlTableColumn } from './components/table/MrlTableColumn/MrlTableColumn.js';
+export { MrlTableEmptyState } from './components/table/MrlTableEmptyState/MrlTableEmptyState.js';
+export { MrlTableHeader } from './components/table/MrlTableHeader/MrlTableHeader.js';
+export { MrlTableRow } from './components/table/MrlTableRow/MrlTableRow.js';
+export { MrlTabs, useMrlTabContext } from './components/tabs/MrlTabs/MrlTabs.js';
+export { MrlText } from './components/text/MrlText/MrlText.js';
+export { MrlTextHeading } from './components/text/MrlTextHeading/MrlTextHeading.js';
+export { MrlTextInput } from './components/form/text-input/MrlTextInput/MrlTextInput.js';
+export { MrlTextarea } from './components/form/textarea/MrlTextarea/MrlTextarea.js';
+export { MrlToast } from './components/notification/MrlToast/MrlToast.js';
+export { MrlToolbar } from './components/toolbar/MrlToolbar/MrlToolbar.js';
+export { MrlToolbarButton } from './components/toolbar/MrlToolbarButton/MrlToolbarButton.js';
+export { MrlToolbarItem } from './components/toolbar/MrlToolbarItem/MrlToolbarItem.js';
+export { MrlTooltip } from './components/tooltip/MrlTooltip/MrlTooltip.js';
+export { MrlTooltipDefaults, allowedMrlTooltipValues } from './components/tooltip/constants.js';
+export { MrlTopbar } from './components/layout/MrlTopbar/MrlTopbar.js';
+export { PORTAL_LAYERS, getCurrentPortalLayer } from './utils/layers/index.js';
+export { TransitionDuration, allowedValues, defaults } from './components/modal/constants.js';
+export { allowedAnimatedValues, allowedSvgValues, animatedDefaults, baseLottieConfig, svgDefaults } from './components/svg/constants.js';
+export { allowedCheckboxValues, allowedLabelValues, allowedSelectItemValues, allowedSelectMenuValues, allowedSelectValues, checkboxDefaults, fieldsetDefault, labelDefaults, selectDefaults, selectItemDefaults, selectMenuDefaults, textareaDefaults } from './components/form/constants.js';
+export { closeMenuOnScroll } from './components/form/select/utils/closeMenuOnScroll.js';
+export { findAdjacentInteractiveElement } from './utils/findAdjacentInteractiveElement/findAdjacentInteractiveElement.js';
+export { flipPosition } from './components/menu/utilities/flip-position.js';
+export { getCamelCase } from './utils/getCamelCase/getCamelCase.js';
+export { getDataPoint } from './components/popover/MrlPopover/utilities/get-data-point.js';
+export { getOffset } from './components/popover/MrlPopover/utilities/get-offset.js';
+export { getScrollableContainer } from './utils/getScrollableContainer/getScrollableContainer.js';
+export { getScrollableParent } from './components/menu/utilities/get-scrollable-parent.js';
+export { getUniqueId, setAttributes, setClasses } from './utils/setAttributes/setAttributes.js';
+export { hasHorizontalScroll } from './utils/hasHorizontalScroll/hasHorizontalScroll.js';
+export { hasScrollContent } from './utils/hasScrollContent/hasScrollContent.js';
+export { isElementAriaDisabled } from './utils/isElementAriaDisabled/isElementAriaDisabled.js';
+export { isElementScrollable } from './utils/isElementScrollable/index.js';
+export { isImagePath } from './utils/isImagePath/index.js';
+export { isImageUri } from './utils/isImageUri/index.js';
+export { isObject } from './utils/isObject/isObject.js';
+export { noop } from './utils/noop/index.js';
+export { preventDefault } from './utils/preventDefault/preventDefault.js';
+export { progressBarDefaults, spinnerDefaults } from './components/loader/constants.js';
+export { useBreakpoint } from './hooks/useBreakpoint/index.js';
+export { useCoordinate } from './hooks/useCoordinate/index.js';
+export { useElementDimensions } from './hooks/useElementDimensions/index.js';
+export { useHasFocusableDescendant } from './hooks/useHasFocusableDescendant/index.js';
+export { useScrollbarInfo } from './hooks/useScrollbarInfo/index.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/utils/checkInvalidAttributes/index.js

@@ -0,0 +1,23 @@
+var NOT_ALLOWED = ['class', 'className', 'style'];
+
+/**
+ * Checks attrs object for invalid properties and provides a warning
+ *
+ * @param {AttrsObject} attrs - attrs object from a component
+ */
+var checkInvalidAttributes = function checkInvalidAttributes(attrs) {
+  if (!attrs) return;
+  var isLocal = window.location.hostname === 'localhost' || window.location.hostname.includes('localhost');
+  if (isLocal) {
+    var found = Object.keys(attrs).filter(function (prop) {
+      return NOT_ALLOWED.includes(prop);
+    });
+    if (found.length > 0) {
+      var message = "UI Toolkit Warning: The following properties are not allowed in the attrs object: ".concat(found.join(', '), ". Please use the appropriate component prop instead.");
+      console.warn(message);
+    }
+  }
+};
+
+export { checkInvalidAttributes };
+//# sourceMappingURL=index.js.map

package/dist/esm/utils/checkInvalidAttributes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/utils/checkInvalidAttributes/index.ts"],"sourcesContent":["import { AttrsObject } from '../setAttributes';\n\nconst NOT_ALLOWED = ['class', 'className', 'style'];\n\n/**\n * Checks attrs object for invalid properties and provides a warning\n *\n * @param {AttrsObject} attrs - attrs object from a component\n */\nexport const checkInvalidAttributes = (attrs: AttrsObject | undefined): void => {\n\tif (!attrs) return;\n\n\tconst isLocal =\n\t\twindow.location.hostname === 'localhost' || window.location.hostname.includes('localhost');\n\n\tif (isLocal) {\n\t\tconst found = Object.keys(attrs).filter((prop) => NOT_ALLOWED.includes(prop));\n\n\t\tif (found.length > 0) {\n\t\t\tconst message = `UI Toolkit Warning: The following properties are not allowed in the attrs object: ${found.join(\n\t\t\t\t', '\n\t\t\t)}. Please use the appropriate component prop instead.`;\n\n\t\t\tconsole.warn(message);\n\t\t}\n\t}\n};\n"],"names":["NOT_ALLOWED","checkInvalidAttributes","attrs","isLocal","window","location","hostname","includes","found","Object","keys","filter","prop","length","message","concat","join","console","warn"],"mappings":"AAEA,IAAMA,WAAW,GAAG,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC;;AAEnD;AACA;AACA;AACA;AACA;IACaC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,KAA8B,EAAW;EAC/E,IAAI,CAACA,KAAK,EAAE;AAEZ,EAAA,IAAMC,OAAO,GACZC,MAAM,CAACC,QAAQ,CAACC,QAAQ,KAAK,WAAW,IAAIF,MAAM,CAACC,QAAQ,CAACC,QAAQ,CAACC,QAAQ,CAAC,WAAW,CAAC;AAE3F,EAAA,IAAIJ,OAAO,EAAE;AACZ,IAAA,IAAMK,KAAK,GAAGC,MAAM,CAACC,IAAI,CAACR,KAAK,CAAC,CAACS,MAAM,CAAC,UAACC,IAAI,EAAA;AAAA,MAAA,OAAKZ,WAAW,CAACO,QAAQ,CAACK,IAAI,CAAC;IAAA,CAAA,CAAC;AAE7E,IAAA,IAAIJ,KAAK,CAACK,MAAM,GAAG,CAAC,EAAE;MACrB,IAAMC,OAAO,GAAA,oFAAA,CAAAC,MAAA,CAAwFP,KAAK,CAACQ,IAAI,CAC9G,IACD,CAAC,EAAA,sDAAA,CAAsD;AAEvDC,MAAAA,OAAO,CAACC,IAAI,CAACJ,OAAO,CAAC;AACtB,IAAA;AACD,EAAA;AACD;;;;"}

package/dist/esm/utils/findAdjacentInteractiveElement/findAdjacentInteractiveElement.js

@@ -0,0 +1,29 @@
+/**
+ * Find the interactive element immediately before or after a reference element
+ *
+ * @param ref - The reference element
+ * @param direction - The direction to search in
+ * @returns The interactive element or null if none is found
+ */
+var findAdjacentInteractiveElement = function findAdjacentInteractiveElement(ref) {
+  var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'next';
+  if (!(ref !== null && ref !== void 0 && ref.current)) return null;
+  var interactiveElements = ['a[href]', 'button', 'input:not([type="hidden"])', 'select', 'textarea', '[tabindex]:not([tabindex="-1"])'];
+  var elements = Array.from(document.querySelectorAll(interactiveElements.join(',')));
+  var index = elements.indexOf(ref.current);
+
+  // we didn't find any elements, don't return anything
+  if (index === -1) return null;
+
+  // we found something! Let's return it based on the direction
+  // Check the direction, make sure we're not out of bounds, and boom, we have our element
+  if (direction === 'next' && index + 1 < elements.length) {
+    return elements[index + 1];
+  } else if (direction === 'previous' && index - 1 >= 0) {
+    return elements[index - 1];
+  }
+  return null;
+};
+
+export { findAdjacentInteractiveElement };
+//# sourceMappingURL=findAdjacentInteractiveElement.js.map

package/dist/esm/utils/findAdjacentInteractiveElement/findAdjacentInteractiveElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"findAdjacentInteractiveElement.js","sources":["../../../../src/utils/findAdjacentInteractiveElement/findAdjacentInteractiveElement.ts"],"sourcesContent":["/**\n * Find the interactive element immediately before or after a reference element\n *\n * @param ref - The reference element\n * @param direction - The direction to search in\n * @returns The interactive element or null if none is found\n */\nexport const findAdjacentInteractiveElement = (\n\tref: React.RefObject<HTMLElement> | undefined,\n\tdirection: 'next' | 'previous' = 'next'\n): HTMLElement | null => {\n\tif (!ref?.current) return null;\n\n\tconst interactiveElements = [\n\t\t'a[href]',\n\t\t'button',\n\t\t'input:not([type=\"hidden\"])',\n\t\t'select',\n\t\t'textarea',\n\t\t'[tabindex]:not([tabindex=\"-1\"])'\n\t];\n\n\tconst elements = Array.from(document.querySelectorAll(interactiveElements.join(',')));\n\tconst index = elements.indexOf(ref.current);\n\n\t// we didn't find any elements, don't return anything\n\tif (index === -1) return null;\n\n\t// we found something! Let's return it based on the direction\n\t// Check the direction, make sure we're not out of bounds, and boom, we have our element\n\tif (direction === 'next' && index + 1 < elements.length) {\n\t\treturn elements[index + 1] as HTMLElement;\n\t} else if (direction === 'previous' && index - 1 >= 0) {\n\t\treturn elements[index - 1] as HTMLElement;\n\t}\n\n\treturn null;\n};\n"],"names":["findAdjacentInteractiveElement","ref","direction","arguments","length","undefined","current","interactiveElements","elements","Array","from","document","querySelectorAll","join","index","indexOf"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,8BAA8B,GAAG,SAAjCA,8BAA8BA,CAC1CC,GAA6C,EAErB;AAAA,EAAA,IADxBC,SAA8B,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,MAAM;EAEvC,IAAI,EAACF,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,MAAA,IAAHA,GAAG,CAAEK,OAAO,CAAA,EAAE,OAAO,IAAI;AAE9B,EAAA,IAAMC,mBAAmB,GAAG,CAC3B,SAAS,EACT,QAAQ,EACR,4BAA4B,EAC5B,QAAQ,EACR,UAAU,EACV,iCAAiC,CACjC;AAED,EAAA,IAAMC,QAAQ,GAAGC,KAAK,CAACC,IAAI,CAACC,QAAQ,CAACC,gBAAgB,CAACL,mBAAmB,CAACM,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;EACrF,IAAMC,KAAK,GAAGN,QAAQ,CAACO,OAAO,CAACd,GAAG,CAACK,OAAO,CAAC;;AAE3C;AACA,EAAA,IAAIQ,KAAK,KAAK,EAAE,EAAE,OAAO,IAAI;;AAE7B;AACA;EACA,IAAIZ,SAAS,KAAK,MAAM,IAAIY,KAAK,GAAG,CAAC,GAAGN,QAAQ,CAACJ,MAAM,EAAE;AACxD,IAAA,OAAOI,QAAQ,CAACM,KAAK,GAAG,CAAC,CAAC;EAC3B,CAAC,MAAM,IAAIZ,SAAS,KAAK,UAAU,IAAIY,KAAK,GAAG,CAAC,IAAI,CAAC,EAAE;AACtD,IAAA,OAAON,QAAQ,CAACM,KAAK,GAAG,CAAC,CAAC;AAC3B,EAAA;AAEA,EAAA,OAAO,IAAI;AACZ;;;;"}

package/dist/esm/utils/frameDebounce/index.js

@@ -0,0 +1,40 @@
+import { createClass as _createClass, classCallCheck as _classCallCheck, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+
+/**
+ * @description Creates a wrapper for request animation frame that helps a little with performance this helps us only animate current frame reducing in jumps/tearing on slow devices.
+ */
+var FrameDebounce = /*#__PURE__*/_createClass(
+/**
+ * constructor FrameDebounce
+ */
+function FrameDebounce() {
+  var _this = this;
+  _classCallCheck(this, FrameDebounce);
+  _defineProperty(this, "frame", void 0);
+  /**
+   * debounce a callback wrapped in animation frame.
+   *
+   * @param callback callback to call after frame runs
+   */
+  _defineProperty(this, "debounce", function (callback) {
+    if (_this.frame) _this.cancel();
+
+    // only animate current frame near complete reduction in jumps/tearing on slow devices.
+    _this.frame = requestAnimationFrame(function () {
+      _this.frame = null;
+      callback === null || callback === void 0 ? void 0 : callback();
+    });
+  });
+  /**
+   * cancel our frame.
+   */
+  _defineProperty(this, "cancel", function () {
+    if (_this.frame) {
+      cancelAnimationFrame(_this.frame);
+    }
+  });
+  this.frame = null;
+});
+
+export { FrameDebounce };
+//# sourceMappingURL=index.js.map

package/dist/esm/utils/frameDebounce/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/utils/frameDebounce/index.ts"],"sourcesContent":["export interface FrameDebounceType {\n\tdebounce(callback: () => void): void;\n\tcancel(): void;\n}\n\n/**\n * @description Creates a wrapper for request animation frame that helps a little with performance this helps us only animate current frame reducing in jumps/tearing on slow devices.\n */\nexport const FrameDebounce = class FrameDebounce {\n\tframe: null | number;\n\n\t/**\n\t * constructor FrameDebounce\n\t */\n\tconstructor() {\n\t\tthis.frame = null;\n\t}\n\n\t/**\n\t * debounce a callback wrapped in animation frame.\n\t *\n\t * @param callback callback to call after frame runs\n\t */\n\tdebounce = (callback: () => void): void => {\n\t\tif (this.frame) this.cancel();\n\n\t\t// only animate current frame near complete reduction in jumps/tearing on slow devices.\n\t\tthis.frame = requestAnimationFrame(() => {\n\t\t\tthis.frame = null;\n\t\t\tcallback?.();\n\t\t});\n\t};\n\n\t/**\n\t * cancel our frame.\n\t */\n\tcancel = (): void => {\n\t\tif (this.frame) {\n\t\t\tcancelAnimationFrame(this.frame);\n\t\t}\n\t};\n};\n"],"names":["FrameDebounce","_createClass","_this","_classCallCheck","_defineProperty","callback","frame","cancel","requestAnimationFrame","cancelAnimationFrame"],"mappings":";;AAKA;AACA;AACA;AACO,IAAMA,aAAa,gBAAAC,YAAA;AAGzB;AACD;AACA;AACC,SAAAD,gBAAc;AAAA,EAAA,IAAAE,KAAA,GAAA,IAAA;AAAAC,EAAAA,eAAA,OAAAH,aAAA,CAAA;EAAAI,eAAA,CAAA,IAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAId;AACD;AACA;AACA;AACA;EAJCA,eAAA,CAAA,IAAA,EAAA,UAAA,EAKW,UAACC,QAAoB,EAAW;IAC1C,IAAIH,KAAI,CAACI,KAAK,EAAEJ,KAAI,CAACK,MAAM,EAAE;;AAE7B;AACAL,IAAAA,KAAI,CAACI,KAAK,GAAGE,qBAAqB,CAAC,YAAM;MACxCN,KAAI,CAACI,KAAK,GAAG,IAAI;AACjBD,MAAAA,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAAA,MAAA,GAAA,MAAA,GAARA,QAAQ,EAAI;AACb,IAAA,CAAC,CAAC;EACH,CAAC,CAAA;AAED;AACD;AACA;AAFCD,EAAAA,eAAA,iBAGS,YAAY;IACpB,IAAIF,KAAI,CAACI,KAAK,EAAE;AACfG,MAAAA,oBAAoB,CAACP,KAAI,CAACI,KAAK,CAAC;AACjC,IAAA;EACD,CAAC,CAAA;EAzBA,IAAI,CAACA,KAAK,GAAG,IAAI;AAClB,CAAC;;;;"}

package/dist/esm/utils/getCamelCase/getCamelCase.js

@@ -0,0 +1,19 @@
+/**
+ * Takes a string and returns a camelCase version of the string
+ *
+ * @param {string} str - a string to set to camelCase
+ * @returns {string} - a string with special characters spaces removed, where words after a space are Uppercase leading
+ */
+var getCamelCase = function getCamelCase(str) {
+  // remove special characters from the string
+  var noSpecialChars = str.trim().replace(/[-_]+/g, ' ').replace(/[`"',.;:?!@#$%^&*()~[\]{}|/\\<>]+/g, '');
+  return noSpecialChars.replace(/(?:^\w|[A-Z]|\b\w|\s+)/g, function (match, index) {
+    if (+match === 0) {
+      return "";
+    }
+    return index === 0 ? match.toLowerCase() : match.toUpperCase();
+  });
+};
+
+export { getCamelCase };
+//# sourceMappingURL=getCamelCase.js.map

package/dist/esm/utils/getCamelCase/getCamelCase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCamelCase.js","sources":["../../../../src/utils/getCamelCase/getCamelCase.ts"],"sourcesContent":["/**\n * Takes a string and returns a camelCase version of the string\n *\n * @param {string} str - a string to set to camelCase\n * @returns {string} - a string with special characters spaces removed, where words after a space are Uppercase leading\n */\nexport const getCamelCase = (str: string): string => {\n\t// remove special characters from the string\n\tconst noSpecialChars = str.trim()\n\t\t.replace(/[-_]+/g, ' ')\n\t\t.replace(/[`\"',.;:?!@#$%^&*()~[\\]{}|/\\\\<>]+/g, '');\n\n\treturn noSpecialChars.replace(/(?:^\\w|[A-Z]|\\b\\w|\\s+)/g, (match, index) => {\n\t\tif (+match === 0) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\treturn index === 0 ? match.toLowerCase() : match.toUpperCase();\n\t});\n};"],"names":["getCamelCase","str","noSpecialChars","trim","replace","match","index","toLowerCase","toUpperCase"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,GAAW,EAAa;AACpD;EACA,IAAMC,cAAc,GAAGD,GAAG,CAACE,IAAI,EAAE,CAC/BC,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,CACtBA,OAAO,CAAC,oCAAoC,EAAE,EAAE,CAAC;EAEnD,OAAOF,cAAc,CAACE,OAAO,CAAC,yBAAyB,EAAE,UAACC,KAAK,EAAEC,KAAK,EAAK;AAC1E,IAAA,IAAI,CAACD,KAAK,KAAK,CAAC,EAAE;AACjB,MAAA,OAAO,EAAE;AACV,IAAA;AAEA,IAAA,OAAOC,KAAK,KAAK,CAAC,GAAGD,KAAK,CAACE,WAAW,EAAE,GAAGF,KAAK,CAACG,WAAW,EAAE;AAC/D,EAAA,CAAC,CAAC;AACH;;;;"}