@servicetitan/design-system 10.8.0 → 11.2.0

package/dist/hooks/useFocusVisible.js

@@ -1,46 +1,42 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFocusVisible = void 0;
-var react_1 = require("react");
-var useFocusVisible = function (target, onBlur, onFocus) {
-    var _a = (0, react_1.useState)(true), isFocusVisible = _a[0], setIsFocusVisible = _a[1];
-    var _b = (0, react_1.useState)(true), focusVisible = _b[0], setFocusVisible = _b[1];
-    var _c = (0, react_1.useState)(false), focused = _c[0], setFocused = _c[1];
-    var focusFunction = function (event) {
+import { useEffect, useState, useCallback } from 'react';
+export const useFocusVisible = (target, onBlur, onFocus) => {
+    const [isFocusVisible, setIsFocusVisible] = useState(true);
+    const [focusVisible, setFocusVisible] = useState(true);
+    const [focused, setFocused] = useState(false);
+    const focusFunction = (event) => {
         if (onFocus)
             onFocus(event);
         setIsFocusVisible(true);
         setFocused(true);
     };
-    var blurFunction = function (event) {
+    const blurFunction = (event) => {
         if (onBlur)
             onBlur(event);
         setIsFocusVisible(false);
         setFocused(false);
     };
-    (0, react_1.useEffect)(function () {
+    useEffect(() => {
         setIsFocusVisible(focusVisible);
     }, [focused, focusVisible]);
     // KeyboardEvent
-    var keyboardEventHandler = (0, react_1.useCallback)(function () {
+    const keyboardEventHandler = useCallback(() => {
         setFocusVisible(true);
     }, []);
     // MouseEvent
-    var mouseEventHandler = (0, react_1.useCallback)(function () {
+    const mouseEventHandler = useCallback(() => {
         setFocusVisible(false);
     }, []);
-    var useEvent = function (event, callback) {
-        (0, react_1.useEffect)(function () {
-            var current = target.current;
+    const useEvent = (event, callback) => {
+        useEffect(() => {
+            const { current } = target;
             current.addEventListener(event, callback);
-            return function () { return current.removeEventListener(event, callback); };
+            return () => current.removeEventListener(event, callback);
         }, [event, callback]);
     };
     useEvent('mousedown', mouseEventHandler);
     useEvent('mouseup', mouseEventHandler);
     useEvent('keydown', keyboardEventHandler);
     useEvent('keyup', keyboardEventHandler);
-    return { isFocusVisible: isFocusVisible, focusFunction: focusFunction, blurFunction: blurFunction };
+    return { isFocusVisible, focusFunction, blurFunction };
 };
-exports.useFocusVisible = useFocusVisible;
 //# sourceMappingURL=useFocusVisible.js.map

package/dist/hooks/useFocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusVisible.js","sourceRoot":"","sources":["../../src/hooks/useFocusVisible.ts"],"names":[],"mappings":";;;AAAA,+BAAgE;AAEzD,IAAM,eAAe,GAAG,UAC9B,MAA4B,EAC5B,MAAuD,EACvD,OAAwD;IAElD,IAAA,KAAsC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAAnD,cAAc,QAAA,EAAE,iBAAiB,QAAkB,CAAC;IACrD,IAAA,KAAkC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA/C,YAAY,QAAA,EAAE,eAAe,QAAkB,CAAC;IACjD,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAE9C,IAAM,aAAa,GAAG,UAAC,KAAoC;QAC1D,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5B,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,UAAU,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAAoC;QACzD,IAAI,MAAM;YAAE,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,UAAU,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC;QACT,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAE5B,gBAAgB;IAChB,IAAM,oBAAoB,GAAG,IAAA,mBAAW,EAAC;QACxC,eAAe,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,aAAa;IACb,IAAM,iBAAiB,GAAG,IAAA,mBAAW,EAAC;QACrC,eAAe,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,QAAQ,GAAG,UAAC,KAAa,EAAE,QAAoB;QACpD,IAAA,iBAAS,EAAC;YACD,IAAA,OAAO,GAAK,MAAM,QAAX,CAAY;YAC3B,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;YAC1C,OAAO,cAAM,OAAA,OAAO,CAAC,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,EAA5C,CAA4C,CAAC;QAC3D,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,QAAQ,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;IACzC,QAAQ,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;IACvC,QAAQ,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC;IAC1C,QAAQ,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC;IAExC,OAAO,EAAE,cAAc,gBAAA,EAAE,aAAa,eAAA,EAAE,YAAY,cAAA,EAAE,CAAC;AACxD,CAAC,CAAC;AAjDW,QAAA,eAAe,mBAiD1B"}
+{"version":3,"file":"useFocusVisible.js","sourceRoot":"","sources":["../../src/hooks/useFocusVisible.ts"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,CAAC,MAAM,eAAe,GAAG,CAC9B,MAA4B,EAC5B,MAAuD,EACvD,OAAwD,EACvD,EAAE;IACH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,aAAa,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC9D,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5B,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,UAAU,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC7D,IAAI,MAAM;YAAE,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACzB,UAAU,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAE5B,gBAAgB;IAChB,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7C,eAAe,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,aAAa;IACb,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,eAAe,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,QAAoB,EAAE,EAAE;QACxD,SAAS,CAAC,GAAG,EAAE;YACd,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;YAC3B,OAAO,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;YAC1C,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC3D,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,QAAQ,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;IACzC,QAAQ,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;IACvC,QAAQ,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC;IAC1C,QAAQ,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC;IAExC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC;AACxD,CAAC,CAAC"}

package/dist/hooks/useFocusVisible.test.js

@@ -1,64 +1,58 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from 'react';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import userEvent from '@testing-library/user-event';
+import { useFocusVisible } from './useFocusVisible';
+const TestButton = ({ children, onFocus, onBlur }) => {
+    const btnRef = React.useRef(null);
+    const { isFocusVisible, focusFunction, blurFunction } = useFocusVisible(btnRef, onFocus, onBlur);
+    return (React.createElement("button", { className: isFocusVisible ? 'focus-visible' : '', ref: btnRef, onBlur: blurFunction, onFocus: focusFunction }, children));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var user_event_1 = __importDefault(require("@testing-library/user-event"));
-var useFocusVisible_1 = require("./useFocusVisible");
-var TestButton = function (_a) {
-    var children = _a.children, onFocus = _a.onFocus, onBlur = _a.onBlur;
-    var btnRef = react_1.default.useRef(null);
-    var _b = (0, useFocusVisible_1.useFocusVisible)(btnRef, onFocus, onBlur), isFocusVisible = _b.isFocusVisible, focusFunction = _b.focusFunction, blurFunction = _b.blurFunction;
-    return (react_1.default.createElement("button", { className: isFocusVisible ? 'focus-visible' : '', ref: btnRef, onBlur: blurFunction, onFocus: focusFunction }, children));
-};
-describe('useFocusVisible', function () {
-    it('should have class focus-visible on Button on load', function () {
-        var container = (0, react_2.render)(react_1.default.createElement(TestButton, null)).container;
-        var element = container.firstChild;
+describe('useFocusVisible', () => {
+    it('should have class focus-visible on Button on load', () => {
+        const { container } = render(React.createElement(TestButton, null));
+        const element = container.firstChild;
         // expect that focus-visible class is added on initial load
         expect(element.classList.contains('focus-visible')).toBe(true);
     });
-    it('should remove class focus-visible on mouse interaction', function () {
-        var getByText = (0, react_2.render)(react_1.default.createElement(TestButton, null, "Test Button")).getByText;
-        var element = getByText('Test Button');
+    it('should remove class focus-visible on mouse interaction', () => {
+        const { getByText } = render(React.createElement(TestButton, null, "Test Button"));
+        const element = getByText('Test Button');
         expect(element.classList.contains('focus-visible')).toBe(true);
         // click on the button and expect the class to be removed
-        user_event_1.default.click(getByText('Test Button'));
+        userEvent.click(getByText('Test Button'));
         expect(element.classList.contains('focus-visible')).toBe(false);
     });
-    it('should reintroduce focus-visible class after first time', function () {
-        var getByText = (0, react_2.render)(react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(TestButton, null, "Test Button 0"),
-            react_1.default.createElement(TestButton, null, "Test Button 1"))).getByText;
-        var firstBtn = getByText('Test Button 0');
-        var secondBtn = getByText('Test Button 1');
+    it('should reintroduce focus-visible class after first time', () => {
+        const { getByText } = render(React.createElement(React.Fragment, null,
+            React.createElement(TestButton, null, "Test Button 0"),
+            React.createElement(TestButton, null, "Test Button 1")));
+        const firstBtn = getByText('Test Button 0');
+        const secondBtn = getByText('Test Button 1');
         expect(firstBtn.classList.contains('focus-visible')).toBe(true);
         expect(secondBtn.classList.contains('focus-visible')).toBe(true);
         // click first button and expect the class to be removed
-        user_event_1.default.click(getByText('Test Button 0'));
+        userEvent.click(getByText('Test Button 0'));
         expect(firstBtn.classList.contains('focus-visible')).toBe(false);
         // tab and shift tab to refocus first button
-        user_event_1.default.tab();
-        user_event_1.default.tab({ shift: true });
+        userEvent.tab();
+        userEvent.tab({ shift: true });
         // expect that first button will get the class back
         expect(firstBtn.classList.contains('focus-visible')).toBe(true);
     });
-    it('should call onFocus when focused', function () {
+    it('should call onFocus when focused', () => {
         // const onFocus = console.log('working');
-        var onFocus = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(TestButton, { onFocus: onFocus }, "Hello"));
-        user_event_1.default.tab();
-        user_event_1.default.tab({ shift: true });
+        const onFocus = jest.fn();
+        render(React.createElement(TestButton, { onFocus: onFocus }, "Hello"));
+        userEvent.tab();
+        userEvent.tab({ shift: true });
         expect(onFocus).toHaveBeenCalledTimes(1);
     });
-    it('should call onFocus when focused', function () {
+    it('should call onFocus when focused', () => {
         // const onFocus = console.log('working');
-        var onBlur = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(TestButton, { onBlur: onBlur }, "Hello"));
-        user_event_1.default.tab();
+        const onBlur = jest.fn();
+        render(React.createElement(TestButton, { onBlur: onBlur }, "Hello"));
+        userEvent.tab();
         expect(onBlur).toHaveBeenCalledTimes(1);
     });
 });

package/dist/hooks/useFocusVisible.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusVisible.test.js","sourceRoot":"","sources":["../../src/hooks/useFocusVisible.test.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"useFocusVisible.test.js","sourceRoot":"","sources":["../../src/hooks/useFocusVisible.test.tsx"],"names":[],"mappings":"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"}

package/dist/hooks/useMergedRef.js

@@ -1,18 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMergedRef = void 0;
-var react_1 = __importDefault(require("react"));
-function useMergedRef() {
-    var refs = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        refs[_i] = arguments[_i];
-    }
-    var targetRef = react_1.default.useRef();
-    react_1.default.useEffect(function () {
-        refs.forEach(function (ref) {
+import React from 'react';
+export function useMergedRef(...refs) {
+    const targetRef = React.useRef();
+    React.useEffect(() => {
+        refs.forEach((ref) => {
             if (!ref)
                 return;
             if (typeof ref === 'function') {
@@ -25,5 +15,4 @@ function useMergedRef() {
     }, [refs]);
     return targetRef;
 }
-exports.useMergedRef = useMergedRef;
 //# sourceMappingURL=useMergedRef.js.map

package/dist/hooks/useMergedRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMergedRef.js","sourceRoot":"","sources":["../../src/hooks/useMergedRef.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAE1B,SAAgB,YAAY;IAAC,cAAc;SAAd,UAAc,EAAd,qBAAc,EAAd,IAAc;QAAd,yBAAc;;IAC1C,IAAM,SAAS,GAAG,eAAK,CAAC,MAAM,EAAE,CAAC;IAEjC,eAAK,CAAC,SAAS,CAAC;QACf,IAAI,CAAC,OAAO,CAAC,UAAC,GAAG;YAChB,IAAI,CAAC,GAAG;gBAAE,OAAO;YAEjB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;gBAC9B,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;aACvB;iBAAM;gBACN,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;aAChC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,SAAS,CAAC;AAClB,CAAC;AAhBD,oCAgBC"}
+{"version":3,"file":"useMergedRef.js","sourceRoot":"","sources":["../../src/hooks/useMergedRef.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,YAAY,CAAC,GAAG,IAAW;IAC1C,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;IAEjC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACpB,IAAI,CAAC,GAAG;gBAAE,OAAO;YAEjB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;gBAC9B,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;aACvB;iBAAM;gBACN,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;aAChC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,SAAS,CAAC;AAClB,CAAC"}

package/dist/hooks/useScreenSize.js

@@ -1,35 +1,28 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScreenSize = void 0;
-var tokens_1 = __importDefault(require("@servicetitan/tokens"));
-var window_size_1 = require("@react-hook/window-size");
-function useScreenSize() {
-    var _a = (0, window_size_1.useWindowSize)(), innerWidth = _a[0], innerHeight = _a[1];
-    var orientation = innerWidth > innerHeight ? 'landscape' : 'portrait';
-    var smallerThan = {
-        mobile: innerWidth <= parseFloat(tokens_1.default.breakpointMobileLarge),
-        tablet: innerWidth <= parseFloat(tokens_1.default.breakpointTablet),
-        desktop: innerWidth <= parseFloat(tokens_1.default.breakpointDesktop),
-        large: innerWidth <= parseFloat(tokens_1.default.breakpointLarge),
-        widescreen: innerWidth <= parseFloat(tokens_1.default.breakpointWidescreen),
+import tokens from '@servicetitan/tokens';
+import { useWindowSize } from '@react-hook/window-size';
+export function useScreenSize() {
+    const [innerWidth, innerHeight] = useWindowSize();
+    const orientation = innerWidth > innerHeight ? 'landscape' : 'portrait';
+    const smallerThan = {
+        mobile: innerWidth <= parseFloat(tokens.breakpointMobileLarge),
+        tablet: innerWidth <= parseFloat(tokens.breakpointTablet),
+        desktop: innerWidth <= parseFloat(tokens.breakpointDesktop),
+        large: innerWidth <= parseFloat(tokens.breakpointLarge),
+        widescreen: innerWidth <= parseFloat(tokens.breakpointWidescreen),
     };
-    var largerThan = {
-        mobile: innerWidth > parseFloat(tokens_1.default.breakpointMobileLarge),
-        tablet: innerWidth > parseFloat(tokens_1.default.breakpointTablet),
-        desktop: innerWidth > parseFloat(tokens_1.default.breakpointDesktop),
-        large: innerWidth > parseFloat(tokens_1.default.breakpointLarge),
-        widescreen: innerWidth > parseFloat(tokens_1.default.breakpointWidescreen),
+    const largerThan = {
+        mobile: innerWidth > parseFloat(tokens.breakpointMobileLarge),
+        tablet: innerWidth > parseFloat(tokens.breakpointTablet),
+        desktop: innerWidth > parseFloat(tokens.breakpointDesktop),
+        large: innerWidth > parseFloat(tokens.breakpointLarge),
+        widescreen: innerWidth > parseFloat(tokens.breakpointWidescreen),
     };
     return {
-        smallerThan: smallerThan,
-        largerThan: largerThan,
-        innerWidth: innerWidth,
-        innerHeight: innerHeight,
-        orientation: orientation,
+        smallerThan,
+        largerThan,
+        innerWidth,
+        innerHeight,
+        orientation,
     };
 }
-exports.useScreenSize = useScreenSize;
 //# sourceMappingURL=useScreenSize.js.map

package/dist/hooks/useScreenSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScreenSize.js","sourceRoot":"","sources":["../../src/hooks/useScreenSize.ts"],"names":[],"mappings":";;;;;;AAAA,gEAA0C;AAC1C,uDAAwD;AAExD,SAAgB,aAAa;IACtB,IAAA,KAA4B,IAAA,2BAAa,GAAE,EAA1C,UAAU,QAAA,EAAE,WAAW,QAAmB,CAAC;IAElD,IAAM,WAAW,GAAG,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;IAExE,IAAM,WAAW,GAAG;QACnB,MAAM,EAAE,UAAU,IAAI,UAAU,CAAC,gBAAM,CAAC,qBAAqB,CAAC;QAC9D,MAAM,EAAE,UAAU,IAAI,UAAU,CAAC,gBAAM,CAAC,gBAAgB,CAAC;QACzD,OAAO,EAAE,UAAU,IAAI,UAAU,CAAC,gBAAM,CAAC,iBAAiB,CAAC;QAC3D,KAAK,EAAE,UAAU,IAAI,UAAU,CAAC,gBAAM,CAAC,eAAe,CAAC;QACvD,UAAU,EAAE,UAAU,IAAI,UAAU,CAAC,gBAAM,CAAC,oBAAoB,CAAC;KACjE,CAAC;IAEF,IAAM,UAAU,GAAG;QAClB,MAAM,EAAE,UAAU,GAAG,UAAU,CAAC,gBAAM,CAAC,qBAAqB,CAAC;QAC7D,MAAM,EAAE,UAAU,GAAG,UAAU,CAAC,gBAAM,CAAC,gBAAgB,CAAC;QACxD,OAAO,EAAE,UAAU,GAAG,UAAU,CAAC,gBAAM,CAAC,iBAAiB,CAAC;QAC1D,KAAK,EAAE,UAAU,GAAG,UAAU,CAAC,gBAAM,CAAC,eAAe,CAAC;QACtD,UAAU,EAAE,UAAU,GAAG,UAAU,CAAC,gBAAM,CAAC,oBAAoB,CAAC;KAChE,CAAC;IAEF,OAAO;QACN,WAAW,aAAA;QACX,UAAU,YAAA;QACV,UAAU,YAAA;QACV,WAAW,aAAA;QACX,WAAW,aAAA;KACX,CAAC;AACH,CAAC;AA5BD,sCA4BC"}
+{"version":3,"file":"useScreenSize.js","sourceRoot":"","sources":["../../src/hooks/useScreenSize.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,UAAU,aAAa;IAC5B,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG,aAAa,EAAE,CAAC;IAElD,MAAM,WAAW,GAAG,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;IAExE,MAAM,WAAW,GAAG;QACnB,MAAM,EAAE,UAAU,IAAI,UAAU,CAAC,MAAM,CAAC,qBAAqB,CAAC;QAC9D,MAAM,EAAE,UAAU,IAAI,UAAU,CAAC,MAAM,CAAC,gBAAgB,CAAC;QACzD,OAAO,EAAE,UAAU,IAAI,UAAU,CAAC,MAAM,CAAC,iBAAiB,CAAC;QAC3D,KAAK,EAAE,UAAU,IAAI,UAAU,CAAC,MAAM,CAAC,eAAe,CAAC;QACvD,UAAU,EAAE,UAAU,IAAI,UAAU,CAAC,MAAM,CAAC,oBAAoB,CAAC;KACjE,CAAC;IAEF,MAAM,UAAU,GAAG;QAClB,MAAM,EAAE,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,qBAAqB,CAAC;QAC7D,MAAM,EAAE,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,gBAAgB,CAAC;QACxD,OAAO,EAAE,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,iBAAiB,CAAC;QAC1D,KAAK,EAAE,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,eAAe,CAAC;QACtD,UAAU,EAAE,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,oBAAoB,CAAC;KAChE,CAAC;IAEF,OAAO;QACN,WAAW;QACX,UAAU;QACV,UAAU;QACV,WAAW;QACX,WAAW;KACX,CAAC;AACH,CAAC"}

package/dist/hooks/useScrollPosition.js

@@ -1,36 +1,24 @@
-"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScrollPosition = void 0;
-var react_1 = require("react");
-var useScrollPosition = function (ref) {
+import { useEffect, useState } from 'react';
+export const useScrollPosition = (ref) => {
     if (process.env.NODE_ENV === 'development') {
         if (typeof ref !== 'object' || typeof ref.current === 'undefined') {
             console.error('useScrollPosition expects a single ref argument');
         }
     }
-    var _a = (0, react_1.useState)({
+    const [state, setState] = useState({
         top: 0,
         right: 0,
         bottom: 0,
         left: 0,
-    }), state = _a[0], setState = _a[1];
-    (0, react_1.useEffect)(function () {
-        var el = ref.current;
-        var handleScroll = function () {
+    });
+    useEffect(() => {
+        const el = ref.current;
+        const handleScroll = () => {
             if (el) {
-                var horizontalScrollbar = el.scrollWidth > el.clientWidth;
-                var verticalScrollbar = el.scrollHeight > el.clientHeight;
-                var bottom = el.scrollHeight - el.scrollTop - el.clientHeight;
-                var right = el.scrollWidth - el.scrollLeft - el.clientWidth;
+                const horizontalScrollbar = el.scrollWidth > el.clientWidth;
+                const verticalScrollbar = el.scrollHeight > el.clientHeight;
+                const bottom = el.scrollHeight - el.scrollTop - el.clientHeight;
+                const right = el.scrollWidth - el.scrollLeft - el.clientWidth;
                 setState({
                     top: verticalScrollbar ? el.scrollTop : false,
                     left: horizontalScrollbar ? el.scrollLeft : false,
@@ -42,26 +30,17 @@ var useScrollPosition = function (ref) {
         /** Handle scroll once rendered */
         requestAnimationFrame(handleScroll);
         el && on(el, 'scroll', handleScroll, { capture: false, passive: true });
-        return function () { return el && off(el, 'scroll', handleScroll); };
+        return () => el && off(el, 'scroll', handleScroll);
     }, [ref]);
     return state;
 };
-exports.useScrollPosition = useScrollPosition;
 /* https://github.com/streamich/react-use/blob/master/src/misc/util.ts */
-function on(obj) {
+function on(obj, ...args) {
     var _a;
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    (_a = obj === null || obj === void 0 ? void 0 : obj.addEventListener) === null || _a === void 0 ? void 0 : _a.call.apply(_a, __spreadArray([obj], args, false));
+    (_a = obj === null || obj === void 0 ? void 0 : obj.addEventListener) === null || _a === void 0 ? void 0 : _a.call(obj, ...args);
 }
-function off(obj) {
+function off(obj, ...args) {
     var _a;
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    (_a = obj === null || obj === void 0 ? void 0 : obj.removeEventListener) === null || _a === void 0 ? void 0 : _a.call.apply(_a, __spreadArray([obj], args, false));
+    (_a = obj === null || obj === void 0 ? void 0 : obj.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(obj, ...args);
 }
 //# sourceMappingURL=useScrollPosition.js.map

package/dist/hooks/useScrollPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollPosition.js","sourceRoot":"","sources":["../../src/hooks/useScrollPosition.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+BAAuD;AAgBhD,IAAM,iBAAiB,GAAG,UAAC,GAA2B;IAC5D,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;QAC3C,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,CAAC,OAAO,KAAK,WAAW,EAAE;YAClE,OAAO,CAAC,KAAK,CAAC,iDAAiD,CAAC,CAAC;SACjE;KACD;IAEK,IAAA,KAAoB,IAAA,gBAAQ,EAAc;QAC/C,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;KACP,CAAC,EALK,KAAK,QAAA,EAAE,QAAQ,QAKpB,CAAC;IAEH,IAAA,iBAAS,EAAC;QACT,IAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;QACvB,IAAM,YAAY,GAAG;YACpB,IAAI,EAAE,EAAE;gBACP,IAAM,mBAAmB,GAAG,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC;gBAC5D,IAAM,iBAAiB,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC;gBAE5D,IAAM,MAAM,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC,YAAY,CAAC;gBAChE,IAAM,KAAK,GAAG,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,UAAU,GAAG,EAAE,CAAC,WAAW,CAAC;gBAE9D,QAAQ,CAAC;oBACR,GAAG,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;oBAC7C,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK;oBACjD,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;oBAC1C,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;iBAC1C,CAAC,CAAC;aACH;QACF,CAAC,CAAC;QAEF,kCAAkC;QAClC,qBAAqB,CAAC,YAAY,CAAC,CAAC;QAEpC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAExE,OAAO,cAAM,OAAA,EAAE,IAAI,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,YAAY,CAAC,EAArC,CAAqC,CAAC;IACpD,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AA1CW,QAAA,iBAAiB,qBA0C5B;AAIF,yEAAyE;AACzE,SAAS,EAAE,CACV,GAAa;;IACb,cAEoC;SAFpC,UAEoC,EAFpC,qBAEoC,EAFpC,IAEoC;QAFpC,6BAEoC;;IAEpC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,gBAAgB,wEAArB,GAAG,GACE,IAAoD,SACxD,CAAC;AACH,CAAC;AAED,SAAS,GAAG,CACX,GAAa;;IACb,cAEoC;SAFpC,UAEoC,EAFpC,qBAEoC,EAFpC,IAEoC;QAFpC,6BAEoC;;IAEpC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,mBAAmB,wEAAxB,GAAG,GACE,IAAuD,SAC3D,CAAC;AACH,CAAC"}
+{"version":3,"file":"useScrollPosition.js","sourceRoot":"","sources":["../../src/hooks/useScrollPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAgBvD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,GAA2B,EAAe,EAAE;IAC7E,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;QAC3C,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,CAAC,OAAO,KAAK,WAAW,EAAE;YAClE,OAAO,CAAC,KAAK,CAAC,iDAAiD,CAAC,CAAC;SACjE;KACD;IAED,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc;QAC/C,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;KACP,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC;QACvB,MAAM,YAAY,GAAG,GAAG,EAAE;YACzB,IAAI,EAAE,EAAE;gBACP,MAAM,mBAAmB,GAAG,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC;gBAC5D,MAAM,iBAAiB,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC;gBAE5D,MAAM,MAAM,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC,YAAY,CAAC;gBAChE,MAAM,KAAK,GAAG,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,UAAU,GAAG,EAAE,CAAC,WAAW,CAAC;gBAE9D,QAAQ,CAAC;oBACR,GAAG,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;oBAC7C,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK;oBACjD,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;oBAC1C,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK;iBAC1C,CAAC,CAAC;aACH;QACF,CAAC,CAAC;QAEF,kCAAkC;QAClC,qBAAqB,CAAC,YAAY,CAAC,CAAC;QAEpC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAExE,OAAO,GAAG,EAAE,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AAIF,yEAAyE;AACzE,SAAS,EAAE,CACV,GAAa,EACb,GAAG,IAEiC;;IAEpC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,gBAAgB,+CAArB,GAAG,EACF,GAAI,IAAoD,CACxD,CAAC;AACH,CAAC;AAED,SAAS,GAAG,CACX,GAAa,EACb,GAAG,IAEiC;;IAEpC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,mBAAmB,+CAAxB,GAAG,EACF,GAAI,IAAuD,CAC3D,CAAC;AACH,CAAC"}

package/dist/hooks/useVisuallyHidden.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVisuallyHidden = void 0;
-var useVisuallyHidden = function () {
-    var hiddenStyle = {
+export const useVisuallyHidden = () => {
+    const hiddenStyle = {
         border: 'none',
         display: 'table-cell',
         float: 'left',
@@ -17,7 +14,6 @@ var useVisuallyHidden = function () {
         pointerEvents: 'none',
         position: 'absolute',
     };
-    return { hiddenStyle: hiddenStyle };
+    return { hiddenStyle };
 };
-exports.useVisuallyHidden = useVisuallyHidden;
 //# sourceMappingURL=useVisuallyHidden.js.map

package/dist/hooks/useVisuallyHidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVisuallyHidden.js","sourceRoot":"","sources":["../../src/hooks/useVisuallyHidden.ts"],"names":[],"mappings":";;;AAEO,IAAM,iBAAiB,GAAG;IAChC,IAAM,WAAW,GAAG;QACnB,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,oBAAoB;QAC5B,OAAO,EAAE,GAAG;QACZ,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,GAAG;QACZ,aAAa,EAAE,MAAM;QACrB,QAAQ,EAAE,UAAU;KACH,CAAC;IAEnB,OAAO,EAAE,WAAW,aAAA,EAAE,CAAC;AACxB,CAAC,CAAC;AAlBW,QAAA,iBAAiB,qBAkB5B"}
+{"version":3,"file":"useVisuallyHidden.js","sourceRoot":"","sources":["../../src/hooks/useVisuallyHidden.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACrC,MAAM,WAAW,GAAG;QACnB,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,oBAAoB;QAC5B,OAAO,EAAE,GAAG;QACZ,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,GAAG;QACZ,aAAa,EAAE,MAAM;QACrB,QAAQ,EAAE,UAAU;KACH,CAAC;IAEnB,OAAO,EAAE,WAAW,EAAE,CAAC;AACxB,CAAC,CAAC"}

package/dist/internal/Overlay/Overlay.css

@@ -0,0 +1,18 @@
+.Overlay {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1100;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+}
+.Overlay > * {
+  pointer-events: auto;
+}
+
+/*# sourceMappingURL=Overlay.css.map */

package/dist/internal/Overlay/Overlay.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/internal/Overlay/Overlay.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAEA;EACC;EACA;EACA;EACA;EACA;EACA,SCyIiB;EDxIjB;EACA;EACA;EACA;EACA;;AAEA;EACC","file":"Overlay.css"}

package/dist/internal/Overlay/Overlay.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { BackdropProps } from '../../components/Backdrop';
+export interface OverlayProps extends Omit<BackdropProps, 'onClick'> {
+    /** Use animation for visibility transitions */
+    animate?: boolean;
+    /** Enable Backdrop */
+    backdrop?: boolean;
+    /** onClose function for Backdrop */
+    onClose?: BackdropProps['onClick'];
+    /** Visibility of Backdrop */
+    open?: BackdropProps['open'];
+    /** Render in a React Portal */
+    portal?: boolean;
+}
+export declare const Overlay: FC<OverlayProps>;

package/dist/internal/Overlay/Overlay.js

@@ -0,0 +1,19 @@
+import React, { useContext } from 'react';
+import classnames from 'classnames';
+import { Portal } from '../Portal';
+import { Backdrop } from '../../components/Backdrop';
+import { OverlayContext } from '../../utilities/OverlayContext';
+export const Overlay = ({ animate, backdrop, children, onClose, open, portal, }) => {
+    const context = useContext(OverlayContext);
+    const OverlayClassNames = classnames('Overlay', {
+        'Overlay--is-portalled': portal,
+        'Overlay--is-open': open,
+        'Overlay--has-animation': animate,
+        'Overlay--has-backdrop': backdrop,
+    });
+    return (React.createElement(Portal, { conditional: portal },
+        React.createElement("div", { className: OverlayClassNames },
+            backdrop && (React.createElement(Backdrop, { animate: animate, onClick: onClose, open: open })),
+            React.createElement(OverlayContext.Provider, { value: context.concat('Overlay') }, children))));
+};
+//# sourceMappingURL=Overlay.js.map

package/dist/internal/Overlay/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../../src/internal/Overlay/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAiB,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAmBhE,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EACzC,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,MAAM,GACN,EAAE,EAAE;IACJ,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAC3C,MAAM,iBAAiB,GAAG,UAAU,CAAC,SAAS,EAAE;QAC/C,uBAAuB,EAAE,MAAM;QAC/B,kBAAkB,EAAE,IAAI;QACxB,wBAAwB,EAAE,OAAO;QACjC,uBAAuB,EAAE,QAAQ;KACjC,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,MAAM,IAAC,WAAW,EAAE,MAAM;QAC1B,6BAAK,SAAS,EAAE,iBAAiB;YAC/B,QAAQ,IAAI,CACZ,oBAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,CAC5D;YACD,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,IACvD,QAAQ,CACgB,CACrB,CACE,CACT,CAAC;AACH,CAAC,CAAC"}

package/dist/internal/Overlay/index.css

@@ -0,0 +1,18 @@
+.Overlay {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1100;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+}
+.Overlay > * {
+  pointer-events: auto;
+}
+
+/*# sourceMappingURL=index.css.map */

package/dist/internal/Overlay/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/internal/Overlay/Overlay.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAEA;EACC;EACA;EACA;EACA;EACA;EACA,SCyIiB;EDxIjB;EACA;EACA;EACA;EACA;;AAEA;EACC","file":"index.css"}

package/dist/internal/Overlay/index.d.ts

@@ -0,0 +1 @@
+export * from './Overlay';

package/dist/internal/Overlay/index.js

@@ -0,0 +1,2 @@
+export * from './Overlay';
+//# sourceMappingURL=index.js.map

package/dist/internal/Overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/internal/Overlay/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/internal/Popper/Popper.css

@@ -80,6 +80,13 @@ _:-ms-lang(x), .Tooltip__body {
   background: #141414;
 }
 
+.Popper:focus {
+  outline: none;
+}
+.Popper:focus-visible {
+  outline: none;
+}
+
 .Popper__caret[data-popper-placement^=top] {
   bottom: 4px;
 }

package/dist/internal/Popper/Popper.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tooltip/Tooltip.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/internal/Popper/Popper.scss"],"names":[],"mappings":"AAAA;ACgDA;AAAA;AC/CC;EACA,OCiBa;ADfb;EACA;;;ADgDD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAMA;EAlED;EACA;EACA;;AAsEA;EAzDA;EACA,WEwGa;EFvGb,YEmBmB;EFlBnB,eEtBiB;EFuBjB,OEba;EFcb;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SEyGiB;AFvGjB;AAAA;EAvBA;EACA;EACA;EACA;EACA;EACA;;AAoBA;EAyCA;IAxCC;;;;AA8CF;AACA;AACA;EAAgC;;;AAEhC;EACC;IAAK;;EACL;IAAO;;;AAIP;EACC,YErDkB;;;AC7CpB;EACC,QD6Hc;;AC3Hd;EAAY;;;AAGb;EACC;;AAEA;EAAY;;;AAGb;EACC,ODiHc;;AC/Gd;EAAY;;;AAGb;EACC;;AAEA;EAAY;;;AAGb;EHTC;EACA;EACA;EACA;EACA;EACA;EGOA;;AAEA;EACC;EACA;EACA,ODsFU;ECrFV,QDqFU;ECpFV;EACA","file":"Popper.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tooltip/Tooltip.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/internal/Popper/Popper.scss"],"names":[],"mappings":"AAAA;ACgDA;AAAA;AC/CC;EACA,OCiBa;ADfb;EACA;;;ADgDD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAMA;EAlED;EACA;EACA;;AAsEA;EAzDA;EACA,WEyGa;EFxGb,YEmBmB;EFlBnB,eEtBiB;EFuBjB,OEba;EFcb;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SE0GiB;AFxGjB;AAAA;EAvBA;EACA;EACA;EACA;EACA;EACA;;AAoBA;EAyCA;IAxCC;;;;AA8CF;AACA;AACA;EAAgC;;;AAEhC;EACC;IAAK;;EACL;IAAO;;;AAIP;EACC,YErDkB;;;AC3CnB;EAAU;;AAGV;EAAkB;;;AAGnB;EACC,QDsHc;;ACpHd;EAAY;;;AAGb;EACC;;AAEA;EAAY;;;AAGb;EACC,OD0Gc;;ACxGd;EAAY;;;AAGb;EACC;;AAEA;EAAY;;;AAGb;EHjBC;EACA;EACA;EACA;EACA;EACA;EGeA;;AAEA;EACC;EACA;EACA,OD+EU;EC9EV,QD8EU;EC7EV;EACA","file":"Popper.css"}

package/dist/internal/Popper/Popper.d.ts

@@ -1,4 +1,5 @@
 import React, { FC } from 'react';
+import { FocusTrapProps } from '../../utilities/FocusTrap';
 import { MotionProps } from 'framer-motion';
 export interface PopperPropsStrict {
     /**
@@ -38,11 +39,12 @@ export interface PopperPropsStrict {
     bodyClassName?: string;
     /** If true, caret will be available for Popover's body */
     caret?: caretProps;
-    overlayContext?: string;
     /** props to control animation of motion component */
     animation?: MotionProps;
     /** offset ammount between popper and reference */
     offset?: offset;
+    /** Options passed into FocusTrap */
+    focusTrapOptions?: FocusTrapProps;
 }
 export interface offset {
     /** Displaces the popper along the reference element */