@eightshift/ui-components 1.3.2 → 1.4.1

package/dist/{Separator-CX64zwq8.js → Separator-C7Few7L6.js}

@@ -1,8 +1,8 @@
-import { c as $ae20dd8cbca75726$export$d6daf82dcd84e87c, d as $c5a24bc478652b5f$export$1005530eda016c13, e as $7135fc7d473fd974$export$aeba0b1fb3dcd8b8 } from "./SelectionManager-JxXmb3-k.js";
+import { i as $ae20dd8cbca75726$export$d6daf82dcd84e87c, k as $c5a24bc478652b5f$export$1005530eda016c13, d as $e1995378a142960e$export$18af5c7a9e9b3664 } from "./SelectionManager-CvRaua4m.js";
 import { $ as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "./isScrollable-Dh9D9IOd.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BG_1RnbC.js";
-import React__default, { useMemo, forwardRef, createContext } from "react";
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-DC-UMp1n.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-Bon2Gyx5.js";
+import React__default, { useMemo, createContext } from "react";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-B4IdLYb8.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
 let $325a3faab7a68acd$var$cache = /* @__PURE__ */ new Map();
 function $325a3faab7a68acd$export$a16aca283550c30d(options) {
@@ -13,6 +13,40 @@ function $325a3faab7a68acd$export$a16aca283550c30d(options) {
   $325a3faab7a68acd$var$cache.set(cacheKey, formatter);
   return formatter;
 }
+class $657e4dc4a6e88df0$export$8f5ed9ff9f511381 {
+  getItemRect(key) {
+    let container = this.ref.current;
+    let item = key != null ? container.querySelector(`[data-key="${CSS.escape(key.toString())}"]`) : null;
+    if (!item) return null;
+    let containerRect = container.getBoundingClientRect();
+    let itemRect = item.getBoundingClientRect();
+    return {
+      x: itemRect.left - containerRect.left + container.scrollLeft,
+      y: itemRect.top - containerRect.top + container.scrollTop,
+      width: itemRect.width,
+      height: itemRect.height
+    };
+  }
+  getContentSize() {
+    let container = this.ref.current;
+    return {
+      width: container.scrollWidth,
+      height: container.scrollHeight
+    };
+  }
+  getVisibleRect() {
+    let container = this.ref.current;
+    return {
+      x: container.scrollLeft,
+      y: container.scrollTop,
+      width: container.offsetWidth,
+      height: container.offsetHeight
+    };
+  }
+  constructor(ref) {
+    this.ref = ref;
+  }
+}
 class $2a25aae57d74318e$export$a05409b8bb224a5a {
   isDisabled(item) {
     var _item_props;
@@ -37,20 +71,20 @@ class $2a25aae57d74318e$export$a05409b8bb224a5a {
     return null;
   }
   findKey(key, nextKey, shouldSkip) {
-    let item = this.getItem(key);
-    if (!item) return null;
-    let prevRect = item.getBoundingClientRect();
+    let itemRect = this.layoutDelegate.getItemRect(key);
+    if (!itemRect) return null;
+    let prevRect = itemRect;
     do {
       key = nextKey(key);
-      item = this.getItem(key);
-    } while (item && shouldSkip(prevRect, item.getBoundingClientRect()));
+      itemRect = this.layoutDelegate.getItemRect(key);
+    } while (itemRect && shouldSkip(prevRect, itemRect));
     return key;
   }
   isSameRow(prevRect, itemRect) {
-    return prevRect.top === itemRect.top || prevRect.left !== itemRect.left;
+    return prevRect.y === itemRect.y || prevRect.x !== itemRect.x;
   }
   isSameColumn(prevRect, itemRect) {
-    return prevRect.left === itemRect.left || prevRect.top !== itemRect.top;
+    return prevRect.x === itemRect.x || prevRect.y !== itemRect.y;
   }
   getKeyBelow(key) {
     if (this.layout === "grid" && this.orientation === "vertical") return this.findKey(key, (key2) => this.getNextKey(key2), this.isSameRow);
@@ -95,57 +129,42 @@ class $2a25aae57d74318e$export$a05409b8bb224a5a {
     }
     return null;
   }
-  getItem(key) {
-    return key !== null ? this.ref.current.querySelector(`[data-key="${CSS.escape(key.toString())}"]`) : null;
-  }
   getKeyPageAbove(key) {
     let menu = this.ref.current;
-    let item = this.getItem(key);
-    if (!item) return null;
+    let itemRect = this.layoutDelegate.getItemRect(key);
+    if (!itemRect) return null;
     if (!$cc38e7bd3fc7b213$export$2bb74740c4e19def(menu)) return this.getFirstKey();
-    let containerRect = menu.getBoundingClientRect();
-    let itemRect = item.getBoundingClientRect();
     if (this.orientation === "horizontal") {
-      let containerX = containerRect.x - menu.scrollLeft;
-      let pageX = Math.max(0, itemRect.x - containerX + itemRect.width - containerRect.width);
-      while (item && itemRect.x - containerX > pageX) {
+      let pageX = Math.max(0, itemRect.x + itemRect.width - this.layoutDelegate.getVisibleRect().width);
+      while (itemRect && itemRect.x > pageX) {
         key = this.getKeyAbove(key);
-        item = key == null ? null : this.getItem(key);
-        itemRect = item === null || item === void 0 ? void 0 : item.getBoundingClientRect();
+        itemRect = key == null ? null : this.layoutDelegate.getItemRect(key);
       }
     } else {
-      let containerY = containerRect.y - menu.scrollTop;
-      let pageY = Math.max(0, itemRect.y - containerY + itemRect.height - containerRect.height);
-      while (item && itemRect.y - containerY > pageY) {
+      let pageY = Math.max(0, itemRect.y + itemRect.height - this.layoutDelegate.getVisibleRect().height);
+      while (itemRect && itemRect.y > pageY) {
         key = this.getKeyAbove(key);
-        item = key == null ? null : this.getItem(key);
-        itemRect = item === null || item === void 0 ? void 0 : item.getBoundingClientRect();
+        itemRect = key == null ? null : this.layoutDelegate.getItemRect(key);
       }
     }
     return key !== null && key !== void 0 ? key : this.getFirstKey();
   }
   getKeyPageBelow(key) {
     let menu = this.ref.current;
-    let item = this.getItem(key);
-    if (!item) return null;
+    let itemRect = this.layoutDelegate.getItemRect(key);
+    if (!itemRect) return null;
     if (!$cc38e7bd3fc7b213$export$2bb74740c4e19def(menu)) return this.getLastKey();
-    let containerRect = menu.getBoundingClientRect();
-    let itemRect = item.getBoundingClientRect();
     if (this.orientation === "horizontal") {
-      let containerX = containerRect.x - menu.scrollLeft;
-      let pageX = Math.min(menu.scrollWidth, itemRect.x - containerX - itemRect.width + containerRect.width);
-      while (item && itemRect.x - containerX < pageX) {
+      let pageX = Math.min(this.layoutDelegate.getContentSize().width, itemRect.y - itemRect.width + this.layoutDelegate.getVisibleRect().width);
+      while (itemRect && itemRect.x < pageX) {
         key = this.getKeyBelow(key);
-        item = key == null ? null : this.getItem(key);
-        itemRect = item === null || item === void 0 ? void 0 : item.getBoundingClientRect();
+        itemRect = key == null ? null : this.layoutDelegate.getItemRect(key);
       }
     } else {
-      let containerY = containerRect.y - menu.scrollTop;
-      let pageY = Math.min(menu.scrollHeight, itemRect.y - containerY - itemRect.height + containerRect.height);
-      while (item && itemRect.y - containerY < pageY) {
+      let pageY = Math.min(this.layoutDelegate.getContentSize().height, itemRect.y - itemRect.height + this.layoutDelegate.getVisibleRect().height);
+      while (itemRect && itemRect.y < pageY) {
         key = this.getKeyBelow(key);
-        item = key == null ? null : this.getItem(key);
-        itemRect = item === null || item === void 0 ? void 0 : item.getBoundingClientRect();
+        itemRect = key == null ? null : this.layoutDelegate.getItemRect(key);
       }
     }
     return key !== null && key !== void 0 ? key : this.getLastKey();
@@ -170,9 +189,10 @@ class $2a25aae57d74318e$export$a05409b8bb224a5a {
       this.collator = opts.collator;
       this.disabledKeys = opts.disabledKeys || /* @__PURE__ */ new Set();
       this.disabledBehavior = opts.disabledBehavior || "all";
-      this.orientation = opts.orientation;
+      this.orientation = opts.orientation || "vertical";
       this.direction = opts.direction;
       this.layout = opts.layout || "stack";
+      this.layoutDelegate = opts.layoutDelegate || new $657e4dc4a6e88df0$export$8f5ed9ff9f511381(opts.ref);
     } else {
       this.collection = args[0];
       this.disabledKeys = args[1];
@@ -181,6 +201,7 @@ class $2a25aae57d74318e$export$a05409b8bb224a5a {
       this.layout = "stack";
       this.orientation = "vertical";
       this.disabledBehavior = "all";
+      this.layoutDelegate = new $657e4dc4a6e88df0$export$8f5ed9ff9f511381(this.ref);
     }
     if (this.layout === "stack" && this.orientation === "vertical") {
       this.getKeyLeftOf = void 0;
@@ -189,7 +210,7 @@ class $2a25aae57d74318e$export$a05409b8bb224a5a {
   }
 }
 function $982254629710d113$export$b95089534ab7c1fd(props) {
-  let { selectionManager, collection, disabledKeys, ref, keyboardDelegate } = props;
+  let { selectionManager, collection, disabledKeys, ref, keyboardDelegate, layoutDelegate } = props;
   let collator = $325a3faab7a68acd$export$a16aca283550c30d({
     usage: "search",
     sensitivity: "base"
@@ -200,9 +221,11 @@ function $982254629710d113$export$b95089534ab7c1fd(props) {
     disabledKeys,
     disabledBehavior,
     ref,
-    collator
+    collator,
+    layoutDelegate
   }), [
     keyboardDelegate,
+    layoutDelegate,
     collection,
     disabledKeys,
     ref,
@@ -250,20 +273,17 @@ function $f4b273590fab9f93$export$52210f68a14655d0(props) {
   };
 }
 const $72a5793c14baf454$export$e0e4026c12a8bdbb = /* @__PURE__ */ createContext({});
-function $72a5793c14baf454$var$Header(originalProps, originalRef) {
-  let [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(originalProps, originalRef, $72a5793c14baf454$export$e0e4026c12a8bdbb);
-  let shallow = $7135fc7d473fd974$export$aeba0b1fb3dcd8b8("header", originalProps, originalRef);
-  if (shallow) return shallow;
+const $72a5793c14baf454$export$8b251419efc915eb = /* @__PURE__ */ $e1995378a142960e$export$18af5c7a9e9b3664("header", function Header(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $72a5793c14baf454$export$e0e4026c12a8bdbb);
   return /* @__PURE__ */ React__default.createElement("header", {
     className: "react-aria-Header",
     ...props,
     ref
   }, props.children);
-}
-const $72a5793c14baf454$export$8b251419efc915eb = /* @__PURE__ */ forwardRef($72a5793c14baf454$var$Header);
+});
 const $431f98aba6844401$export$6615d83f6de245ce = /* @__PURE__ */ createContext({});
-function $431f98aba6844401$var$Separator(originalProps, originalRef) {
-  let [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(originalProps, originalRef, $431f98aba6844401$export$6615d83f6de245ce);
+const $431f98aba6844401$export$1ff3c3f08ae963c0 = /* @__PURE__ */ $e1995378a142960e$export$18af5c7a9e9b3664("separator", function Separator(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $431f98aba6844401$export$6615d83f6de245ce);
   let { elementType, orientation, style, className } = props;
   let Element = elementType || "hr";
   if (Element === "hr" && orientation === "vertical") Element = "div";
@@ -271,8 +291,6 @@ function $431f98aba6844401$var$Separator(originalProps, originalRef) {
     elementType,
     orientation
   });
-  let shallow = $7135fc7d473fd974$export$aeba0b1fb3dcd8b8("separator", originalProps, originalRef);
-  if (shallow) return shallow;
   return /* @__PURE__ */ React__default.createElement(Element, {
     ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props),
     ...separatorProps,
@@ -281,14 +299,14 @@ function $431f98aba6844401$var$Separator(originalProps, originalRef) {
     ref,
     slot: props.slot || void 0
   });
-}
-const $431f98aba6844401$export$1ff3c3f08ae963c0 = /* @__PURE__ */ forwardRef($431f98aba6844401$var$Separator);
+});
 export {
   $982254629710d113$export$b95089534ab7c1fd as $,
-  $2a25aae57d74318e$export$a05409b8bb224a5a as a,
-  $453cc9f0df89c0a5$export$77d5aafae4e095b2 as b,
-  $431f98aba6844401$export$1ff3c3f08ae963c0 as c,
+  $453cc9f0df89c0a5$export$77d5aafae4e095b2 as a,
+  $325a3faab7a68acd$export$a16aca283550c30d as b,
+  $2a25aae57d74318e$export$a05409b8bb224a5a as c,
   $431f98aba6844401$export$6615d83f6de245ce as d,
-  $72a5793c14baf454$export$8b251419efc915eb as e,
-  $325a3faab7a68acd$export$a16aca283550c30d as f
+  $72a5793c14baf454$export$e0e4026c12a8bdbb as e,
+  $72a5793c14baf454$export$8b251419efc915eb as f,
+  $431f98aba6844401$export$1ff3c3f08ae963c0 as g
 };

package/dist/{Slider-Clme2C36.js → Slider-D8a63VhT.js}

@@ -1,17 +1,17 @@
-import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "./utils-DC-UMp1n.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-BXvY41yE.js";
+import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, c as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, b as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "./utils-B4IdLYb8.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-yZgqvhXc.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
 import React__default, { useRef, useMemo, useCallback, useEffect, useState, createContext, forwardRef, useContext } from "react";
-import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-DVZRQXk3.js";
-import { i as $507fabe10e71c6fb$export$8397ddfc504fdb9a, m as $7215afc6de606d6b$export$de79e2c695e052f3, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-DGZ4R5fj.js";
+import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-BEeBSV-N.js";
+import { i as $507fabe10e71c6fb$export$8397ddfc504fdb9a, m as $7215afc6de606d6b$export$de79e2c695e052f3, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-PMGZgZ9-.js";
 import { $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4, a as $9446cca9a3875146$export$cb6e0bb50bc19463 } from "./number-CHmNj-oR.js";
-import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $14c0b72509d70225$export$b0d6fa1ab32e3295, b as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-BLyBtNe2.js";
-import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-6NqYraET.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BG_1RnbC.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-DJMtIgSL.js";
-import { a as $46d819fcbaf35654$export$8f71654801c2f7cd, $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-CQZyQp4q.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Dg5Y_10S.js";
-import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-BZPezMV5.js";
+import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $14c0b72509d70225$export$b0d6fa1ab32e3295, b as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-DS7-670U.js";
+import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-DuJhImKc.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-Bon2Gyx5.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BCPbwfnH.js";
+import { a as $46d819fcbaf35654$export$8f71654801c2f7cd, $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-BFKHuYS9.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-DsxEaA2J.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-DD480kAb.js";
 function $e8a7022cf87cba2a$export$36da96379f79f245(props) {
   let { onMoveStart, onMove, onMoveEnd } = props;
   let state = useRef({
@@ -782,10 +782,12 @@ function $6f909507e6374d18$var$SliderTrack(props, ref) {
 }
 const $6f909507e6374d18$export$105594979f116971 = /* @__PURE__ */ forwardRef($6f909507e6374d18$var$SliderTrack);
 function $6f909507e6374d18$var$SliderThumb(props, ref) {
+  let { inputRef: userInputRef = null } = props;
   let state = useContext($6f909507e6374d18$export$1e7083018727fa60);
   let { ref: trackRef } = $64fa3d84918910a7$export$fabf2dc03a41866e($6f909507e6374d18$export$f1fce0420cc6d8ee);
   let { index = 0 } = props;
-  let inputRef = useRef(null);
+  let defaultInputRef = useRef(null);
+  let inputRef = userInputRef || defaultInputRef;
   let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8();
   let { thumbProps, inputProps, labelProps, isDragging, isFocused, isDisabled } = $47b897dc8cdb026b$export$8d15029008292ae({
     ...props,

package/dist/{Text-qjognpzK.js → Text-D8qh3_U7.js}

@@ -1,4 +1,4 @@
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-DC-UMp1n.js";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-B4IdLYb8.js";
 import React__default, { forwardRef, createContext } from "react";
 const $514c0188e459b4c0$export$9afb8bc826b033ea = /* @__PURE__ */ createContext({});
 function $514c0188e459b4c0$var$Text(props, ref) {

package/dist/{VisuallyHidden-BZPezMV5.js → VisuallyHidden-DD480kAb.js}

@@ -1,6 +1,6 @@
-import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-DC-UMp1n.js";
+import { c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-B4IdLYb8.js";
 import React__default, { useState, useMemo } from "react";
-import { d as $9ab94262bd0047c7$export$420e68273165f4ec } from "./focusSafely-DGZ4R5fj.js";
+import { d as $9ab94262bd0047c7$export$420e68273165f4ec } from "./focusSafely-PMGZgZ9-.js";
 const $5c3e21d68f1c4674$var$styles = {
   border: 0,
   clip: "rect(0 0 0 0)",

package/dist/_commonjsHelpers-CUmg6egw.js

@@ -0,0 +1,6 @@
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+export {
+  getDefaultExportFromCjs as g
+};

package/dist/{ariaHideOutside-BZ5z6iCD.js → ariaHideOutside-BzxkODNq.js}

@@ -1,10 +1,3 @@
-import { $ as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "./isScrollable-Dh9D9IOd.js";
-function $62d8ded9296f3872$export$cfa2225e87938781(node, checkForOverflow) {
-  let scrollableNode = node;
-  if ($cc38e7bd3fc7b213$export$2bb74740c4e19def(scrollableNode, checkForOverflow)) scrollableNode = scrollableNode.parentElement;
-  while (scrollableNode && !$cc38e7bd3fc7b213$export$2bb74740c4e19def(scrollableNode, checkForOverflow)) scrollableNode = scrollableNode.parentElement;
-  return scrollableNode || document.scrollingElement || document.documentElement;
-}
 let $5e3802645cc19319$var$refCountMap = /* @__PURE__ */ new WeakMap();
 let $5e3802645cc19319$var$observerStack = [];
 function $5e3802645cc19319$export$1c3ebcada18427bf(targets, root = document.body) {
@@ -92,6 +85,5 @@ function $5e3802645cc19319$export$1c3ebcada18427bf(targets, root = document.body
   };
 }
 export {
-  $5e3802645cc19319$export$1c3ebcada18427bf as $,
-  $62d8ded9296f3872$export$cfa2225e87938781 as a
+  $5e3802645cc19319$export$1c3ebcada18427bf as $
 };