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

package/dist/esm/button/button.js

@@ -5,9 +5,9 @@ import { forwardRef, useMemo } from 'react';
 import { chain } from '@react-aria/utils';
 import { Button as Button$1, composeRenderProps } from 'react-aria-components';
 import { buttonStyles } from '@opengovsg/oui-theme';
-import { Ripple } from '../ripple/ripple.js';
 import { useRipple } from '../ripple/use-ripple.js';
 import { Spinner } from '../spinner/spinner.js';
+import { Ripple } from '../ripple/ripple.js';
 
 const Button = forwardRef(
   ({

package/dist/esm/calendar/calendar-month-day-selector.js

@@ -4,11 +4,11 @@ import { jsx } from 'react/jsx-runtime';
 import { useContext } from 'react';
 import { CalendarDate } from '@internationalized/date';
 import { Group } from 'react-aria-components';
-import { Select } from '../select/select.js';
-import { SelectItem } from '../select/select-item.js';
 import { AgnosticCalendarStateContext } from './agnostic-calendar-state-context.js';
 import { useCalendarStyleContext } from './calendar-style-context.js';
 import { useCalendarSelectors } from './hooks/use-calendar-selectors.js';
+import { Select } from '../select/select.js';
+import { SelectItem } from '../select/select-item.js';
 import { useCalendarI18n } from './hooks/use-calendar-i18n.js';
 
 const CalendarMonthDaySelector = () => {

package/dist/esm/checkbox/checkbox-group-style-context.js

@@ -0,0 +1,13 @@
+"use strict";
+"use client";
+import { createContext } from '../system/react-utils/context.js';
+
+const [CheckboxGroupStyleContext, useCheckboxGroupStyleContext] = createContext({
+  name: "CheckboxGroupStyleContext",
+  strict: false,
+  defaultValue: {
+    size: "md"
+  }
+});
+
+export { CheckboxGroupStyleContext, useCheckboxGroupStyleContext };

package/dist/esm/checkbox/checkbox.js

@@ -0,0 +1,91 @@
+"use strict";
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Checkbox as Checkbox$1, composeRenderProps, Provider, CheckboxGroup as CheckboxGroup$1 } from 'react-aria-components';
+import { checkboxStyles, checkboxGroupStyles } from '@opengovsg/oui-theme';
+import { mapPropsVariants } from '../system/utils.js';
+import { useCheckboxGroupStyleContext, CheckboxGroupStyleContext } from './checkbox-group-style-context.js';
+import Minus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/minus.js';
+import Check from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/check.js';
+import { Label, Description, FieldError } from '../field/field.js';
+
+const Checkbox = ({
+  classNames,
+  className,
+  ...originalProps
+}) => {
+  const [props, variants] = mapPropsVariants(
+    originalProps,
+    checkboxStyles.variantKeys
+  );
+  const { size } = useCheckboxGroupStyleContext();
+  const styles = checkboxStyles({ size, ...variants });
+  return /* @__PURE__ */ jsx(
+    Checkbox$1,
+    {
+      ...props,
+      isDisabled: variants.isDisabled,
+      isInvalid: variants.isInvalid,
+      isSelected: variants.isSelected,
+      className: composeRenderProps(
+        className ?? classNames?.base,
+        (className2, renderProps) => styles.base({ ...renderProps, className: className2 })
+      ),
+      children: ({ isSelected, isIndeterminate, ...renderProps }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: styles.box({
+              isSelected: isSelected || isIndeterminate,
+              ...renderProps,
+              className: classNames?.box
+            }),
+            children: isIndeterminate ? /* @__PURE__ */ jsx(
+              Minus,
+              {
+                "aria-hidden": true,
+                className: styles.icon({ className: classNames?.icon })
+              }
+            ) : isSelected ? /* @__PURE__ */ jsx(
+              Check,
+              {
+                "aria-hidden": true,
+                className: styles.icon({ className: classNames?.icon })
+              }
+            ) : null
+          }
+        ),
+        props.children
+      ] })
+    }
+  );
+};
+function CheckboxGroup({
+  description,
+  errorMessage,
+  classNames,
+  size,
+  ...props
+}) {
+  const context = {
+    size
+  };
+  return /* @__PURE__ */ jsx(Provider, { values: [[CheckboxGroupStyleContext, context]], children: /* @__PURE__ */ jsxs(
+    CheckboxGroup$1,
+    {
+      ...props,
+      className: composeRenderProps(
+        props.className ?? classNames?.base,
+        (className, renderProps) => checkboxGroupStyles({ ...renderProps, size, className })
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Label, { size, className: classNames?.label, children: props.label }),
+        props.children,
+        description && /* @__PURE__ */ jsx(Description, { size, className: classNames?.description, children: description }),
+        /* @__PURE__ */ jsx(FieldError, { size, classNames: classNames?.error, children: errorMessage })
+      ]
+    }
+  ) });
+}
+
+export { Checkbox, CheckboxGroup };

package/dist/esm/checkbox/index.js

@@ -0,0 +1,3 @@
+"use strict";
+export { Checkbox, CheckboxGroup } from './checkbox.js';
+export { CheckboxGroupStyleContext, useCheckboxGroupStyleContext } from './checkbox-group-style-context.js';

package/dist/esm/combo-box/combo-box.js

@@ -5,13 +5,13 @@ import { useMemo, useCallback } from 'react';
 import { useMessageFormatter } from 'react-aria';
 import { ListLayout, Provider, ComboBox as ComboBox$1, Input, Button, Virtualizer, ListBox } from 'react-aria-components';
 import { listBoxItemStyles, cn, comboBoxStyles, composeTailwindRenderProps, composeRenderProps, comboBoxClearButtonStyles } from '@opengovsg/oui-theme';
-import { Popover } from '../popover/popover.js';
 import { mapPropsVariants } from '../system/utils.js';
 import { ComboBoxVariantContext } from './combo-box-variant-context.js';
 import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
 import ChevronUp from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-up.js';
 import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
 import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/x.js';
+import { Popover } from '../popover/popover.js';
 
 const calculateEstimatedRowHeight = (size) => {
   switch (size) {

package/dist/esm/date-picker/date-picker.js

@@ -4,13 +4,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { DatePicker as DatePicker$1, Dialog } from 'react-aria-components';
 import { datePickerStyles, composeTailwindRenderProps } from '@opengovsg/oui-theme';
-import { Popover } from '../popover/popover.js';
 import { mapPropsVariants } from '../system/utils.js';
 import { DateInput } from '../date-field/date-field.js';
 import Calendar from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/calendar.js';
 import { Calendar as Calendar$1 } from '../calendar/calendar.js';
 import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
 import { Button } from '../button/button.js';
+import { Popover } from '../popover/popover.js';
 
 function DatePicker(originalProps) {
   const [

package/dist/esm/date-range-picker/date-range-picker.js

@@ -5,13 +5,13 @@ import { useMemo } from 'react';
 import { CalendarDate } from '@internationalized/date';
 import { DateRangePicker as DateRangePicker$1, Dialog } from 'react-aria-components';
 import { dateRangePickerStyles, composeTailwindRenderProps } from '@opengovsg/oui-theme';
-import { Popover } from '../popover/popover.js';
-import { RangeCalendar } from '../range-calendar/range-calendar.js';
 import { mapPropsVariants } from '../system/utils.js';
 import Calendar from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/calendar.js';
+import { RangeCalendar } from '../range-calendar/range-calendar.js';
 import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
 import { DateInput } from '../date-field/date-field.js';
 import { Button } from '../button/button.js';
+import { Popover } from '../popover/popover.js';
 
 function DateRangePicker(originalProps) {
   const [

package/dist/esm/index.js

@@ -1,5 +1,8 @@
 "use strict";
+export { TextArea } from './text-area/text-area.js';
+export { TextAreaField } from './text-area-field/text-area-field.js';
 export { useControllableState } from './hooks/use-controllable-state.js';
+export { Button } from './button/button.js';
 export { GovtBanner } from './govt-banner/govt-banner.js';
 export { Ripple } from './ripple/ripple.js';
 export { useRipple } from './ripple/use-ripple.js';
@@ -9,29 +12,33 @@ export { Toggle } from './toggle/toggle.js';
 export { SkipNavLink } from './skip-nav-link/skip-nav-link.js';
 export { Input } from './input/input.js';
 export { TextField } from './text-field/text-field.js';
-export { TextArea } from './text-area/text-area.js';
-export { TextAreaField } from './text-area-field/text-area-field.js';
-export { TagField } from './tag-field/tag-field.js';
-export { TagFieldItem } from './tag-field/tag-field-item.js';
-export { Select } from './select/select.js';
-export { SelectItem } from './select/select-item.js';
-export { SelectVariantContext, useSelectVariantContext } from './select/select-variant-context.js';
-export { RangeCalendar, RangeCalendarCell, RangeCalendarStateWrapper } from './range-calendar/range-calendar.js';
-export { Menu, MenuItem, MenuSection, MenuSeparator, MenuTrigger, MenuVariantContext, SubmenuTrigger, useMenuVariantContext } from './menu/menu.js';
-export { Popover } from './popover/popover.js';
-export { Tab, TabList, TabPanel, Tabs, TabsVariantContext, useTabsVariantContext } from './tabs/tabs.js';
-export { Button } from './button/button.js';
 export { Description, FieldError, FieldGroup, Label } from './field/field.js';
 export { ComboBox, ComboBoxEmptyState } from './combo-box/combo-box.js';
 export { ComboBoxFuzzy } from './combo-box/combo-box-fuzzy.js';
 export { ComboBoxItem } from './combo-box/combo-box-item.js';
 export { ComboBoxVariantContext, useComboBoxVariantContext } from './combo-box/combo-box-variant-context.js';
 export { Banner } from './banner/banner.js';
+export { TagField } from './tag-field/tag-field.js';
+export { TagFieldItem } from './tag-field/tag-field-item.js';
+export { Select } from './select/select.js';
+export { SelectItem } from './select/select-item.js';
+export { SelectVariantContext, useSelectVariantContext } from './select/select-variant-context.js';
 export { Badge } from './badge/badge.js';
 export { CalendarDate } from '@internationalized/date';
 export { Calendar, CalendarStateWrapper } from './calendar/calendar.js';
 export { CalendarStyleContext, useCalendarStyleContext } from './calendar/calendar-style-context.js';
 export { getEraFormat, useGenerateLocalizedMonths, useGenerateLocalizedYears, useLocalizedMonthYear } from './calendar/utils.js';
+export { RangeCalendar, RangeCalendarCell, RangeCalendarStateWrapper } from './range-calendar/range-calendar.js';
+export { Menu, MenuItem, MenuSection, MenuSeparator, MenuTrigger, MenuVariantContext, SubmenuTrigger, useMenuVariantContext } from './menu/menu.js';
+export { Popover } from './popover/popover.js';
+export { Tab, TabList, TabPanel, Tabs, TabsVariantContext, useTabsVariantContext } from './tabs/tabs.js';
 export { DateField, DateInput } from './date-field/date-field.js';
 export { DatePicker } from './date-picker/date-picker.js';
 export { DateRangePicker } from './date-range-picker/date-range-picker.js';
+export { Checkbox, CheckboxGroup } from './checkbox/checkbox.js';
+export { CheckboxGroupStyleContext, useCheckboxGroupStyleContext } from './checkbox/checkbox-group-style-context.js';
+export { PaginationItemType } from './pagination/hooks/use-pagination.js';
+export { Pagination } from './pagination/pagination.js';
+export { PaginationCursor } from './pagination/pagination-cursor.js';
+export { PaginationItem } from './pagination/pagination-item.js';
+export { CURSOR_TRANSITION_TIMEOUT, usePagination } from './pagination/use-pagination.js';

package/dist/esm/menu/menu.js

@@ -4,11 +4,11 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useMemo, useCallback } from 'react';
 import { useContextProps, MenuItem as MenuItem$1, composeRenderProps, Provider, Menu as Menu$1, MenuSection as MenuSection$1, Header, Collection, MenuTrigger as MenuTrigger$1, SubmenuTrigger as SubmenuTrigger$1, Separator } from 'react-aria-components';
 import { listBoxItemStyles, menuItemStyles, menuStyles, menuSectionStyles, menuDividerStyles } from '@opengovsg/oui-theme';
-import { Popover } from '../popover/popover.js';
 import { forwardRefGeneric, mapPropsVariants } from '../system/utils.js';
 import Check from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/check.js';
 import ChevronRight from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-right.js';
 import { createContext } from '../system/react-utils/context.js';
+import { Popover } from '../popover/popover.js';
 
 const [MenuVariantContext, useMenuVariantContext] = createContext({
   name: "MenuVariantContext",

package/dist/esm/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.js

@@ -0,0 +1,43 @@
+import { useFocus as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from '../../../../../@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.js';
+import { isFocusVisible as $507fabe10e71c6fb$export$b9b3dfddab17db27, useFocusVisibleListener as $507fabe10e71c6fb$export$ec71b4b83ac08ec3 } from '../../../../../@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.js';
+import { useFocusWithin as $9ab94262bd0047c7$export$420e68273165f4ec } from '../../../../../@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.js';
+import { useRef, useState, useCallback } from 'react';
+
+function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
+    let { autoFocus: autoFocus = false, isTextInput: isTextInput, within: within } = props;
+    let state = (useRef)({
+        isFocused: false,
+        isFocusVisible: autoFocus || ($507fabe10e71c6fb$export$b9b3dfddab17db27)()
+    });
+    let [isFocused, setFocused] = (useState)(false);
+    let [isFocusVisibleState, setFocusVisible] = (useState)(()=>state.current.isFocused && state.current.isFocusVisible);
+    let updateState = (useCallback)(()=>setFocusVisible(state.current.isFocused && state.current.isFocusVisible), []);
+    let onFocusChange = (useCallback)((isFocused)=>{
+        state.current.isFocused = isFocused;
+        setFocused(isFocused);
+        updateState();
+    }, [
+        updateState
+    ]);
+    ($507fabe10e71c6fb$export$ec71b4b83ac08ec3)((isFocusVisible)=>{
+        state.current.isFocusVisible = isFocusVisible;
+        updateState();
+    }, [], {
+        isTextInput: isTextInput
+    });
+    let { focusProps: focusProps } = ($a1ea59d68270f0dd$export$f8168d8dd8fd66e6)({
+        isDisabled: within,
+        onFocusChange: onFocusChange
+    });
+    let { focusWithinProps: focusWithinProps } = ($9ab94262bd0047c7$export$420e68273165f4ec)({
+        isDisabled: !within,
+        onFocusWithinChange: onFocusChange
+    });
+    return {
+        isFocused: isFocused,
+        isFocusVisible: isFocusVisibleState,
+        focusProps: within ? focusWithinProps : focusProps
+    };
+}
+
+export { $f7dceffc5ad7768b$export$4e328f61c538687f as useFocusRing };

package/dist/esm/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.js

@@ -0,0 +1,19 @@
+import $670gB$react from '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';
+
+export { $ae1eeba8b9eafd08$export$5165eccb35aaadb5 as PressResponderContext };

package/dist/esm/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.js

@@ -0,0 +1,69 @@
+import { isIOS, getOwnerDocument, runAfterTransition } from '@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 ((isIOS)()) {
+        if ($14c0b72509d70225$var$state === 'default') {
+            const documentObject = (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 ((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.
+            (runAfterTransition)(()=>{
+                // Avoid race conditions
+                if ($14c0b72509d70225$var$state === 'restoring') {
+                    const documentObject = (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);
+        }
+    }
+}
+
+export { $14c0b72509d70225$export$16a4697467175487 as disableTextSelection, $14c0b72509d70225$export$b0d6fa1ab32e3295 as restoreTextSelection };

package/dist/esm/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.js

@@ -0,0 +1,58 @@
+import { useSyntheticBlurEvent as $8a9cb279dc87e130$export$715c682d09d639cc } from './utils.js';
+import { useCallback } from 'react';
+import { getOwnerDocument, getActiveElement, getEventTarget } from '@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 = (useCallback)((e)=>{
+        if (e.target === e.currentTarget) {
+            if (onBlurProp) onBlurProp(e);
+            if (onFocusChange) onFocusChange(false);
+            return true;
+        }
+    }, [
+        onBlurProp,
+        onFocusChange
+    ]);
+    const onSyntheticFocus = ($8a9cb279dc87e130$export$715c682d09d639cc)(onBlur);
+    const onFocus = (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 = (getOwnerDocument)(e.target);
+        const activeElement = ownerDocument ? (getActiveElement)(ownerDocument) : (getActiveElement)();
+        if (e.target === e.currentTarget && activeElement === (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
+        }
+    };
+}
+
+export { $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 as useFocus };