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

package/dist/cjs/components/tooltip/utils.js

@@ -0,0 +1,21 @@
+'use strict';
+
+/**
+ * Currying function to combine handlers from the parent and child components
+ *
+ * @template T - The type of the event handlers.
+ * @param {T | undefined} ogFunc - The original event handler. This parameter can be undefined.
+ * @param {T} newFunc - The new event handler.
+ * @returns {T} A function that, when invoked, calls both the original event handler (if it exists) and the new event handler.
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var curryHandlers = function curryHandlers(ogFunc, newFunc) {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  return function () {
+    if (ogFunc) ogFunc.apply(void 0, arguments);
+    newFunc.apply(void 0, arguments);
+  };
+};
+
+exports.curryHandlers = curryHandlers;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/components/tooltip/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/tooltip/utils.ts"],"sourcesContent":["/**\n * Currying function to combine handlers from the parent and child components\n *\n * @template T - The type of the event handlers.\n * @param {T | undefined} ogFunc - The original event handler. This parameter can be undefined.\n * @param {T} newFunc - The new event handler.\n * @returns {T} A function that, when invoked, calls both the original event handler (if it exists) and the new event handler.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const curryHandlers = <T extends (...args: any[]) => void>(\n\togFunc: T | undefined,\n\tnewFunc: T\n): T => {\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\treturn ((...args: any[]) => {\n\t\tif (ogFunc) ogFunc(...args);\n\t\tnewFunc(...args);\n\t}) as T;\n};\n"],"names":["curryHandlers","ogFunc","newFunc","apply","arguments"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CACzBC,MAAqB,EACrBC,OAAU,EACH;AACP;AACA,EAAA,OAAQ,YAAoB;AAC3B,IAAA,IAAID,MAAM,EAAEA,MAAM,CAAAE,KAAA,CAAA,MAAA,EAAAC,SAAQ,CAAC;AAC3BF,IAAAA,OAAO,CAAAC,KAAA,CAAA,MAAA,EAAAC,SAAQ,CAAC;EACjB,CAAC;AACF;;;;"}

package/dist/cjs/contexts/MrlTabContext/MrlTabContext.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var React = require('react');
+var index = require('../../utils/noop/index.js');
+
+var initialContext = {
+  activeTab: '',
+  setActiveTab: index.noop
+};
+var MrlTabContext = /*#__PURE__*/React.createContext(initialContext);
+
+exports.MrlTabContext = MrlTabContext;
+//# sourceMappingURL=MrlTabContext.js.map

package/dist/cjs/contexts/MrlTabContext/MrlTabContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlTabContext.js","sources":["../../../../src/contexts/MrlTabContext/MrlTabContext.tsx"],"sourcesContent":["import { Dispatch, SetStateAction, createContext } from 'react';\nimport { noop } from '../../utils';\n\nexport type MrlTabContextProps = {\n\tactiveTab: string;\n\tsetActiveTab: Dispatch<SetStateAction<string>>;\n};\n\nconst initialContext: MrlTabContextProps = {\n\tactiveTab: '',\n\tsetActiveTab: noop\n};\n\nexport const MrlTabContext = createContext<MrlTabContextProps>(initialContext);\n"],"names":["initialContext","activeTab","setActiveTab","noop","MrlTabContext","createContext"],"mappings":";;;;;AAQA,IAAMA,cAAkC,GAAG;AAC1CC,EAAAA,SAAS,EAAE,EAAE;AACbC,EAAAA,YAAY,EAAEC;AACf,CAAC;IAEYC,aAAa,gBAAGC,mBAAa,CAAqBL,cAAc;;;;"}

package/dist/cjs/hooks/useAutoClose/useAutoClose.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+/**
+ * Hook that exposes a piece of state that allows components to close themselves after a delay
+ *
+ * @param shouldAutoClose - When false prevents automated close (e.g. can be used to prevent auto-dismissal of interactive elements, an accessibility anti-pattern)
+ * @param closeAfterMs - Delay in milliseconds before the component closes
+ * @param onClose - Callback to be called when component closes
+ * @returns [closed, setClosed] - a boolean tracking closed state, and a setter for that same state
+ */
+var useAutoClose = function useAutoClose() {
+  var shouldAutoClose = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  var closeAfterMs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3000;
+  var onClose = arguments.length > 2 ? arguments[2] : undefined;
+  var _React$useState = React__namespace.useState(false),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    closed = _React$useState2[0],
+    setClosed = _React$useState2[1];
+  var currentTimeout = React__namespace.useRef(null);
+  React__namespace.useEffect(function () {
+    // Reset current timeout when component mounts or when notification changes
+    if (currentTimeout.current) {
+      resetTimeout();
+    }
+
+    // Allowing autoClose when there are interactive elements in the toast is an anti-pattern
+    // and should be avoided. If autoClose is set to true and interactive elements exist, the
+    // toast will not close automatically.
+    if (shouldAutoClose) {
+      setClosed(false);
+      currentTimeout.current = setTimeout(function () {
+        setClosed(true);
+
+        // Handle onClose after the timeout is elapsed
+        if (onClose) onClose();
+      }, closeAfterMs);
+    }
+    return function () {
+      // Clear timeout when component unmounts
+      resetTimeout();
+    };
+  }, [shouldAutoClose, closeAfterMs, onClose]);
+
+  /** Resets the current timeout and `closed` to its initial value */
+  var resetTimeout = function resetTimeout() {
+    if (currentTimeout.current !== null) {
+      clearTimeout(currentTimeout.current);
+    }
+    setClosed(false);
+  };
+  return [closed, setClosed];
+};
+
+exports.useAutoClose = useAutoClose;
+//# sourceMappingURL=useAutoClose.js.map

package/dist/cjs/hooks/useAutoClose/useAutoClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoClose.js","sources":["../../../../src/hooks/useAutoClose/useAutoClose.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type useAutoClose = (\n\tshouldAutoClose?: boolean,\n\tcloseAfterMs?: number,\n\tonClose?: () => unknown\n) => [boolean, React.Dispatch<React.SetStateAction<boolean>>];\n\n/**\n * Hook that exposes a piece of state that allows components to close themselves after a delay\n *\n * @param shouldAutoClose - When false prevents automated close (e.g. can be used to prevent auto-dismissal of interactive elements, an accessibility anti-pattern)\n * @param closeAfterMs - Delay in milliseconds before the component closes\n * @param onClose - Callback to be called when component closes\n * @returns [closed, setClosed] - a boolean tracking closed state, and a setter for that same state\n */\nexport const useAutoClose: useAutoClose = function (\n\tshouldAutoClose = true,\n\tcloseAfterMs = 3000,\n\tonClose\n) {\n\tconst [closed, setClosed] = React.useState<boolean>(false);\n\tconst currentTimeout = React.useRef<NodeJS.Timeout | null>(null);\n\n\tReact.useEffect(() => {\n\t\t// Reset current timeout when component mounts or when notification changes\n\t\tif (currentTimeout.current) {\n\t\t\tresetTimeout();\n\t\t}\n\n\t\t// Allowing autoClose when there are interactive elements in the toast is an anti-pattern\n\t\t// and should be avoided. If autoClose is set to true and interactive elements exist, the\n\t\t// toast will not close automatically.\n\t\tif (shouldAutoClose) {\n\t\t\tsetClosed(false);\n\n\t\t\tcurrentTimeout.current = setTimeout(() => {\n\t\t\t\tsetClosed(true);\n\n\t\t\t\t// Handle onClose after the timeout is elapsed\n\t\t\t\tif (onClose) onClose();\n\t\t\t}, closeAfterMs);\n\t\t}\n\n\t\treturn () => {\n\t\t\t// Clear timeout when component unmounts\n\t\t\tresetTimeout();\n\t\t};\n\t}, [shouldAutoClose, closeAfterMs, onClose]);\n\n\t/** Resets the current timeout and `closed` to its initial value */\n\tconst resetTimeout = (): void => {\n\t\tif (currentTimeout.current !== null) {\n\t\t\tclearTimeout(currentTimeout.current);\n\t\t}\n\t\tsetClosed(false);\n\t};\n\n\treturn [closed, setClosed];\n};\n"],"names":["useAutoClose","shouldAutoClose","arguments","length","undefined","closeAfterMs","onClose","_React$useState","React","useState","_React$useState2","_slicedToArray","closed","setClosed","currentTimeout","useRef","useEffect","current","resetTimeout","setTimeout","clearTimeout"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,YAA0B,GAAG,SAA7BA,YAA0BA,GAIrC;AAAA,EAAA,IAHDC,eAAe,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI;AAAA,EAAA,IACtBG,YAAY,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI;EAAA,IACnBI,OAAO,GAAAJ,SAAA,CAAAC,MAAA,GAAA,CAAA,GAAAD,SAAA,MAAAE,SAAA;AAEP,EAAA,IAAAG,eAAA,GAA4BC,gBAAK,CAACC,QAAQ,CAAU,KAAK,CAAC;IAAAC,gBAAA,GAAAC,uCAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAnDK,IAAAA,MAAM,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,SAAS,GAAAH,gBAAA,CAAA,CAAA,CAAA;AACxB,EAAA,IAAMI,cAAc,GAAGN,gBAAK,CAACO,MAAM,CAAwB,IAAI,CAAC;EAEhEP,gBAAK,CAACQ,SAAS,CAAC,YAAM;AACrB;IACA,IAAIF,cAAc,CAACG,OAAO,EAAE;AAC3BC,MAAAA,YAAY,EAAE;AACf,IAAA;;AAEA;AACA;AACA;AACA,IAAA,IAAIjB,eAAe,EAAE;MACpBY,SAAS,CAAC,KAAK,CAAC;AAEhBC,MAAAA,cAAc,CAACG,OAAO,GAAGE,UAAU,CAAC,YAAM;QACzCN,SAAS,CAAC,IAAI,CAAC;;AAEf;AACA,QAAA,IAAIP,OAAO,EAAEA,OAAO,EAAE;MACvB,CAAC,EAAED,YAAY,CAAC;AACjB,IAAA;AAEA,IAAA,OAAO,YAAM;AACZ;AACAa,MAAAA,YAAY,EAAE;IACf,CAAC;EACF,CAAC,EAAE,CAACjB,eAAe,EAAEI,YAAY,EAAEC,OAAO,CAAC,CAAC;;AAE5C;AACA,EAAA,IAAMY,YAAY,GAAG,SAAfA,YAAYA,GAAe;AAChC,IAAA,IAAIJ,cAAc,CAACG,OAAO,KAAK,IAAI,EAAE;AACpCG,MAAAA,YAAY,CAACN,cAAc,CAACG,OAAO,CAAC;AACrC,IAAA;IACAJ,SAAS,CAAC,KAAK,CAAC;EACjB,CAAC;AAED,EAAA,OAAO,CAACD,MAAM,EAAEC,SAAS,CAAC;AAC3B;;;;"}

package/dist/cjs/hooks/useBreakpoint/index.js

@@ -0,0 +1,73 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index = require('../../utils/frameDebounce/index.js');
+
+var gridBreakpoints = {
+  xs: 0,
+  sm: 600,
+  md: 834,
+  lg: 1024,
+  xl: 1280,
+  xxl: 1440
+};
+
+/**
+ * Gets a breakpoint based on the width
+ *
+ * @param width - The width to determine the breakpoint
+ * @returns {keyof Breakpoints} - the current breakpoint
+ */
+function getBreakpoint(width) {
+  var currentBreakpoint = 'xs';
+  for (var breakpoint in gridBreakpoints) {
+    if (width >= gridBreakpoints[breakpoint]) {
+      currentBreakpoint = breakpoint;
+    }
+  }
+  return currentBreakpoint;
+}
+
+/**
+ * React Hook to return the current breakpoint
+ *
+ * @returns {keyof Breakpoints} - the current breakpoint
+ */
+var useBreakpoint = function useBreakpoint() {
+  var initialBreakpoint = getBreakpoint(window.innerWidth);
+  var _useState = React.useState(initialBreakpoint),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    currentBreakpoint = _useState2[0],
+    setCurrentBreakpoint = _useState2[1];
+
+  //create a single ref for us to store a FrameDebounce.
+  var resizeObserverRef = React.useRef();
+  if (!resizeObserverRef.current) {
+    resizeObserverRef.current = {
+      instance: new index.FrameDebounce()
+    };
+  }
+  React.useLayoutEffect(function () {
+    // setup event listeners
+    var handleResize = function handleResize() {
+      var _resizeObserverRef$cu;
+      resizeObserverRef === null || resizeObserverRef === void 0 ? void 0 : (_resizeObserverRef$cu = resizeObserverRef.current) === null || _resizeObserverRef$cu === void 0 ? void 0 : _resizeObserverRef$cu.instance.debounce(function () {
+        var breakpoint = getBreakpoint(window.innerWidth);
+        setCurrentBreakpoint(breakpoint);
+      });
+    };
+    window.addEventListener('resize', handleResize);
+
+    // clean it up
+    return function () {
+      var _resizeObserverRef$cu2;
+      window.removeEventListener('resize', handleResize);
+      resizeObserverRef === null || resizeObserverRef === void 0 ? void 0 : (_resizeObserverRef$cu2 = resizeObserverRef.current) === null || _resizeObserverRef$cu2 === void 0 ? void 0 : _resizeObserverRef$cu2.instance.cancel();
+    };
+  }, []);
+  return currentBreakpoint;
+};
+
+exports.useBreakpoint = useBreakpoint;
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/useBreakpoint/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useBreakpoint/index.ts"],"sourcesContent":["/* eslint-disable sort-keys */\nimport { useState, useRef, useLayoutEffect } from 'react';\nimport { FrameDebounce, FrameDebounceType } from '../../utils/frameDebounce';\n\ntype Breakpoints = {\n\txs: number;\n\tsm: number;\n\tmd: number;\n\tlg: number;\n\txl: number;\n\txxl: number;\n};\n\nconst gridBreakpoints: Breakpoints = {\n\txs: 0,\n\tsm: 600,\n\tmd: 834,\n\tlg: 1024,\n\txl: 1280,\n\txxl: 1440\n};\n\n/**\n * Gets a breakpoint based on the width\n *\n * @param width - The width to determine the breakpoint\n * @returns {keyof Breakpoints} - the current breakpoint\n */\nfunction getBreakpoint(width: number): keyof Breakpoints {\n\tlet currentBreakpoint: keyof Breakpoints = 'xs';\n\n\tfor (const breakpoint in gridBreakpoints) {\n\t\tif (width >= gridBreakpoints[breakpoint as keyof Breakpoints]) {\n\t\t\tcurrentBreakpoint = breakpoint as keyof Breakpoints;\n\t\t}\n\t}\n\n\treturn currentBreakpoint;\n}\n\n/**\n * React Hook to return the current breakpoint\n *\n * @returns {keyof Breakpoints} - the current breakpoint\n */\nexport const useBreakpoint = (): keyof Breakpoints => {\n\tconst initialBreakpoint = getBreakpoint(window.innerWidth);\n\tconst [currentBreakpoint, setCurrentBreakpoint] = useState<keyof Breakpoints>(initialBreakpoint);\n\n\t//create a single ref for us to store a FrameDebounce.\n\tconst resizeObserverRef = useRef<{\n\t\tinstance: FrameDebounceType;\n\t}>();\n\n\tif (!resizeObserverRef.current) {\n\t\tresizeObserverRef.current = {\n\t\t\tinstance: new FrameDebounce()\n\t\t};\n\t}\n\n\tuseLayoutEffect(() => {\n\t\t// setup event listeners\n\t\tconst handleResize = () => {\n\t\t\tresizeObserverRef?.current?.instance.debounce(() => {\n\t\t\t\tconst breakpoint = getBreakpoint(window.innerWidth);\n\t\t\t\tsetCurrentBreakpoint(breakpoint);\n\t\t\t});\n\t\t};\n\n\t\twindow.addEventListener('resize', handleResize);\n\n\t\t// clean it up\n\t\treturn () => {\n\t\t\twindow.removeEventListener('resize', handleResize);\n\t\t\tresizeObserverRef?.current?.instance.cancel();\n\t\t};\n\t}, []);\n\n\treturn currentBreakpoint;\n};\n\nexport default useBreakpoint;\n"],"names":["gridBreakpoints","xs","sm","md","lg","xl","xxl","getBreakpoint","width","currentBreakpoint","breakpoint","useBreakpoint","initialBreakpoint","window","innerWidth","_useState","useState","_useState2","_slicedToArray","setCurrentBreakpoint","resizeObserverRef","useRef","current","instance","FrameDebounce","useLayoutEffect","handleResize","_resizeObserverRef$cu","debounce","addEventListener","_resizeObserverRef$cu2","removeEventListener","cancel"],"mappings":";;;;;;AAaA,IAAMA,eAA4B,GAAG;AACpCC,EAAAA,EAAE,EAAE,CAAC;AACLC,EAAAA,EAAE,EAAE,GAAG;AACPC,EAAAA,EAAE,EAAE,GAAG;AACPC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,GAAG,EAAE;AACN,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,aAAaA,CAACC,KAAa,EAAqB;EACxD,IAAIC,iBAAoC,GAAG,IAAI;AAE/C,EAAA,KAAK,IAAMC,UAAU,IAAIV,eAAe,EAAE;AACzC,IAAA,IAAIQ,KAAK,IAAIR,eAAe,CAACU,UAAU,CAAsB,EAAE;AAC9DD,MAAAA,iBAAiB,GAAGC,UAA+B;AACpD,IAAA;AACD,EAAA;AAEA,EAAA,OAAOD,iBAAiB;AACzB;;AAEA;AACA;AACA;AACA;AACA;IACaE,aAAa,GAAG,SAAhBA,aAAaA,GAA4B;AACrD,EAAA,IAAMC,iBAAiB,GAAGL,aAAa,CAACM,MAAM,CAACC,UAAU,CAAC;AAC1D,EAAA,IAAAC,SAAA,GAAkDC,cAAQ,CAAoBJ,iBAAiB,CAAC;IAAAK,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAzFN,IAAAA,iBAAiB,GAAAQ,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,oBAAoB,GAAAF,UAAA,CAAA,CAAA,CAAA;;AAE9C;AACA,EAAA,IAAMG,iBAAiB,GAAGC,YAAM,EAE5B;AAEJ,EAAA,IAAI,CAACD,iBAAiB,CAACE,OAAO,EAAE;IAC/BF,iBAAiB,CAACE,OAAO,GAAG;MAC3BC,QAAQ,EAAE,IAAIC,mBAAa;KAC3B;AACF,EAAA;AAEAC,EAAAA,qBAAe,CAAC,YAAM;AACrB;AACA,IAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,GAAS;AAAA,MAAA,IAAAC,qBAAA;AAC1BP,MAAAA,iBAAiB,aAAjBA,iBAAiB,KAAA,MAAA,GAAA,MAAA,GAAA,CAAAO,qBAAA,GAAjBP,iBAAiB,CAAEE,OAAO,MAAA,IAAA,IAAAK,qBAAA,uBAA1BA,qBAAA,CAA4BJ,QAAQ,CAACK,QAAQ,CAAC,YAAM;AACnD,QAAA,IAAMlB,UAAU,GAAGH,aAAa,CAACM,MAAM,CAACC,UAAU,CAAC;QACnDK,oBAAoB,CAACT,UAAU,CAAC;AACjC,MAAA,CAAC,CAAC;IACH,CAAC;AAEDG,IAAAA,MAAM,CAACgB,gBAAgB,CAAC,QAAQ,EAAEH,YAAY,CAAC;;AAE/C;AACA,IAAA,OAAO,YAAM;AAAA,MAAA,IAAAI,sBAAA;AACZjB,MAAAA,MAAM,CAACkB,mBAAmB,CAAC,QAAQ,EAAEL,YAAY,CAAC;AAClDN,MAAAA,iBAAiB,aAAjBA,iBAAiB,KAAA,MAAA,GAAA,MAAA,GAAA,CAAAU,sBAAA,GAAjBV,iBAAiB,CAAEE,OAAO,MAAA,IAAA,IAAAQ,sBAAA,uBAA1BA,sBAAA,CAA4BP,QAAQ,CAACS,MAAM,EAAE;IAC9C,CAAC;EACF,CAAC,EAAE,EAAE,CAAC;AAEN,EAAA,OAAOvB,iBAAiB;AACzB;;;;"}

package/dist/cjs/hooks/useClickOutside/index.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var React = require('react');
+
+/**
+ * Hook to detect clicks outside of a given DOM element, with an optional exclusion for selectors.
+ *
+ * @param menuRef - Reference to the DOM element to detect outside clicks for.
+ * @param triggerRef - Reference to the DOM element that caused this menu to be shown.
+ * @param eventType - Event type to listen for.
+ * @param onOutsideClick - Function to call when a click is detected outside the menuRef element.
+ * @param disabled - If the hook should be disabled.
+ * @param excludeSelectors - Optional array of CSS selectors to exclude from the outside click detection.
+ */
+var useClickOutside = function useClickOutside(menuRef, triggerRef) {
+  var eventType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'mousedown';
+  var onOutsideClick = arguments.length > 3 ? arguments[3] : undefined;
+  var disabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var excludeSelectors = arguments.length > 5 ? arguments[5] : undefined;
+  React.useEffect(function () {
+    var handleClickOutside = function handleClickOutside(event) {
+      var _excludeSelectors$som;
+      var menuElement = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current;
+      var triggerElement = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current;
+      var target = event.target;
+      var isClickMenu = menuElement && menuElement.contains(target);
+      var isClickTrigger = triggerElement && triggerElement.contains(target);
+
+      /**
+       * Check if the event target is within any of the excluded selectors from
+       * the whitelist. If it is, do not call the onOutsideClick function.
+       */
+      var isExcluded = (_excludeSelectors$som = excludeSelectors === null || excludeSelectors === void 0 ? void 0 : excludeSelectors.some(function (selector) {
+        var _event$target;
+        return (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.closest(selector);
+      })) !== null && _excludeSelectors$som !== void 0 ? _excludeSelectors$som : false;
+      if (!disabled && !isClickMenu && !isClickTrigger && !isExcluded) {
+        onOutsideClick();
+      }
+    };
+    document.body.addEventListener(eventType, handleClickOutside);
+    return function () {
+      document.body.removeEventListener(eventType, handleClickOutside);
+    };
+  }, [menuRef, triggerRef, onOutsideClick, disabled, eventType, excludeSelectors]);
+};
+
+exports.useClickOutside = useClickOutside;
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/useClickOutside/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useClickOutside/index.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Hook to detect clicks outside of a given DOM element, with an optional exclusion for selectors.\n *\n * @param menuRef - Reference to the DOM element to detect outside clicks for.\n * @param triggerRef - Reference to the DOM element that caused this menu to be shown.\n * @param eventType - Event type to listen for.\n * @param onOutsideClick - Function to call when a click is detected outside the menuRef element.\n * @param disabled - If the hook should be disabled.\n * @param excludeSelectors - Optional array of CSS selectors to exclude from the outside click detection.\n */\nexport const useClickOutside = (\n\tmenuRef: React.RefObject<HTMLElement>,\n\ttriggerRef: React.RefObject<HTMLElement> | undefined,\n\teventType: 'mousedown' | 'mouseup' | 'click' = 'mousedown',\n\tonOutsideClick: () => void,\n\tdisabled = false,\n\texcludeSelectors?: string[]\n): void => {\n\tuseEffect(() => {\n\t\tconst handleClickOutside = (event: MouseEvent) => {\n\t\t\tconst menuElement = menuRef?.current;\n\t\t\tconst triggerElement = triggerRef?.current;\n\t\t\tconst target = event.target as Node;\n\n\t\t\tconst isClickMenu = menuElement && menuElement.contains(target);\n\t\t\tconst isClickTrigger = triggerElement && triggerElement.contains(target);\n\n\t\t\t/**\n\t\t\t * Check if the event target is within any of the excluded selectors from\n\t\t\t * the whitelist. If it is, do not call the onOutsideClick function.\n\t\t\t */\n\t\t\tconst isExcluded =\n\t\t\t\texcludeSelectors?.some((selector) => (event.target as HTMLElement)?.closest(selector)) ??\n\t\t\t\tfalse;\n\n\t\t\tif (!disabled && !isClickMenu && !isClickTrigger && !isExcluded) {\n\t\t\t\tonOutsideClick();\n\t\t\t}\n\t\t};\n\n\t\tdocument.body.addEventListener(eventType, handleClickOutside);\n\n\t\treturn () => {\n\t\t\tdocument.body.removeEventListener(eventType, handleClickOutside);\n\t\t};\n\t}, [\nmenuRef,\ntriggerRef,\nonOutsideClick,\ndisabled,\neventType,\nexcludeSelectors\n]);\n};\n"],"names":["useClickOutside","menuRef","triggerRef","eventType","arguments","length","undefined","onOutsideClick","disabled","excludeSelectors","useEffect","handleClickOutside","event","_excludeSelectors$som","menuElement","current","triggerElement","target","isClickMenu","contains","isClickTrigger","isExcluded","some","selector","_event$target","closest","document","body","addEventListener","removeEventListener"],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAC3BC,OAAqC,EACrCC,UAAoD,EAK1C;AAAA,EAAA,IAJVC,SAA4C,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,WAAW;EAAA,IAC1DG,cAA0B,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,GAAAD,SAAA,MAAAE,SAAA;AAAA,EAAA,IAC1BE,QAAQ,GAAAJ,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,KAAK;EAAA,IAChBK,gBAA2B,GAAAL,SAAA,CAAAC,MAAA,GAAA,CAAA,GAAAD,SAAA,MAAAE,SAAA;AAE3BI,EAAAA,eAAS,CAAC,YAAM;AACf,IAAA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAiB,EAAK;AAAA,MAAA,IAAAC,qBAAA;MACjD,IAAMC,WAAW,GAAGb,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,MAAA,GAAA,MAAA,GAAPA,OAAO,CAAEc,OAAO;MACpC,IAAMC,cAAc,GAAGd,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,MAAA,GAAA,MAAA,GAAVA,UAAU,CAAEa,OAAO;AAC1C,MAAA,IAAME,MAAM,GAAGL,KAAK,CAACK,MAAc;MAEnC,IAAMC,WAAW,GAAGJ,WAAW,IAAIA,WAAW,CAACK,QAAQ,CAACF,MAAM,CAAC;MAC/D,IAAMG,cAAc,GAAGJ,cAAc,IAAIA,cAAc,CAACG,QAAQ,CAACF,MAAM,CAAC;;AAExE;AACH;AACA;AACA;AACG,MAAA,IAAMI,UAAU,GAAA,CAAAR,qBAAA,GACfJ,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAA,MAAA,GAAA,MAAA,GAAhBA,gBAAgB,CAAEa,IAAI,CAAC,UAACC,QAAQ,EAAA;AAAA,QAAA,IAAAC,aAAA;AAAA,QAAA,OAAA,CAAAA,aAAA,GAAMZ,KAAK,CAACK,MAAM,MAAA,IAAA,IAAAO,aAAA,KAAA,MAAA,GAAA,MAAA,GAAbA,aAAA,CAA+BC,OAAO,CAACF,QAAQ,CAAC;AAAA,MAAA,CAAA,CAAC,MAAA,IAAA,IAAAV,qBAAA,KAAA,MAAA,GAAAA,qBAAA,GACtF,KAAK;MAEN,IAAI,CAACL,QAAQ,IAAI,CAACU,WAAW,IAAI,CAACE,cAAc,IAAI,CAACC,UAAU,EAAE;AAChEd,QAAAA,cAAc,EAAE;AACjB,MAAA;IACD,CAAC;IAEDmB,QAAQ,CAACC,IAAI,CAACC,gBAAgB,CAACzB,SAAS,EAAEQ,kBAAkB,CAAC;AAE7D,IAAA,OAAO,YAAM;MACZe,QAAQ,CAACC,IAAI,CAACE,mBAAmB,CAAC1B,SAAS,EAAEQ,kBAAkB,CAAC;IACjE,CAAC;AACF,EAAA,CAAC,EAAE,CACJV,OAAO,EACPC,UAAU,EACVK,cAAc,EACdC,QAAQ,EACRL,SAAS,EACTM,gBAAgB,CACf,CAAC;AACF;;;;"}

package/dist/cjs/hooks/useCoordinate/index.js

@@ -0,0 +1,137 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index = require('../../utils/frameDebounce/index.js');
+
+/**
+ * get coordinates of an element relative to window and listen for changes.
+ *
+ * @param element element of type T
+ * @param disabledScrollTracking boolean to disable scroll tracking.
+ * @param openState boolean to track if the element's open state changed.
+ * @returns coordinate object of element.
+ */
+var useCoordinate = function useCoordinate(element) {
+  var disabledScrollTracking = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var openState = arguments.length > 2 ? arguments[2] : undefined;
+  var _useState = React.useState({
+      bottom: 0,
+      height: 0,
+      left: 0,
+      right: 0,
+      top: 0,
+      width: 0,
+      x: 0,
+      y: 0
+    }),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    coordinate = _useState2[0],
+    setCoordinate = _useState2[1];
+  //create a single ref for us to store a FrameDebounce.
+  var intersectionObserverRef = React.useRef();
+  var _useState3 = React.useState(null),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    scrollContainer = _useState4[0],
+    setScrollContainer = _useState4[1];
+
+  //getBoundingClientRect() causes a reflow plus other perf issues.
+  // its actually cheaper for the browser to fire intersection observers as we need.
+  var observer = React.useMemo(function () {
+    return new IntersectionObserver(function (entries) {
+      var _iterator = _rollupPluginBabelHelpers.createForOfIteratorHelper(entries),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var entry = _step.value;
+          // The `entry.boundingClientRect` is where all the dimensions are stored
+          var bounds = entry.boundingClientRect.toJSON();
+          var offsetBounds = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, bounds), {}, {
+            left: bounds.left + window.scrollX,
+            top: bounds.top + window.scrollY
+          });
+          setCoordinate(offsetBounds);
+        }
+
+        // Disconnect the observer to stop from running in the background
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      observer.disconnect();
+    });
+  }, []);
+  var observeElementAndUpdateCoordinates = React.useCallback(function () {
+    var _intersectionObserver;
+    if (!element) {
+      return;
+    }
+    intersectionObserverRef === null || intersectionObserverRef === void 0 ? void 0 : (_intersectionObserver = intersectionObserverRef.current) === null || _intersectionObserver === void 0 ? void 0 : _intersectionObserver.instance.debounce(function () {
+      observer.observe(element);
+    });
+  }, [element, observer]);
+  React.useLayoutEffect(function () {
+    if (!element) {
+      return;
+    }
+
+    /**
+     * This block of code detects if the element is within a scrolling container so we can provide more exact calculations
+     * in the event that the element's position needs to be recalculated relative to the container's new scroll position.
+     *
+     * If we detect that the element is within a scrolling container, we store a reference to the scrollable element. That way
+     * we can assign event listeners to the scroll element so that we can recalculate the elements position based on the
+     * scroll value.
+     */
+    if (!disabledScrollTracking) {
+      var elementParent = element.parentElement;
+      while (elementParent && scrollContainer === null) {
+        var style = window.getComputedStyle(elementParent);
+        var overflowY = style.getPropertyValue('overflow-y');
+        if (overflowY === 'auto' || overflowY === 'scroll') {
+          setScrollContainer(elementParent);
+          break;
+        }
+        if (elementParent.tagName === 'BODY') {
+          break;
+        }
+        elementParent = elementParent.parentElement;
+      }
+    }
+
+    // observe real quick to setup initial state.
+    observer.observe(element);
+    if (!intersectionObserverRef.current) {
+      intersectionObserverRef.current = {
+        instance: new index.FrameDebounce()
+      };
+    }
+    window.addEventListener('resize', observeElementAndUpdateCoordinates);
+    if (scrollContainer) scrollContainer.addEventListener('scroll', observeElementAndUpdateCoordinates);
+    return function () {
+      var _intersectionObserver2;
+      intersectionObserverRef === null || intersectionObserverRef === void 0 ? void 0 : (_intersectionObserver2 = intersectionObserverRef.current) === null || _intersectionObserver2 === void 0 ? void 0 : _intersectionObserver2.instance.cancel();
+      window.removeEventListener('resize', observeElementAndUpdateCoordinates);
+      if (scrollContainer) scrollContainer.removeEventListener('scroll', observeElementAndUpdateCoordinates);
+    };
+  }, [element, observer, scrollContainer, disabledScrollTracking, openState, observeElementAndUpdateCoordinates]);
+
+  // This effect is responsible for observing the scroll container for changes in size.
+  React.useLayoutEffect(function () {
+    if (!scrollContainer) {
+      return;
+    }
+    var resizeObserver = new ResizeObserver(function () {
+      observeElementAndUpdateCoordinates();
+    });
+    resizeObserver.observe(scrollContainer);
+    return function () {
+      resizeObserver.disconnect();
+    };
+  }, [element, observeElementAndUpdateCoordinates, scrollContainer]);
+  return coordinate;
+};
+
+exports.useCoordinate = useCoordinate;
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/useCoordinate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useCoordinate/index.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState, useMemo, useCallback } from 'react';\nimport { FrameDebounce, FrameDebounceType } from '../../utils/frameDebounce';\n\n/**\n * get coordinates of an element relative to window and listen for changes.\n *\n * @param element element of type T\n * @param disabledScrollTracking boolean to disable scroll tracking.\n * @param openState boolean to track if the element's open state changed.\n * @returns coordinate object of element.\n */\nexport const useCoordinate = function useCoordinate<T extends HTMLElement | null>(\n\telement: T,\n\tdisabledScrollTracking = false,\n\topenState: boolean\n): {\n\tbottom: number;\n\theight: number;\n\tleft: number;\n\tright: number;\n\ttop: number;\n\twidth: number;\n\tx: number;\n\ty: number;\n} {\n\tconst [coordinate, setCoordinate] = useState({\n\t\tbottom: 0,\n\t\theight: 0,\n\t\tleft: 0,\n\t\tright: 0,\n\t\ttop: 0,\n\t\twidth: 0,\n\t\tx: 0,\n\t\ty: 0\n\t});\n\t//create a single ref for us to store a FrameDebounce.\n\tconst intersectionObserverRef = useRef<{\n\t\tinstance: FrameDebounceType;\n\t}>();\n\n\tconst [scrollContainer, setScrollContainer] = useState<HTMLElement | null>(null);\n\n\t//getBoundingClientRect() causes a reflow plus other perf issues.\n\t// its actually cheaper for the browser to fire intersection observers as we need.\n\tconst observer = useMemo(() => {\n\t\treturn new IntersectionObserver((entries) => {\n\t\t\tfor (const entry of entries) {\n\t\t\t\t// The `entry.boundingClientRect` is where all the dimensions are stored\n\t\t\t\tconst bounds = entry.boundingClientRect.toJSON();\n\n\t\t\t\tconst offsetBounds = {\n\t\t\t\t\t...bounds,\n\t\t\t\t\tleft: bounds.left + window.scrollX,\n\t\t\t\t\ttop: bounds.top + window.scrollY\n\t\t\t\t};\n\n\t\t\t\tsetCoordinate(offsetBounds);\n\t\t\t}\n\n\t\t\t// Disconnect the observer to stop from running in the background\n\t\t\tobserver.disconnect();\n\t\t});\n\t}, []);\n\n\tconst observeElementAndUpdateCoordinates = useCallback(() => {\n\t\tif (!element) {\n\t\t\treturn;\n\t\t}\n\t\tintersectionObserverRef?.current?.instance.debounce(() => {\n\t\t\tobserver.observe(element);\n\t\t});\n\t}, [element, observer]);\n\n\tuseLayoutEffect(() => {\n\t\tif (!element) {\n\t\t\treturn;\n\t\t}\n\n\t\t/**\n\t\t * This block of code detects if the element is within a scrolling container so we can provide more exact calculations\n\t\t * in the event that the element's position needs to be recalculated relative to the container's new scroll position.\n\t\t *\n\t\t * If we detect that the element is within a scrolling container, we store a reference to the scrollable element. That way\n\t\t * we can assign event listeners to the scroll element so that we can recalculate the elements position based on the\n\t\t * scroll value.\n\t\t */\n\t\tif (!disabledScrollTracking) {\n\t\t\tlet elementParent = element.parentElement;\n\n\t\t\twhile (elementParent && scrollContainer === null) {\n\t\t\t\tconst style = window.getComputedStyle(elementParent);\n\t\t\t\tconst overflowY = style.getPropertyValue('overflow-y');\n\n\t\t\t\tif (overflowY === 'auto' || overflowY === 'scroll') {\n\t\t\t\t\tsetScrollContainer(elementParent);\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tif (elementParent.tagName === 'BODY') {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\telementParent = elementParent.parentElement;\n\t\t\t}\n\t\t}\n\n\t\t// observe real quick to setup initial state.\n\t\tobserver.observe(element);\n\n\t\tif (!intersectionObserverRef.current) {\n\t\t\tintersectionObserverRef.current = {\n\t\t\t\tinstance: new FrameDebounce()\n\t\t\t};\n\t\t}\n\n\t\twindow.addEventListener('resize', observeElementAndUpdateCoordinates);\n\t\tif (scrollContainer)\n\t\t\tscrollContainer.addEventListener('scroll', observeElementAndUpdateCoordinates);\n\n\t\treturn () => {\n\t\t\tintersectionObserverRef?.current?.instance.cancel();\n\n\t\t\twindow.removeEventListener('resize', observeElementAndUpdateCoordinates);\n\t\t\tif (scrollContainer)\n\t\t\t\tscrollContainer.removeEventListener('scroll', observeElementAndUpdateCoordinates);\n\t\t};\n\t}, [\n\t\telement,\n\t\tobserver,\n\t\tscrollContainer,\n\t\tdisabledScrollTracking,\n\t\topenState,\n\t\tobserveElementAndUpdateCoordinates\n\t]);\n\n\t// This effect is responsible for observing the scroll container for changes in size.\n\tuseLayoutEffect(() => {\n\t\tif (!scrollContainer) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst resizeObserver = new ResizeObserver(() => {\n\t\t\tobserveElementAndUpdateCoordinates();\n\t\t});\n\n\t\tresizeObserver.observe(scrollContainer);\n\n\t\treturn () => {\n\t\t\tresizeObserver.disconnect();\n\t\t};\n\t}, [element, observeElementAndUpdateCoordinates, scrollContainer]);\n\n\treturn coordinate;\n};\n"],"names":["useCoordinate","element","disabledScrollTracking","arguments","length","undefined","openState","_useState","useState","bottom","height","left","right","top","width","x","y","_useState2","_slicedToArray","coordinate","setCoordinate","intersectionObserverRef","useRef","_useState3","_useState4","scrollContainer","setScrollContainer","observer","useMemo","IntersectionObserver","entries","_iterator","_createForOfIteratorHelper","_step","s","n","done","entry","value","bounds","boundingClientRect","toJSON","offsetBounds","_objectSpread","window","scrollX","scrollY","err","e","f","disconnect","observeElementAndUpdateCoordinates","useCallback","_intersectionObserver","current","instance","debounce","observe","useLayoutEffect","elementParent","parentElement","style","getComputedStyle","overflowY","getPropertyValue","tagName","FrameDebounce","addEventListener","_intersectionObserver2","cancel","removeEventListener","resizeObserver","ResizeObserver"],"mappings":"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"}

package/dist/cjs/hooks/useElementDimensions/index.js

@@ -0,0 +1,85 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+/**
+ * Represents the dimensions of an element's border box.
+ */
+
+/**
+ * Calculates the dimensions of an element using the ResizeObserver API.
+ *
+ * @template T - The type of the element or HTMLElement.
+ * @param ref - The ref object that references the element.
+ * @returns {ElementDimensions} - The dimensions of the element.
+ */
+function useElementDimensions(ref) {
+  var _React$useState = React__namespace.useState(function () {
+      return {
+        height: null,
+        width: null
+      };
+    }),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    dimensions = _React$useState2[0],
+    setDimensions = _React$useState2[1];
+  React__namespace.useEffect(function () {
+    if (!ref.current) return;
+    var expectedWidths = new WeakMap();
+    var expectedHeights = new WeakMap();
+    var observer = new ResizeObserver(function (entries) {
+      requestAnimationFrame(function () {
+        var _iterator = _rollupPluginBabelHelpers.createForOfIteratorHelper(entries),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var entry = _step.value;
+            var expectedWidth = expectedWidths.get(entry.target);
+            var expectedHeight = expectedHeights.get(entry.target);
+            if (entry.borderBoxSize[0].inlineSize === expectedWidth && entry.borderBoxSize[0].blockSize === expectedHeight) continue;
+            expectedWidths.set(entry.target, entry.borderBoxSize[0].inlineSize);
+            expectedHeights.set(entry.target, entry.borderBoxSize[0].blockSize);
+            setDimensions({
+              height: entry.borderBoxSize[0].blockSize,
+              width: entry.borderBoxSize[0].inlineSize
+            });
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      });
+    });
+    observer.observe(ref.current);
+    return function () {
+      return observer.disconnect();
+    };
+    // ref won't trigger a re-render, so it's safe to exclude it from the dependencies array
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return dimensions;
+}
+
+exports.useElementDimensions = useElementDimensions;
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/useElementDimensions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useElementDimensions/index.ts"],"sourcesContent":["import * as React from 'react';\n\n/**\n * Represents the dimensions of an element's border box.\n */\nexport type ElementDimensions = {\n\theight: number | null;\n\twidth: number | null;\n};\n\n/**\n * Calculates the dimensions of an element using the ResizeObserver API.\n *\n * @template T - The type of the element or HTMLElement.\n * @param ref - The ref object that references the element.\n * @returns {ElementDimensions} - The dimensions of the element.\n */\nexport function useElementDimensions<T>(\n\tref: React.RefObject<T extends HTMLElement ? T : HTMLElement>\n): ElementDimensions {\n\tconst [dimensions, setDimensions] = React.useState<ElementDimensions>(() => ({\n\t\theight: null,\n\t\twidth: null\n\t}));\n\n\tReact.useEffect(() => {\n\t\tif(!ref.current) return;\n\n\t\tconst expectedWidths = new WeakMap();\n\t\tconst expectedHeights = new WeakMap();\n\n\t\tconst observer = new ResizeObserver((entries) => {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tfor (const entry of entries) {\n\t\t\t\t\tconst expectedWidth = expectedWidths.get(entry.target);\n\t\t\t\t\tconst expectedHeight = expectedHeights.get(entry.target);\n\t\t\t\t\tif(entry.borderBoxSize[0].inlineSize === expectedWidth &&\n\t\t\t\t\t\tentry.borderBoxSize[0].blockSize === expectedHeight) continue;\n\t\t\t\t\t\n\t\t\t\t\texpectedWidths.set(entry.target, entry.borderBoxSize[0].inlineSize);\n\t\t\t\t\texpectedHeights.set(entry.target, entry.borderBoxSize[0].blockSize);\n\t\t\t\t\tsetDimensions({\n\t\t\t\t\t\theight: entry.borderBoxSize[0].blockSize, \n\t\t\t\t\t\twidth: entry.borderBoxSize[0].inlineSize\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\tobserver.observe(ref.current);\n\n\t\treturn () => observer.disconnect();\n\t// ref won't trigger a re-render, so it's safe to exclude it from the dependencies array\n\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n  \n\treturn dimensions;\n}\n"],"names":["useElementDimensions","ref","_React$useState","React","useState","height","width","_React$useState2","_slicedToArray","dimensions","setDimensions","useEffect","current","expectedWidths","WeakMap","expectedHeights","observer","ResizeObserver","entries","requestAnimationFrame","_iterator","_createForOfIteratorHelper","_step","s","n","done","entry","value","expectedWidth","get","target","expectedHeight","borderBoxSize","inlineSize","blockSize","set","err","e","f","observe","disconnect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,oBAAoBA,CACnCC,GAA6D,EACzC;AACpB,EAAA,IAAAC,eAAA,GAAoCC,gBAAK,CAACC,QAAQ,CAAoB,YAAA;MAAA,OAAO;AAC5EC,QAAAA,MAAM,EAAE,IAAI;AACZC,QAAAA,KAAK,EAAE;OACP;AAAA,IAAA,CAAC,CAAC;IAAAC,gBAAA,GAAAC,uCAAA,CAAAN,eAAA,EAAA,CAAA,CAAA;AAHIO,IAAAA,UAAU,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,aAAa,GAAAH,gBAAA,CAAA,CAAA,CAAA;EAKhCJ,gBAAK,CAACQ,SAAS,CAAC,YAAM;AACrB,IAAA,IAAG,CAACV,GAAG,CAACW,OAAO,EAAE;AAEjB,IAAA,IAAMC,cAAc,GAAG,IAAIC,OAAO,EAAE;AACpC,IAAA,IAAMC,eAAe,GAAG,IAAID,OAAO,EAAE;AAErC,IAAA,IAAME,QAAQ,GAAG,IAAIC,cAAc,CAAC,UAACC,OAAO,EAAK;AAChDC,MAAAA,qBAAqB,CAAC,YAAM;AAAA,QAAA,IAAAC,SAAA,GAAAC,mDAAA,CACPH,OAAO,CAAA;UAAAI,KAAA;AAAA,QAAA,IAAA;UAA3B,KAAAF,SAAA,CAAAG,CAAA,EAAA,EAAA,CAAA,CAAAD,KAAA,GAAAF,SAAA,CAAAI,CAAA,EAAA,EAAAC,IAAA,GAA6B;AAAA,YAAA,IAAlBC,KAAK,GAAAJ,KAAA,CAAAK,KAAA;YACf,IAAMC,aAAa,GAAGf,cAAc,CAACgB,GAAG,CAACH,KAAK,CAACI,MAAM,CAAC;YACtD,IAAMC,cAAc,GAAGhB,eAAe,CAACc,GAAG,CAACH,KAAK,CAACI,MAAM,CAAC;YACxD,IAAGJ,KAAK,CAACM,aAAa,CAAC,CAAC,CAAC,CAACC,UAAU,KAAKL,aAAa,IACrDF,KAAK,CAACM,aAAa,CAAC,CAAC,CAAC,CAACE,SAAS,KAAKH,cAAc,EAAE;AAEtDlB,YAAAA,cAAc,CAACsB,GAAG,CAACT,KAAK,CAACI,MAAM,EAAEJ,KAAK,CAACM,aAAa,CAAC,CAAC,CAAC,CAACC,UAAU,CAAC;AACnElB,YAAAA,eAAe,CAACoB,GAAG,CAACT,KAAK,CAACI,MAAM,EAAEJ,KAAK,CAACM,aAAa,CAAC,CAAC,CAAC,CAACE,SAAS,CAAC;AACnExB,YAAAA,aAAa,CAAC;cACbL,MAAM,EAAEqB,KAAK,CAACM,aAAa,CAAC,CAAC,CAAC,CAACE,SAAS;AACxC5B,cAAAA,KAAK,EAAEoB,KAAK,CAACM,aAAa,CAAC,CAAC,CAAC,CAACC;AAC/B,aAAC,CAAC;AACH,UAAA;AAAC,QAAA,CAAA,CAAA,OAAAG,GAAA,EAAA;UAAAhB,SAAA,CAAAiB,CAAA,CAAAD,GAAA,CAAA;AAAA,QAAA,CAAA,SAAA;AAAAhB,UAAAA,SAAA,CAAAkB,CAAA,EAAA;AAAA,QAAA;AACF,MAAA,CAAC,CAAC;AACH,IAAA,CAAC,CAAC;AAEFtB,IAAAA,QAAQ,CAACuB,OAAO,CAACtC,GAAG,CAACW,OAAO,CAAC;IAE7B,OAAO,YAAA;AAAA,MAAA,OAAMI,QAAQ,CAACwB,UAAU,EAAE;AAAA,IAAA,CAAA;AACnC;AACA;EACA,CAAC,EAAE,EAAE,CAAC;AAEN,EAAA,OAAO/B,UAAU;AAClB;;;;"}

package/dist/cjs/hooks/useHasFocusableDescendant/index.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index = require('../../utils/trapFocus/index.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+/**
+ * Tracks whether the subtree of the given ref contains at least one element
+ * that participates in sequential focus navigation.
+ *
+ * Used by scrollable wrapper components (`MrlPanel`, `MrlModalContent`) to
+ * decide whether the wrapper itself needs `tabindex="0"`. Per ACT rule
+ * 0ssw9k (https://www.w3.org/WAI/standards-guidelines/act/rules/0ssw9k/) a
+ * scrollable region passes WCAG 2.1.1 Keyboard either by being focusable
+ * itself or by having a focusable descendant. When focusable descendants
+ * already exist, adding `tabindex="0"` to the wrapper produces a
+ * "meaningless tab stop" finding from manual auditors.
+ *
+ * The default return value is `true` so that, on the very first render
+ * (before the layout effect has measured the DOM), components err on the
+ * side of NOT adding a tab stop. The MutationObserver flips it to `false`
+ * synchronously inside the layout effect if the wrapper is genuinely
+ * empty of focusable descendants.
+ *
+ * @param {React.RefObject<HTMLElement | null>} ref - Ref pointing at the container whose subtree should be observed.
+ * @returns {boolean} `true` while the subtree contains at least one focusable element, `false` otherwise.
+ */
+function useHasFocusableDescendant(ref) {
+  var _React$useState = React__namespace.useState(true),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    hasFocusableDescendant = _React$useState2[0],
+    setHasFocusableDescendant = _React$useState2[1];
+  React__namespace.useLayoutEffect(function () {
+    var element = ref.current;
+    if (!element) return;
+    var measure = function measure() {
+      var next = element.querySelector(index.FOCUSABLE_ELEMENTS_SELECTOR) !== null;
+      setHasFocusableDescendant(function (prev) {
+        return prev === next ? prev : next;
+      });
+    };
+    measure();
+    var observer = new MutationObserver(measure);
+    observer.observe(element, {
+      attributeFilter: ['aria-disabled', 'disabled', 'hidden', 'tabindex', 'type'],
+      attributes: true,
+      childList: true,
+      subtree: true
+    });
+    return function () {
+      observer.disconnect();
+    };
+  }, [ref]);
+  return hasFocusableDescendant;
+}
+
+exports.useHasFocusableDescendant = useHasFocusableDescendant;
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/useHasFocusableDescendant/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useHasFocusableDescendant/index.ts"],"sourcesContent":["import * as React from 'react';\nimport { FOCUSABLE_ELEMENTS_SELECTOR } from '../../utils/trapFocus';\n\n/**\n * Tracks whether the subtree of the given ref contains at least one element\n * that participates in sequential focus navigation.\n *\n * Used by scrollable wrapper components (`MrlPanel`, `MrlModalContent`) to\n * decide whether the wrapper itself needs `tabindex=\"0\"`. Per ACT rule\n * 0ssw9k (https://www.w3.org/WAI/standards-guidelines/act/rules/0ssw9k/) a\n * scrollable region passes WCAG 2.1.1 Keyboard either by being focusable\n * itself or by having a focusable descendant. When focusable descendants\n * already exist, adding `tabindex=\"0\"` to the wrapper produces a\n * \"meaningless tab stop\" finding from manual auditors.\n *\n * The default return value is `true` so that, on the very first render\n * (before the layout effect has measured the DOM), components err on the\n * side of NOT adding a tab stop. The MutationObserver flips it to `false`\n * synchronously inside the layout effect if the wrapper is genuinely\n * empty of focusable descendants.\n *\n * @param {React.RefObject<HTMLElement | null>} ref - Ref pointing at the container whose subtree should be observed.\n * @returns {boolean} `true` while the subtree contains at least one focusable element, `false` otherwise.\n */\nexport function useHasFocusableDescendant(ref: React.RefObject<HTMLElement | null>): boolean {\n\tconst [hasFocusableDescendant, setHasFocusableDescendant] = React.useState(true);\n\n\tReact.useLayoutEffect(() => {\n\t\tconst element = ref.current;\n\t\tif (!element) return;\n\n\t\tconst measure = () => {\n\t\t\tconst next = element.querySelector(FOCUSABLE_ELEMENTS_SELECTOR) !== null;\n\t\t\tsetHasFocusableDescendant((prev) => (prev === next ? prev : next));\n\t\t};\n\n\t\tmeasure();\n\n\t\tconst observer = new MutationObserver(measure);\n\t\tobserver.observe(element, {\n\t\t\tattributeFilter: ['aria-disabled', 'disabled', 'hidden', 'tabindex', 'type'],\n\t\t\tattributes: true,\n\t\t\tchildList: true,\n\t\t\tsubtree: true\n\t\t});\n\n\t\treturn () => {\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [ref]);\n\n\treturn hasFocusableDescendant;\n}\n"],"names":["useHasFocusableDescendant","ref","_React$useState","React","useState","_React$useState2","_slicedToArray","hasFocusableDescendant","setHasFocusableDescendant","useLayoutEffect","element","current","measure","next","querySelector","FOCUSABLE_ELEMENTS_SELECTOR","prev","observer","MutationObserver","observe","attributeFilter","attributes","childList","subtree","disconnect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,yBAAyBA,CAACC,GAAwC,EAAW;AAC5F,EAAA,IAAAC,eAAA,GAA4DC,gBAAK,CAACC,QAAQ,CAAC,IAAI,CAAC;IAAAC,gBAAA,GAAAC,uCAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAzEK,IAAAA,sBAAsB,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,yBAAyB,GAAAH,gBAAA,CAAA,CAAA,CAAA;EAExDF,gBAAK,CAACM,eAAe,CAAC,YAAM;AAC3B,IAAA,IAAMC,OAAO,GAAGT,GAAG,CAACU,OAAO;IAC3B,IAAI,CAACD,OAAO,EAAE;AAEd,IAAA,IAAME,OAAO,GAAG,SAAVA,OAAOA,GAAS;MACrB,IAAMC,IAAI,GAAGH,OAAO,CAACI,aAAa,CAACC,iCAA2B,CAAC,KAAK,IAAI;MACxEP,yBAAyB,CAAC,UAACQ,IAAI,EAAA;AAAA,QAAA,OAAMA,IAAI,KAAKH,IAAI,GAAGG,IAAI,GAAGH,IAAI;AAAA,MAAA,CAAC,CAAC;IACnE,CAAC;AAEDD,IAAAA,OAAO,EAAE;AAET,IAAA,IAAMK,QAAQ,GAAG,IAAIC,gBAAgB,CAACN,OAAO,CAAC;AAC9CK,IAAAA,QAAQ,CAACE,OAAO,CAACT,OAAO,EAAE;MACzBU,eAAe,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC;AAC5EC,MAAAA,UAAU,EAAE,IAAI;AAChBC,MAAAA,SAAS,EAAE,IAAI;AACfC,MAAAA,OAAO,EAAE;AACV,KAAC,CAAC;AAEF,IAAA,OAAO,YAAM;MACZN,QAAQ,CAACO,UAAU,EAAE;IACtB,CAAC;AACF,EAAA,CAAC,EAAE,CAACvB,GAAG,CAAC,CAAC;AAET,EAAA,OAAOM,sBAAsB;AAC9B;;;;"}