@opengovsg/oui 0.0.23 → 0.0.25

package/dist/types/pagination/use-pagination.d.ts

@@ -149,182 +149,182 @@ export declare function usePagination(originalProps: UsePaginationProps): {
     dotsJump: number;
     slots: {
         base: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         wrapper: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         item: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         prev: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         next: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         cursor: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         forwardIcon: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         ellipsis: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         chevronNext: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
     } & {
         base: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         wrapper: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         item: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         prev: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         next: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         cursor: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         forwardIcon: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         ellipsis: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;
         } & import("tailwind-variants").ClassProp<import("tailwind-merge").ClassNameValue>) | undefined) => string;
         chevronNext: (slotProps?: ({
+            isDisabled?: boolean | undefined;
             size?: "lg" | "md" | "sm" | undefined;
             color?: "main" | "neutral" | "critical" | "warning" | "success" | undefined;
-            radius?: "lg" | "md" | "sm" | "none" | "full" | undefined;
+            radius?: "none" | "lg" | "md" | "sm" | "full" | undefined;
             variant?: "light" | undefined;
-            isDisabled?: boolean | undefined;
             isCompact?: boolean | undefined;
             disableCursorAnimation?: boolean | undefined;
             disableAnimation?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "sideEffects": false,
   "license": "SEE LICENSE IN LICENSE.md",
   "type": "module",
@@ -31,10 +31,11 @@
         "types": "./dist/types/*/index.d.ts",
         "default": "./dist/cjs/*/index.cjs"
       }
-    }
+    },
+    "./package.json": "./package.json"
   },
   "devDependencies": {
-    "@storybook/react-vite": "9.1.4",
+    "@storybook/react-vite": "10.1.2",
     "@types/lodash-es": "^4.17.12",
     "@types/prop-types": "^15.7.15",
     "@types/react": "^19.0.12",
@@ -45,20 +46,22 @@
     "motion": "^12.18.1",
     "prettier": "^3.5.3",
     "react": "^19.0.0",
-    "react-aria-components": "^1.12.2",
-    "storybook": "9.1.6",
+    "react-aria-components": "^1.13.0",
+    "storybook": "10.1.2",
     "tsx": "^4.20.3",
     "typescript": "5.7.3",
-    "@opengovsg/oui-theme": "0.0.23",
     "@oui/chromatic": "0.0.0",
     "@oui/eslint-config": "0.0.0",
-    "@oui/prettier-config": "0.0.0",
-    "@oui/typescript-config": "0.0.0"
+    "@opengovsg/oui-theme": "0.0.25",
+    "@oui/typescript-config": "0.0.0",
+    "@oui/prettier-config": "0.0.0"
   },
   "dependencies": {
     "@internationalized/date": "^3.9.0",
     "@react-aria/calendar": "^3.8.3",
-    "@react-aria/i18n": "^3.12.10",
+    "@react-aria/focus": "^3.21.2",
+    "@react-aria/i18n": "^3.12.13",
+    "@react-aria/interactions": "^3.25.6",
     "@react-aria/utils": "^3.29.1",
     "@react-stately/calendar": "^3.8.4",
     "@react-stately/collections": "^3.12.7",
@@ -84,7 +87,7 @@
     "motion": ">=11.12.0 || >=12.0.0-alpha.1",
     "react": ">= 18",
     "react-aria-components": "^1.12.2",
-    "@opengovsg/oui-theme": "0.0.23"
+    "@opengovsg/oui-theme": "0.0.25"
   },
   "scripts": {
     "build": "tsx ../../tooling/build-scripts/main.ts --dts --clean",

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

@@ -1,45 +0,0 @@
-'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

@@ -1,21 +0,0 @@
-'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

@@ -1,72 +0,0 @@
-'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

@@ -1,60 +0,0 @@
-'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;