@opengovsg/oui 0.0.0-snapshot-20250812083020 → 0.0.0-snapshot-20250813172831

package/dist/cjs/index.cjs

@@ -1,7 +1,10 @@
 "use strict";
 'use strict';
 
+var textArea = require('./text-area/text-area.cjs');
+var textAreaField = require('./text-area-field/text-area-field.cjs');
 var useControllableState = require('./hooks/use-controllable-state.cjs');
+var button = require('./button/button.cjs');
 var govtBanner = require('./govt-banner/govt-banner.cjs');
 var ripple = require('./ripple/ripple.cjs');
 var useRipple = require('./ripple/use-ripple.cjs');
@@ -11,36 +14,43 @@ var toggle = require('./toggle/toggle.cjs');
 var skipNavLink = require('./skip-nav-link/skip-nav-link.cjs');
 var input = require('./input/input.cjs');
 var textField = require('./text-field/text-field.cjs');
-var textArea = require('./text-area/text-area.cjs');
-var textAreaField = require('./text-area-field/text-area-field.cjs');
-var tagField = require('./tag-field/tag-field.cjs');
-var tagFieldItem = require('./tag-field/tag-field-item.cjs');
-var select = require('./select/select.cjs');
-var selectItem = require('./select/select-item.cjs');
-var selectVariantContext = require('./select/select-variant-context.cjs');
-var rangeCalendar = require('./range-calendar/range-calendar.cjs');
-var menu = require('./menu/menu.cjs');
-var popover = require('./popover/popover.cjs');
-var tabs = require('./tabs/tabs.cjs');
-var button = require('./button/button.cjs');
 var field = require('./field/field.cjs');
 var comboBox = require('./combo-box/combo-box.cjs');
 var comboBoxFuzzy = require('./combo-box/combo-box-fuzzy.cjs');
 var comboBoxItem = require('./combo-box/combo-box-item.cjs');
 var comboBoxVariantContext = require('./combo-box/combo-box-variant-context.cjs');
 var banner = require('./banner/banner.cjs');
+var tagField = require('./tag-field/tag-field.cjs');
+var tagFieldItem = require('./tag-field/tag-field-item.cjs');
+var select = require('./select/select.cjs');
+var selectItem = require('./select/select-item.cjs');
+var selectVariantContext = require('./select/select-variant-context.cjs');
 var badge = require('./badge/badge.cjs');
 var date = require('@internationalized/date');
 var calendar = require('./calendar/calendar.cjs');
 var calendarStyleContext = require('./calendar/calendar-style-context.cjs');
 var utils = require('./calendar/utils.cjs');
+var rangeCalendar = require('./range-calendar/range-calendar.cjs');
+var menu = require('./menu/menu.cjs');
+var popover = require('./popover/popover.cjs');
+var tabs = require('./tabs/tabs.cjs');
 var dateField = require('./date-field/date-field.cjs');
 var datePicker = require('./date-picker/date-picker.cjs');
 var dateRangePicker = require('./date-range-picker/date-range-picker.cjs');
+var checkbox = require('./checkbox/checkbox.cjs');
+var checkboxGroupStyleContext = require('./checkbox/checkbox-group-style-context.cjs');
+var usePagination = require('./pagination/hooks/use-pagination.cjs');
+var pagination = require('./pagination/pagination.cjs');
+var paginationCursor = require('./pagination/pagination-cursor.cjs');
+var paginationItem = require('./pagination/pagination-item.cjs');
+var usePagination$1 = require('./pagination/use-pagination.cjs');
 
 
 
+exports.TextArea = textArea.TextArea;
+exports.TextAreaField = textAreaField.TextAreaField;
 exports.useControllableState = useControllableState.useControllableState;
+exports.Button = button.Button;
 exports.GovtBanner = govtBanner.GovtBanner;
 exports.Ripple = ripple.Ripple;
 exports.useRipple = useRipple.useRipple;
@@ -50,33 +60,6 @@ exports.Toggle = toggle.Toggle;
 exports.SkipNavLink = skipNavLink.SkipNavLink;
 exports.Input = input.Input;
 exports.TextField = textField.TextField;
-exports.TextArea = textArea.TextArea;
-exports.TextAreaField = textAreaField.TextAreaField;
-exports.TagField = tagField.TagField;
-exports.TagFieldItem = tagFieldItem.TagFieldItem;
-exports.Select = select.Select;
-exports.SelectItem = selectItem.SelectItem;
-exports.SelectVariantContext = selectVariantContext.SelectVariantContext;
-exports.useSelectVariantContext = selectVariantContext.useSelectVariantContext;
-exports.RangeCalendar = rangeCalendar.RangeCalendar;
-exports.RangeCalendarCell = rangeCalendar.RangeCalendarCell;
-exports.RangeCalendarStateWrapper = rangeCalendar.RangeCalendarStateWrapper;
-exports.Menu = menu.Menu;
-exports.MenuItem = menu.MenuItem;
-exports.MenuSection = menu.MenuSection;
-exports.MenuSeparator = menu.MenuSeparator;
-exports.MenuTrigger = menu.MenuTrigger;
-exports.MenuVariantContext = menu.MenuVariantContext;
-exports.SubmenuTrigger = menu.SubmenuTrigger;
-exports.useMenuVariantContext = menu.useMenuVariantContext;
-exports.Popover = popover.Popover;
-exports.Tab = tabs.Tab;
-exports.TabList = tabs.TabList;
-exports.TabPanel = tabs.TabPanel;
-exports.Tabs = tabs.Tabs;
-exports.TabsVariantContext = tabs.TabsVariantContext;
-exports.useTabsVariantContext = tabs.useTabsVariantContext;
-exports.Button = button.Button;
 exports.Description = field.Description;
 exports.FieldError = field.FieldError;
 exports.FieldGroup = field.FieldGroup;
@@ -88,6 +71,12 @@ exports.ComboBoxItem = comboBoxItem.ComboBoxItem;
 exports.ComboBoxVariantContext = comboBoxVariantContext.ComboBoxVariantContext;
 exports.useComboBoxVariantContext = comboBoxVariantContext.useComboBoxVariantContext;
 exports.Banner = banner.Banner;
+exports.TagField = tagField.TagField;
+exports.TagFieldItem = tagFieldItem.TagFieldItem;
+exports.Select = select.Select;
+exports.SelectItem = selectItem.SelectItem;
+exports.SelectVariantContext = selectVariantContext.SelectVariantContext;
+exports.useSelectVariantContext = selectVariantContext.useSelectVariantContext;
 exports.Badge = badge.Badge;
 Object.defineProperty(exports, "CalendarDate", {
 	enumerable: true,
@@ -101,7 +90,35 @@ exports.getEraFormat = utils.getEraFormat;
 exports.useGenerateLocalizedMonths = utils.useGenerateLocalizedMonths;
 exports.useGenerateLocalizedYears = utils.useGenerateLocalizedYears;
 exports.useLocalizedMonthYear = utils.useLocalizedMonthYear;
+exports.RangeCalendar = rangeCalendar.RangeCalendar;
+exports.RangeCalendarCell = rangeCalendar.RangeCalendarCell;
+exports.RangeCalendarStateWrapper = rangeCalendar.RangeCalendarStateWrapper;
+exports.Menu = menu.Menu;
+exports.MenuItem = menu.MenuItem;
+exports.MenuSection = menu.MenuSection;
+exports.MenuSeparator = menu.MenuSeparator;
+exports.MenuTrigger = menu.MenuTrigger;
+exports.MenuVariantContext = menu.MenuVariantContext;
+exports.SubmenuTrigger = menu.SubmenuTrigger;
+exports.useMenuVariantContext = menu.useMenuVariantContext;
+exports.Popover = popover.Popover;
+exports.Tab = tabs.Tab;
+exports.TabList = tabs.TabList;
+exports.TabPanel = tabs.TabPanel;
+exports.Tabs = tabs.Tabs;
+exports.TabsVariantContext = tabs.TabsVariantContext;
+exports.useTabsVariantContext = tabs.useTabsVariantContext;
 exports.DateField = dateField.DateField;
 exports.DateInput = dateField.DateInput;
 exports.DatePicker = datePicker.DatePicker;
 exports.DateRangePicker = dateRangePicker.DateRangePicker;
+exports.Checkbox = checkbox.Checkbox;
+exports.CheckboxGroup = checkbox.CheckboxGroup;
+exports.CheckboxGroupStyleContext = checkboxGroupStyleContext.CheckboxGroupStyleContext;
+exports.useCheckboxGroupStyleContext = checkboxGroupStyleContext.useCheckboxGroupStyleContext;
+exports.PaginationItemType = usePagination.PaginationItemType;
+exports.Pagination = pagination.Pagination;
+exports.PaginationCursor = paginationCursor.PaginationCursor;
+exports.PaginationItem = paginationItem.PaginationItem;
+exports.CURSOR_TRANSITION_TIMEOUT = usePagination$1.CURSOR_TRANSITION_TIMEOUT;
+exports.usePagination = usePagination$1.usePagination;

package/dist/cjs/input/input.cjs

@@ -3,11 +3,11 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var $670gB$react = require('react');
 var reactAriaComponents = require('react-aria-components');
 var ouiTheme = require('@opengovsg/oui-theme');
 
-const Input = react.forwardRef(
+const Input = $670gB$react.forwardRef(
   ({ size, variant, isDisabled, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       reactAriaComponents.Input,

package/dist/cjs/menu/menu.cjs

@@ -3,14 +3,14 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var $670gB$react = require('react');
 var reactAriaComponents = require('react-aria-components');
 var ouiTheme = require('@opengovsg/oui-theme');
-var popover = require('../popover/popover.cjs');
 var utils = require('../system/utils.cjs');
 var check = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/check.cjs');
 var chevronRight = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-right.cjs');
 var context = require('../system/react-utils/context.cjs');
+var popover = require('../popover/popover.cjs');
 
 const [MenuVariantContext, useMenuVariantContext] = context.createContext({
   name: "MenuVariantContext",
@@ -51,7 +51,7 @@ function MenuInner(originalProps, ref) {
   ) });
 }
 const Menu = utils.forwardRefGeneric(MenuInner);
-const MenuItem = react.forwardRef(function MenuItem2(originalProps, ref) {
+const MenuItem = $670gB$react.forwardRef(function MenuItem2(originalProps, ref) {
   [originalProps, ref] = reactAriaComponents.useContextProps(
     originalProps,
     ref,
@@ -70,7 +70,7 @@ const MenuItem = react.forwardRef(function MenuItem2(originalProps, ref) {
     variantProps
   ] = utils.mapPropsVariants(originalProps, ouiTheme.listBoxItemStyles.variantKeys);
   const styles = ouiTheme.menuItemStyles(variantProps);
-  const multipleSelectionIcon = react.useMemo(() => {
+  const multipleSelectionIcon = $670gB$react.useMemo(() => {
     if (multipleSelectionIconProp !== void 0) {
       return multipleSelectionIconProp;
     }
@@ -82,7 +82,7 @@ const MenuItem = react.forwardRef(function MenuItem2(originalProps, ref) {
       }
     );
   }, [classNames?.icon, multipleSelectionIconProp, styles]);
-  const singleSelectionIcon = react.useMemo(() => {
+  const singleSelectionIcon = $670gB$react.useMemo(() => {
     if (singleSelectionIconProp !== void 0) {
       return singleSelectionIconProp;
     }
@@ -94,7 +94,7 @@ const MenuItem = react.forwardRef(function MenuItem2(originalProps, ref) {
       }
     );
   }, [classNames?.icon, singleSelectionIconProp, styles]);
-  const showIconContainer = react.useCallback(
+  const showIconContainer = $670gB$react.useCallback(
     (selectionMode) => {
       switch (selectionMode) {
         case "none":
@@ -107,7 +107,7 @@ const MenuItem = react.forwardRef(function MenuItem2(originalProps, ref) {
     },
     [multipleSelectionIcon, singleSelectionIcon]
   );
-  const defaultTextValue = react.useMemo(() => {
+  const defaultTextValue = $670gB$react.useMemo(() => {
     if (props.textValue) {
       return props.textValue;
     }

package/dist/cjs/node_modules/.pnpm/@react-aria_focus@3.20.5_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/focus/dist/useFocusRing.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+var useFocus = require('../../../../../@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocus.cjs');
+var useFocusVisible = require('../../../../../@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocusVisible.cjs');
+var useFocusWithin = require('../../../../../@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocusWithin.cjs');
+var $670gB$react = require('react');
+
+function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
+    let { autoFocus: autoFocus = false, isTextInput: isTextInput, within: within } = props;
+    let state = ($670gB$react.useRef)({
+        isFocused: false,
+        isFocusVisible: autoFocus || (useFocusVisible.isFocusVisible)()
+    });
+    let [isFocused, setFocused] = ($670gB$react.useState)(false);
+    let [isFocusVisibleState, setFocusVisible] = ($670gB$react.useState)(()=>state.current.isFocused && state.current.isFocusVisible);
+    let updateState = ($670gB$react.useCallback)(()=>setFocusVisible(state.current.isFocused && state.current.isFocusVisible), []);
+    let onFocusChange = ($670gB$react.useCallback)((isFocused)=>{
+        state.current.isFocused = isFocused;
+        setFocused(isFocused);
+        updateState();
+    }, [
+        updateState
+    ]);
+    (useFocusVisible.useFocusVisibleListener)((isFocusVisible)=>{
+        state.current.isFocusVisible = isFocusVisible;
+        updateState();
+    }, [], {
+        isTextInput: isTextInput
+    });
+    let { focusProps: focusProps } = (useFocus.useFocus)({
+        isDisabled: within,
+        onFocusChange: onFocusChange
+    });
+    let { focusWithinProps: focusWithinProps } = (useFocusWithin.useFocusWithin)({
+        isDisabled: !within,
+        onFocusWithinChange: onFocusChange
+    });
+    return {
+        isFocused: isFocused,
+        isFocusVisible: isFocusVisibleState,
+        focusProps: within ? focusWithinProps : focusProps
+    };
+}
+
+exports.useFocusRing = $f7dceffc5ad7768b$export$4e328f61c538687f;

package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/context.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var $670gB$react = require('react');
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+const $ae1eeba8b9eafd08$export$5165eccb35aaadb5 = ($670gB$react).createContext({
+    register: ()=>{}
+});
+$ae1eeba8b9eafd08$export$5165eccb35aaadb5.displayName = 'PressResponderContext';
+
+exports.PressResponderContext = $ae1eeba8b9eafd08$export$5165eccb35aaadb5;

package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/textSelection.cjs

@@ -0,0 +1,72 @@
+'use strict';
+
+var utils = require('@react-aria/utils');
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+// Note that state only matters here for iOS. Non-iOS gets user-select: none applied to the target element
+// rather than at the document level so we just need to apply/remove user-select: none for each pressed element individually
+let $14c0b72509d70225$var$state = 'default';
+let $14c0b72509d70225$var$savedUserSelect = '';
+let $14c0b72509d70225$var$modifiedElementMap = new WeakMap();
+function $14c0b72509d70225$export$16a4697467175487(target) {
+    if ((utils.isIOS)()) {
+        if ($14c0b72509d70225$var$state === 'default') {
+            const documentObject = (utils.getOwnerDocument)(target);
+            $14c0b72509d70225$var$savedUserSelect = documentObject.documentElement.style.webkitUserSelect;
+            documentObject.documentElement.style.webkitUserSelect = 'none';
+        }
+        $14c0b72509d70225$var$state = 'disabled';
+    } else if (target instanceof HTMLElement || target instanceof SVGElement) {
+        // If not iOS, store the target's original user-select and change to user-select: none
+        // Ignore state since it doesn't apply for non iOS
+        let property = 'userSelect' in target.style ? 'userSelect' : 'webkitUserSelect';
+        $14c0b72509d70225$var$modifiedElementMap.set(target, target.style[property]);
+        target.style[property] = 'none';
+    }
+}
+function $14c0b72509d70225$export$b0d6fa1ab32e3295(target) {
+    if ((utils.isIOS)()) {
+        // If the state is already default, there's nothing to do.
+        // If it is restoring, then there's no need to queue a second restore.
+        if ($14c0b72509d70225$var$state !== 'disabled') return;
+        $14c0b72509d70225$var$state = 'restoring';
+        // There appears to be a delay on iOS where selection still might occur
+        // after pointer up, so wait a bit before removing user-select.
+        setTimeout(()=>{
+            // Wait for any CSS transitions to complete so we don't recompute style
+            // for the whole page in the middle of the animation and cause jank.
+            (utils.runAfterTransition)(()=>{
+                // Avoid race conditions
+                if ($14c0b72509d70225$var$state === 'restoring') {
+                    const documentObject = (utils.getOwnerDocument)(target);
+                    if (documentObject.documentElement.style.webkitUserSelect === 'none') documentObject.documentElement.style.webkitUserSelect = $14c0b72509d70225$var$savedUserSelect || '';
+                    $14c0b72509d70225$var$savedUserSelect = '';
+                    $14c0b72509d70225$var$state = 'default';
+                }
+            });
+        }, 300);
+    } else if (target instanceof HTMLElement || target instanceof SVGElement) // If not iOS, restore the target's original user-select if any
+    // Ignore state since it doesn't apply for non iOS
+    {
+        if (target && $14c0b72509d70225$var$modifiedElementMap.has(target)) {
+            let targetOldUserSelect = $14c0b72509d70225$var$modifiedElementMap.get(target);
+            let property = 'userSelect' in target.style ? 'userSelect' : 'webkitUserSelect';
+            if (target.style[property] === 'none') target.style[property] = targetOldUserSelect;
+            if (target.getAttribute('style') === '') target.removeAttribute('style');
+            $14c0b72509d70225$var$modifiedElementMap.delete(target);
+        }
+    }
+}
+
+exports.disableTextSelection = $14c0b72509d70225$export$16a4697467175487;
+exports.restoreTextSelection = $14c0b72509d70225$export$b0d6fa1ab32e3295;

package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocus.cjs

@@ -0,0 +1,60 @@
+'use strict';
+
+var utils = require('./utils.cjs');
+var $670gB$react = require('react');
+var utils$1 = require('@react-aria/utils');
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ // Portions of the code in this file are based on code from react.
+// Original licensing for the following can be found in the
+// NOTICE file in the root directory of this source tree.
+// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
+
+
+
+function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
+    let { isDisabled: isDisabled, onFocus: onFocusProp, onBlur: onBlurProp, onFocusChange: onFocusChange } = props;
+    const onBlur = ($670gB$react.useCallback)((e)=>{
+        if (e.target === e.currentTarget) {
+            if (onBlurProp) onBlurProp(e);
+            if (onFocusChange) onFocusChange(false);
+            return true;
+        }
+    }, [
+        onBlurProp,
+        onFocusChange
+    ]);
+    const onSyntheticFocus = (utils.useSyntheticBlurEvent)(onBlur);
+    const onFocus = ($670gB$react.useCallback)((e)=>{
+        // Double check that document.activeElement actually matches e.target in case a previously chained
+        // focus handler already moved focus somewhere else.
+        const ownerDocument = (utils$1.getOwnerDocument)(e.target);
+        const activeElement = ownerDocument ? (utils$1.getActiveElement)(ownerDocument) : (utils$1.getActiveElement)();
+        if (e.target === e.currentTarget && activeElement === (utils$1.getEventTarget)(e.nativeEvent)) {
+            if (onFocusProp) onFocusProp(e);
+            if (onFocusChange) onFocusChange(true);
+            onSyntheticFocus(e);
+        }
+    }, [
+        onFocusChange,
+        onFocusProp,
+        onSyntheticFocus
+    ]);
+    return {
+        focusProps: {
+            onFocus: !isDisabled && (onFocusProp || onFocusChange || onBlurProp) ? onFocus : undefined,
+            onBlur: !isDisabled && (onBlurProp || onFocusChange) ? onBlur : undefined
+        }
+    };
+}
+
+exports.useFocus = $a1ea59d68270f0dd$export$f8168d8dd8fd66e6;

package/dist/cjs/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocusVisible.cjs

@@ -0,0 +1,210 @@
+'use strict';
+
+var utils$1 = require('./utils.cjs');
+var utils = require('@react-aria/utils');
+var $670gB$react = require('react');
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ // Portions of the code in this file are based on code from react.
+// Original licensing for the following can be found in the
+// NOTICE file in the root directory of this source tree.
+// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
+
+
+
+
+let $507fabe10e71c6fb$var$currentModality = null;
+let $507fabe10e71c6fb$var$changeHandlers = new Set();
+let $507fabe10e71c6fb$export$d90243b58daecda7 = new Map(); // We use a map here to support setting event listeners across multiple document objects.
+let $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
+let $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
+// Only Tab or Esc keys will make focus visible on text input elements
+const $507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS = {
+    Tab: true,
+    Escape: true
+};
+function $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e) {
+    for (let handler of $507fabe10e71c6fb$var$changeHandlers)handler(modality, e);
+}
+/**
+ * Helper function to determine if a KeyboardEvent is unmodified and could make keyboard focus styles visible.
+ */ function $507fabe10e71c6fb$var$isValidKey(e) {
+    // Control and Shift keys trigger when navigating back to the tab with keyboard.
+    return !(e.metaKey || !(utils.isMac)() && e.altKey || e.ctrlKey || e.key === 'Control' || e.key === 'Shift' || e.key === 'Meta');
+}
+function $507fabe10e71c6fb$var$handleKeyboardEvent(e) {
+    $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
+    if ($507fabe10e71c6fb$var$isValidKey(e)) {
+        $507fabe10e71c6fb$var$currentModality = 'keyboard';
+        $507fabe10e71c6fb$var$triggerChangeHandlers('keyboard', e);
+    }
+}
+function $507fabe10e71c6fb$var$handlePointerEvent(e) {
+    $507fabe10e71c6fb$var$currentModality = 'pointer';
+    if (e.type === 'mousedown' || e.type === 'pointerdown') {
+        $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
+        $507fabe10e71c6fb$var$triggerChangeHandlers('pointer', e);
+    }
+}
+function $507fabe10e71c6fb$var$handleClickEvent(e) {
+    if ((utils.isVirtualClick)(e)) {
+        $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
+        $507fabe10e71c6fb$var$currentModality = 'virtual';
+    }
+}
+function $507fabe10e71c6fb$var$handleFocusEvent(e) {
+    // Firefox fires two extra focus events when the user first clicks into an iframe:
+    // first on the window, then on the document. We ignore these events so they don't
+    // cause keyboard focus rings to appear.
+    if (e.target === window || e.target === document || (utils$1.ignoreFocusEvent) || !e.isTrusted) return;
+    // If a focus event occurs without a preceding keyboard or pointer event, switch to virtual modality.
+    // This occurs, for example, when navigating a form with the next/previous buttons on iOS.
+    if (!$507fabe10e71c6fb$var$hasEventBeforeFocus && !$507fabe10e71c6fb$var$hasBlurredWindowRecently) {
+        $507fabe10e71c6fb$var$currentModality = 'virtual';
+        $507fabe10e71c6fb$var$triggerChangeHandlers('virtual', e);
+    }
+    $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
+    $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
+}
+function $507fabe10e71c6fb$var$handleWindowBlur() {
+    if (utils$1.ignoreFocusEvent) return;
+    // When the window is blurred, reset state. This is necessary when tabbing out of the window,
+    // for example, since a subsequent focus event won't be fired.
+    $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
+    $507fabe10e71c6fb$var$hasBlurredWindowRecently = true;
+}
+/**
+ * Setup global event listeners to control when keyboard focus style should be visible.
+ */ function $507fabe10e71c6fb$var$setupGlobalFocusEvents(element) {
+    if (typeof window === 'undefined' || typeof document === 'undefined' || $507fabe10e71c6fb$export$d90243b58daecda7.get((utils.getOwnerWindow)(element))) return;
+    const windowObject = (utils.getOwnerWindow)(element);
+    const documentObject = (utils.getOwnerDocument)(element);
+    // Programmatic focus() calls shouldn't affect the current input modality.
+    // However, we need to detect other cases when a focus event occurs without
+    // a preceding user event (e.g. screen reader focus). Overriding the focus
+    // method on HTMLElement.prototype is a bit hacky, but works.
+    let focus = windowObject.HTMLElement.prototype.focus;
+    windowObject.HTMLElement.prototype.focus = function() {
+        $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
+        focus.apply(this, arguments);
+    };
+    documentObject.addEventListener('keydown', $507fabe10e71c6fb$var$handleKeyboardEvent, true);
+    documentObject.addEventListener('keyup', $507fabe10e71c6fb$var$handleKeyboardEvent, true);
+    documentObject.addEventListener('click', $507fabe10e71c6fb$var$handleClickEvent, true);
+    // Register focus events on the window so they are sure to happen
+    // before React's event listeners (registered on the document).
+    windowObject.addEventListener('focus', $507fabe10e71c6fb$var$handleFocusEvent, true);
+    windowObject.addEventListener('blur', $507fabe10e71c6fb$var$handleWindowBlur, false);
+    if (typeof PointerEvent !== 'undefined') {
+        documentObject.addEventListener('pointerdown', $507fabe10e71c6fb$var$handlePointerEvent, true);
+        documentObject.addEventListener('pointermove', $507fabe10e71c6fb$var$handlePointerEvent, true);
+        documentObject.addEventListener('pointerup', $507fabe10e71c6fb$var$handlePointerEvent, true);
+    } else if (process.env.NODE_ENV === 'test') {
+        documentObject.addEventListener('mousedown', $507fabe10e71c6fb$var$handlePointerEvent, true);
+        documentObject.addEventListener('mousemove', $507fabe10e71c6fb$var$handlePointerEvent, true);
+        documentObject.addEventListener('mouseup', $507fabe10e71c6fb$var$handlePointerEvent, true);
+    }
+    // Add unmount handler
+    windowObject.addEventListener('beforeunload', ()=>{
+        $507fabe10e71c6fb$var$tearDownWindowFocusTracking(element);
+    }, {
+        once: true
+    });
+    $507fabe10e71c6fb$export$d90243b58daecda7.set(windowObject, {
+        focus: focus
+    });
+}
+const $507fabe10e71c6fb$var$tearDownWindowFocusTracking = (element, loadListener)=>{
+    const windowObject = (utils.getOwnerWindow)(element);
+    const documentObject = (utils.getOwnerDocument)(element);
+    if (loadListener) documentObject.removeEventListener('DOMContentLoaded', loadListener);
+    if (!$507fabe10e71c6fb$export$d90243b58daecda7.has(windowObject)) return;
+    windowObject.HTMLElement.prototype.focus = $507fabe10e71c6fb$export$d90243b58daecda7.get(windowObject).focus;
+    documentObject.removeEventListener('keydown', $507fabe10e71c6fb$var$handleKeyboardEvent, true);
+    documentObject.removeEventListener('keyup', $507fabe10e71c6fb$var$handleKeyboardEvent, true);
+    documentObject.removeEventListener('click', $507fabe10e71c6fb$var$handleClickEvent, true);
+    windowObject.removeEventListener('focus', $507fabe10e71c6fb$var$handleFocusEvent, true);
+    windowObject.removeEventListener('blur', $507fabe10e71c6fb$var$handleWindowBlur, false);
+    if (typeof PointerEvent !== 'undefined') {
+        documentObject.removeEventListener('pointerdown', $507fabe10e71c6fb$var$handlePointerEvent, true);
+        documentObject.removeEventListener('pointermove', $507fabe10e71c6fb$var$handlePointerEvent, true);
+        documentObject.removeEventListener('pointerup', $507fabe10e71c6fb$var$handlePointerEvent, true);
+    } else if (process.env.NODE_ENV === 'test') {
+        documentObject.removeEventListener('mousedown', $507fabe10e71c6fb$var$handlePointerEvent, true);
+        documentObject.removeEventListener('mousemove', $507fabe10e71c6fb$var$handlePointerEvent, true);
+        documentObject.removeEventListener('mouseup', $507fabe10e71c6fb$var$handlePointerEvent, true);
+    }
+    $507fabe10e71c6fb$export$d90243b58daecda7.delete(windowObject);
+};
+function $507fabe10e71c6fb$export$2f1888112f558a7d(element) {
+    const documentObject = (utils.getOwnerDocument)(element);
+    let loadListener;
+    if (documentObject.readyState !== 'loading') $507fabe10e71c6fb$var$setupGlobalFocusEvents(element);
+    else {
+        loadListener = ()=>{
+            $507fabe10e71c6fb$var$setupGlobalFocusEvents(element);
+        };
+        documentObject.addEventListener('DOMContentLoaded', loadListener);
+    }
+    return ()=>$507fabe10e71c6fb$var$tearDownWindowFocusTracking(element, loadListener);
+}
+// Server-side rendering does not have the document object defined
+// eslint-disable-next-line no-restricted-globals
+if (typeof document !== 'undefined') $507fabe10e71c6fb$export$2f1888112f558a7d();
+function $507fabe10e71c6fb$export$b9b3dfddab17db27() {
+    return $507fabe10e71c6fb$var$currentModality !== 'pointer';
+}
+const $507fabe10e71c6fb$var$nonTextInputTypes = new Set([
+    'checkbox',
+    'radio',
+    'range',
+    'color',
+    'file',
+    'image',
+    'button',
+    'submit',
+    'reset'
+]);
+/**
+ * If this is attached to text input component, return if the event is a focus event (Tab/Escape keys pressed) so that
+ * focus visible style can be properly set.
+ */ function $507fabe10e71c6fb$var$isKeyboardFocusEvent(isTextInput, modality, e) {
+    let document1 = (utils.getOwnerDocument)(e === null || e === void 0 ? void 0 : e.target);
+    const IHTMLInputElement = typeof window !== 'undefined' ? (utils.getOwnerWindow)(e === null || e === void 0 ? void 0 : e.target).HTMLInputElement : HTMLInputElement;
+    const IHTMLTextAreaElement = typeof window !== 'undefined' ? (utils.getOwnerWindow)(e === null || e === void 0 ? void 0 : e.target).HTMLTextAreaElement : HTMLTextAreaElement;
+    const IHTMLElement = typeof window !== 'undefined' ? (utils.getOwnerWindow)(e === null || e === void 0 ? void 0 : e.target).HTMLElement : HTMLElement;
+    const IKeyboardEvent = typeof window !== 'undefined' ? (utils.getOwnerWindow)(e === null || e === void 0 ? void 0 : e.target).KeyboardEvent : KeyboardEvent;
+    // For keyboard events that occur on a non-input element that will move focus into input element (aka ArrowLeft going from Datepicker button to the main input group)
+    // we need to rely on the user passing isTextInput into here. This way we can skip toggling focus visiblity for said input element
+    isTextInput = isTextInput || document1.activeElement instanceof IHTMLInputElement && !$507fabe10e71c6fb$var$nonTextInputTypes.has(document1.activeElement.type) || document1.activeElement instanceof IHTMLTextAreaElement || document1.activeElement instanceof IHTMLElement && document1.activeElement.isContentEditable;
+    return !(isTextInput && modality === 'keyboard' && e instanceof IKeyboardEvent && !$507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS[e.key]);
+}
+function $507fabe10e71c6fb$export$ec71b4b83ac08ec3(fn, deps, opts) {
+    $507fabe10e71c6fb$var$setupGlobalFocusEvents();
+    ($670gB$react.useEffect)(()=>{
+        let handler = (modality, e)=>{
+            // We want to early return for any keyboard events that occur inside text inputs EXCEPT for Tab and Escape
+            if (!$507fabe10e71c6fb$var$isKeyboardFocusEvent(!!(opts === null || opts === void 0 ? void 0 : opts.isTextInput), modality, e)) return;
+            fn($507fabe10e71c6fb$export$b9b3dfddab17db27());
+        };
+        $507fabe10e71c6fb$var$changeHandlers.add(handler);
+        return ()=>{
+            $507fabe10e71c6fb$var$changeHandlers.delete(handler);
+        };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, deps);
+}
+
+exports.addWindowFocusTracking = $507fabe10e71c6fb$export$2f1888112f558a7d;
+exports.hasSetupGlobalListeners = $507fabe10e71c6fb$export$d90243b58daecda7;
+exports.isFocusVisible = $507fabe10e71c6fb$export$b9b3dfddab17db27;
+exports.useFocusVisibleListener = $507fabe10e71c6fb$export$ec71b4b83ac08ec3;