@os-design/core 1.0.255 → 1.0.257

package/src/DatePicker/DatePickerCalendar.tsx

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 import {
-  DatePickerLocale,
+  type DatePickerLocale,
   getAccessibilityDateLabel,
   useDatePickerCalendar,
 } from '@os-design/date-picker-utils';
@@ -10,8 +10,13 @@ import {
   resetFocusStyles,
   transitionStyles,
 } from '@os-design/styles';
-import { Color, clr } from '@os-design/theming';
-import React, { HTMLAttributes, useCallback, useEffect, useRef } from 'react';
+import { type Color, clr } from '@os-design/theming';
+import React, {
+  type HTMLAttributes,
+  useCallback,
+  useEffect,
+  useRef,
+} from 'react';
 import Button from '../Button';
 
 interface DatePickerCalendarProps {

package/src/DatePicker/index.tsx

@@ -1,13 +1,13 @@
 import styled from '@emotion/styled';
 import {
-  DatePickerLocale,
+  type DatePickerLocale,
   defaultLocale,
   getAccessibilityDateLabel,
   useFormattedValue,
 } from '@os-design/date-picker-utils';
 import { Down, Up } from '@os-design/icons';
 import { useIsMinWidth } from '@os-design/media';
-import { WithSize } from '@os-design/styles';
+import type { WithSize } from '@os-design/styles';
 import { ThemeOverrider } from '@os-design/theming';
 import {
   useForwardedRef,
@@ -404,6 +404,7 @@ const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(
               <>
                 <StyledTimePicker
                   ref={firstTimePickerRef}
+                  // eslint-disable-next-line jsx-a11y/no-autofocus
                   autoFocus
                   disabled={disabled}
                   notation={timeNotation}
@@ -438,6 +439,7 @@ const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(
             ) : (
               <StyledTimePicker
                 ref={firstTimePickerRef}
+                // eslint-disable-next-line jsx-a11y/no-autofocus
                 autoFocus
                 disabled={disabled}
                 notation={timeNotation}

package/src/Drawer/index.tsx

@@ -2,7 +2,7 @@ import { css, keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import Portal from '@os-design/portal';
 import {
-  WithSize,
+  type WithSize,
   enableScrollingStyles,
   resetFocusStyles,
   sizeStyles,
@@ -183,7 +183,8 @@ const Drawer = forwardRef<HTMLDivElement, DrawerProps>(
       <Portal>
         <DrawerMask visible={visible} />
         <Container onClick={onClose}>
-          <FocusLock autoFocus>
+          {/* eslint-disable-next-line jsx-a11y/no-autofocus */}
+          <FocusLock autoFocus={false}>
             <CloseDrawerContext.Provider value={onClose}>
               <Content
                 placement={placement}

package/src/Form/index.tsx

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
-import { WithSize, sizeStyles } from '@os-design/styles';
+import { type WithSize, sizeStyles } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef, useMemo } from 'react';
+import { forwardRef, useMemo } from 'react';
 import FormConfigContext from './FormConfigContext';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;

package/src/FormDivider/index.tsx

@@ -1,8 +1,8 @@
 import styled from '@emotion/styled';
-import { ellipsisStyles, sizeStyles, WithSize } from '@os-design/styles';
+import { ellipsisStyles, sizeStyles, type WithSize } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
 export interface FormDividerProps extends JsxDivProps, WithSize {

package/src/FormItem/index.tsx

@@ -1,8 +1,8 @@
 import styled from '@emotion/styled';
-import { sizeStyles, WithSize } from '@os-design/styles';
+import { sizeStyles, type WithSize } from '@os-design/styles';
 import { clr, ThemeOverrider } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef, useContext, useMemo } from 'react';
+import { forwardRef, useContext, useMemo } from 'react';
 import FormConfigContext from '../Form/FormConfigContext';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;

package/src/Gallery/Status.tsx

@@ -50,7 +50,7 @@ const Status: React.FC<StatusProps> = ({ count, current, height }) => (
       .fill(0)
       .map((_, index) => (
         <Block
-          key={index} // eslint-disable-line react/no-array-index-key
+          key={index}
           count={count}
           index={index}
           current={index === current}

package/src/Gallery/index.tsx

@@ -8,8 +8,8 @@ import {
   useSize,
 } from '@os-design/utils';
 import React, {
-  MouseEventHandler,
-  TouchEventHandler,
+  type MouseEventHandler,
+  type TouchEventHandler,
   forwardRef,
   useCallback,
   useEffect,
@@ -18,7 +18,7 @@ import React, {
   useState,
 } from 'react';
 import Button from '../Button';
-import Image, { ImageProps } from '../Image';
+import Image, { type ImageProps } from '../Image';
 import GalleryStatus from './Status';
 
 interface ContainerProps {
@@ -287,4 +287,6 @@ const Gallery = forwardRef<HTMLDivElement, GalleryProps>(
   }
 );
 
+Gallery.displayName = 'Gallery';
+
 export default Gallery;

package/src/GlobalStyles/resetStyles.ts

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
-import { SerializedStyles } from '@emotion/serialize';
-import { Theme } from '@os-design/theming';
+import type { SerializedStyles } from '@emotion/serialize';
+import type { Theme } from '@os-design/theming';
 
 const resetStyles = (theme: Theme): SerializedStyles => css`
   body {

package/src/GlobalStyles/typographyStyles.ts

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
-import { SerializedStyles } from '@emotion/serialize';
+import type { SerializedStyles } from '@emotion/serialize';
 import { m } from '@os-design/media';
-import { Theme, clr } from '@os-design/theming';
+import { type Theme, clr } from '@os-design/theming';
 import fp from 'facepaint';
 
 const headingsFontSizeStyles = (fontSize: number[]) => {

package/src/HeaderSkeleton/index.tsx

@@ -2,8 +2,8 @@ import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { m } from '@os-design/media';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
-import Skeleton, { SkeletonProps } from '../Skeleton';
+import { forwardRef } from 'react';
+import Skeleton, { type SkeletonProps } from '../Skeleton';
 
 export interface HeaderSkeletonProps extends SkeletonProps {
   /**

package/src/Image/index.tsx

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef, useCallback } from 'react';
+import { forwardRef, useCallback } from 'react';
 
 const EMPTY_IMAGE =
   'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO8+R8AArcB2pIvCSwAAAAASUVORK5CYII=';

package/src/ImageSkeleton/index.tsx

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
-import React, { forwardRef } from 'react';
-import Skeleton, { SkeletonProps } from '../Skeleton';
+import { forwardRef } from 'react';
+import Skeleton, { type SkeletonProps } from '../Skeleton';
 
 export type ImageSkeletonProps = Omit<SkeletonProps, 'width'>;
 

package/src/Input/index.tsx

@@ -5,16 +5,16 @@ import {
   resetFocusStyles,
   sizeStyles,
   transitionStyles,
-  WithSize,
+  type WithSize,
 } from '@os-design/styles';
 import { clr, ThemeOverrider } from '@os-design/theming';
 import { omitEmotionProps, useForwardedRef } from '@os-design/utils';
 import React, {
-  ChangeEvent,
-  FocusEventHandler,
-  ForwardedRef,
+  type ChangeEvent,
+  type FocusEventHandler,
+  type ForwardedRef,
   forwardRef,
-  KeyboardEventHandler,
+  type KeyboardEventHandler,
   useCallback,
   useMemo,
 } from 'react';

package/src/InputNumber/index.tsx

@@ -6,9 +6,9 @@ import {
   useValidate,
 } from '@os-design/input-number-utils';
 import { useForwardedRef } from '@os-design/utils';
-import React, { forwardRef, useEffect, useMemo, useState } from 'react';
-import Input, { InputProps } from '../Input';
-import defaultLocale, { InputNumberLocale } from './utils/defaultLocale';
+import { forwardRef, useEffect, useMemo, useState } from 'react';
+import Input, { type InputProps } from '../Input';
+import defaultLocale, { type InputNumberLocale } from './utils/defaultLocale';
 
 export interface InputNumberProps
   extends Omit<InputProps, 'type' | 'value' | 'onChange'> {

package/src/InputPassword/index.tsx

@@ -3,11 +3,11 @@ import { Eye, EyeInvisible } from '@os-design/icons';
 import { ThemeOverrider, useTheme } from '@os-design/theming';
 import { useForwardedRef, useForwardedState } from '@os-design/utils';
 import getPasswordScore from '@os-team/password-score';
-import React, { forwardRef, useEffect, useMemo, useState } from 'react';
+import { forwardRef, useEffect, useMemo, useState } from 'react';
 import Button from '../Button';
-import Input, { InputProps } from '../Input';
+import Input, { type InputProps } from '../Input';
 import Progress from '../Progress';
-import defaultLocale, { InputPasswordLocale } from './utils/defaultLocale';
+import defaultLocale, { type InputPasswordLocale } from './utils/defaultLocale';
 
 export interface InputPasswordProps extends Omit<InputProps, 'type'> {
   /**
@@ -175,7 +175,6 @@ const InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(
             overrides={{
               progressColorStroke: strength.color,
               get progressColorStrokeSuccess() {
-                // eslint-disable-next-line react/no-this-in-sfc
                 return this.progressColorStroke;
               },
             }}

package/src/InputSearch/index.tsx

@@ -3,10 +3,10 @@ import styled from '@emotion/styled';
 import { CloseCircle, Search } from '@os-design/icons';
 import { ThemeOverrider } from '@os-design/theming';
 import { useForwardedRef, useForwardedState } from '@os-design/utils';
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import Button from '../Button';
-import Input, { InputProps } from '../Input';
-import defaultLocale, { InputSearchLocale } from './utils/defaultLocale';
+import Input, { type InputProps } from '../Input';
+import defaultLocale, { type InputSearchLocale } from './utils/defaultLocale';
 
 export interface InputSearchProps
   extends Omit<InputProps, 'type' | 'onChange'> {

package/src/InputSkeleton/index.tsx

@@ -1,8 +1,8 @@
 import styled from '@emotion/styled';
-import { sizeStyles, WithSize } from '@os-design/styles';
+import { sizeStyles, type WithSize } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
-import Skeleton, { SkeletonProps } from '../Skeleton';
+import { forwardRef } from 'react';
+import Skeleton, { type SkeletonProps } from '../Skeleton';
 
 export type InputSkeletonProps = Omit<SkeletonProps, 'width'> & WithSize;
 

package/src/Link/index.tsx

@@ -4,7 +4,7 @@ import {
   resetFocusStyles,
   sizeStyles,
   transitionStyles,
-  WithSize,
+  type WithSize,
 } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';

package/src/LinkButton/index.tsx

@@ -1,9 +1,13 @@
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
-import { resetButtonStyles, sizeStyles, WithSize } from '@os-design/styles';
+import {
+  resetButtonStyles,
+  sizeStyles,
+  type WithSize,
+} from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import {
   DisabledWrapper,
   underlineAlwaysStyles,

package/src/List/WindowScroller.tsx

@@ -36,15 +36,14 @@ const WindowScroller: React.FC<WindowScrollerProps> = ({
     enableBodyPointerEventsAfterDelay(DISABLE_BODY_POINTER_EVENTS_TIMEOUT);
     if (!onScrollRef.current) return;
     onScrollRef.current({
-      top: window.pageYOffset,
-      left: window.pageXOffset,
+      top: window.scrollY,
+      left: window.scrollX,
     });
   }, []);
 
   useEffect(() => () => enableBodyPointerEventsAfterDelay(0), []);
   useEvent(document, 'scroll', scrollListener);
 
-  // eslint-disable-next-line react/jsx-no-useless-fragment
   return <>{children}</>;
 };
 

package/src/List/index.tsx

@@ -7,7 +7,7 @@ import {
   useSize,
 } from '@os-design/utils';
 import React, {
-  CSSProperties,
+  type CSSProperties,
   forwardRef,
   useCallback,
   useContext,
@@ -15,11 +15,11 @@ import React, {
 } from 'react';
 import {
   FixedSizeList,
-  ListChildComponentProps,
-  ListProps as RWListProps,
+  type ListChildComponentProps,
+  type ListProps as RWListProps,
 } from 'react-window';
 import LayoutContext from '../Layout/LayoutContext';
-import WindowScroller, { ScrollPosition } from './WindowScroller';
+import WindowScroller, { type ScrollPosition } from './WindowScroller';
 import useRWLoadNext from './utils/useRWLoadNext';
 
 export interface ListProps extends Partial<RWListProps> {
@@ -161,7 +161,6 @@ const List = forwardRef<FixedSizeList, ListProps>(
       [listRef, loadNext]
     );
 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const InnerElement = useCallback(
       ({ style: innerStyle, ...innerRest }) => (
         <div
@@ -193,7 +192,6 @@ const List = forwardRef<FixedSizeList, ListProps>(
       [itemRenderer, paddingTopSize]
     );
 
-    // eslint-disable-next-line react/jsx-no-useless-fragment
     const EmptyComponent = useCallback(() => <>{empty}</>, [empty]);
 
     const renderList = useCallback(

package/src/List/utils/bodyPointerEvents.ts

@@ -1,4 +1,4 @@
-import { clearFrameTimeout, Frame, setFrameTimeout } from './frameTimeout';
+import { clearFrameTimeout, type Frame, setFrameTimeout } from './frameTimeout';
 
 let originalBodyPointerEvents: string | null = null;
 let timeoutId: Frame | null = null;

package/src/ListItem/index.tsx

@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 import { ellipsisStyles, horizontalPaddingStyles } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import React, { forwardRef } from 'react';
-import ListItemActions, { ListItemActionsProps } from '../ListItemActions';
+import ListItemActions, { type ListItemActionsProps } from '../ListItemActions';
 
 export interface ListItemProps extends ListItemActionsProps {
   /**

package/src/ListItemActions/index.tsx

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
-import { sizeStyles, transitionStyles, WithSize } from '@os-design/styles';
-import { clr, Color } from '@os-design/theming';
+import { sizeStyles, transitionStyles, type WithSize } from '@os-design/styles';
+import { clr, type Color } from '@os-design/theming';
 import {
   isTouchDevice,
   omitEmotionProps,
@@ -15,7 +15,7 @@ import React, {
   useMemo,
   useState,
 } from 'react';
-import Button, { ButtonProps } from '../Button';
+import Button, { type ButtonProps } from '../Button';
 
 export interface ListItemAction extends Omit<ButtonProps, 'type' | 'wide'> {
   icon: React.ReactElement;

package/src/ListItemLink/index.tsx

@@ -1,9 +1,9 @@
 import styled from '@emotion/styled';
 import { resetFocusStyles } from '@os-design/styles';
-import { clr, Color } from '@os-design/theming';
-import React, { forwardRef } from 'react';
-import { LinkProps, ReactRouterLinkProps } from '../Link';
-import ListItem, { ListItemProps } from '../ListItem';
+import { clr, type Color } from '@os-design/theming';
+import { forwardRef } from 'react';
+import type { LinkProps, ReactRouterLinkProps } from '../Link';
+import ListItem, { type ListItemProps } from '../ListItem';
 
 type JsxAProps = Omit<JSX.IntrinsicElements['a'], 'ref'>;
 export type ListItemLinkProps = JsxAProps &

package/src/ListItemSkeleton/index.tsx

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
-import React, { forwardRef } from 'react';
-import ListItem, { ListItemProps } from '../ListItem';
+import { forwardRef } from 'react';
+import ListItem, { type ListItemProps } from '../ListItem';
 import Skeleton from '../Skeleton';
 
 export interface ListItemSkeletonProps

package/src/ListSkeleton/index.tsx

@@ -1,7 +1,9 @@
-import React, { forwardRef, useCallback } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { FixedSizeList } from 'react-window';
-import List, { ListProps } from '../List';
-import ListItemSkeleton, { ListItemSkeletonProps } from '../ListItemSkeleton';
+import List, { type ListProps } from '../List';
+import ListItemSkeleton, {
+  type ListItemSkeletonProps,
+} from '../ListItemSkeleton';
 
 export interface ListSkeletonProps
   extends Omit<ListProps, 'itemCount' | 'itemRenderer' | 'children'>,

package/src/LogoLink/index.tsx

@@ -4,12 +4,12 @@ import {
   resetFocusStyles,
   sizeStyles,
   transitionStyles,
-  WithSize,
+  type WithSize,
 } from '@os-design/styles';
 import { useTheme } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef } from 'react';
-import { LinkProps, ReactRouterLinkProps } from '../Link';
+import { forwardRef } from 'react';
+import type { LinkProps, ReactRouterLinkProps } from '../Link';
 
 type JsxAProps = Omit<JSX.IntrinsicElements['a'], 'ref'>;
 export interface LogoLinkProps

package/src/Menu/index.tsx

@@ -7,9 +7,9 @@ import {
   useForwardedRef,
   useKeyPress,
 } from '@os-design/utils';
-import React, { forwardRef, RefObject, useMemo } from 'react';
+import { forwardRef, type RefObject, useMemo } from 'react';
 import Modal from '../Modal';
-import Popover, { PopoverProps } from '../Popover';
+import Popover, { type PopoverProps } from '../Popover';
 import useFocusWithArrows from './utils/useFocusWithArrows';
 
 export interface MenuProps extends PopoverProps {

package/src/Menu/utils/useFocusWithArrows.ts

@@ -1,5 +1,5 @@
-import { KeyPressListener, useKeyPress } from '@os-design/utils';
-import { RefObject, useCallback } from 'react';
+import { type KeyPressListener, useKeyPress } from '@os-design/utils';
+import { type RefObject, useCallback } from 'react';
 
 const useFocusWithArrows = (ref: RefObject<Element>): void => {
   const arrowKeyPressListener = useCallback<KeyPressListener>(

package/src/MenuDivider/index.tsx

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 import { clr } from '@os-design/theming';
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 
 export type MenuDividerProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
 

package/src/MenuItem/index.tsx

@@ -5,14 +5,8 @@ import { m } from '@os-design/media';
 import { MenuContext } from '@os-design/menu-utils';
 import { ThemeOverrider, clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
-import React, {
-  forwardRef,
-  useCallback,
-  useContext,
-  useEffect,
-  useRef,
-} from 'react';
-import Button, { ButtonProps } from '../Button';
+import { forwardRef, useCallback, useContext, useEffect, useRef } from 'react';
+import Button, { type ButtonProps } from '../Button';
 
 export interface MenuItemProps
   extends Omit<ButtonProps, 'type' | 'wide' | 'size'> {

package/src/Modal/index.tsx

@@ -4,7 +4,7 @@ import { Close } from '@os-design/icons';
 import { m } from '@os-design/media';
 import Portal from '@os-design/portal';
 import {
-  WithSize,
+  type WithSize,
   ellipsisStyles,
   enableScrollingStyles,
   sizeStyles,
@@ -12,8 +12,8 @@ import {
 import { ThemeOverrider, clr, useTheme } from '@os-design/theming';
 import { omitEmotionProps, useBodyScroll, useClosable } from '@os-design/utils';
 import React, {
-  KeyboardEvent,
-  MouseEvent,
+  type KeyboardEvent,
+  type MouseEvent,
   forwardRef,
   useCallback,
   useContext,
@@ -22,7 +22,7 @@ import React, {
 } from 'react';
 import FocusLock from 'react-focus-lock';
 import Button from '../Button';
-import defaultLocale, { ModalLocale } from './utils/defaultLocale';
+import defaultLocale, { type ModalLocale } from './utils/defaultLocale';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
 export interface ModalProps extends JsxDivProps, WithSize {
@@ -351,6 +351,7 @@ const Modal = forwardRef<HTMLDivElement, ModalProps>(
       <Portal>
         <ModalMask visible={visible} />
         <Container onClick={containerClickHandler}>
+          {/* eslint-disable-next-line jsx-a11y/no-autofocus */}
           <FocusLock autoFocus={false}>
             <CloseModalContext.Provider value={onClose}>
               <Content

package/src/Navigation/utils/useScrollFlags.ts

@@ -1,6 +1,6 @@
 import { useIsMinWidth } from '@os-design/media';
 import { useBrowserLayoutEffect, useEvent } from '@os-design/utils';
-import { RefObject, useCallback, useState } from 'react';
+import { type RefObject, useCallback, useState } from 'react';
 
 interface UseScrollFlagsRes {
   hasPrev: boolean;

package/src/NavigationItem/index.tsx

@@ -5,7 +5,7 @@ import { resetFocusStyles, transitionStyles } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import React, { forwardRef } from 'react';
-import { LinkProps, ReactRouterLinkProps } from '../Link';
+import type { LinkProps, ReactRouterLinkProps } from '../Link';
 
 type JsxAProps = Omit<JSX.IntrinsicElements['a'], 'ref'>;
 export interface NavigationItemProps

package/src/PageContent/index.tsx

@@ -3,7 +3,7 @@ import styled from '@emotion/styled';
 import { m } from '@os-design/media';
 import { horizontalPaddingStyles } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
-import React, { forwardRef, useContext } from 'react';
+import { forwardRef, useContext } from 'react';
 import LayoutContext from '../Layout/LayoutContext';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;

package/src/PageHeader/index.tsx

@@ -8,7 +8,7 @@ import { omitEmotionProps } from '@os-design/utils';
 import React, { forwardRef, useContext } from 'react';
 import Button from '../Button';
 import LayoutContext from '../Layout/LayoutContext';
-import defaultLocale, { PageHeaderLocale } from './utils/defaultLocale';
+import defaultLocale, { type PageHeaderLocale } from './utils/defaultLocale';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
 export interface PageHeaderProps extends JsxDivProps {

package/src/PageHeaderInputSearch/index.tsx

@@ -3,13 +3,13 @@ import styled from '@emotion/styled';
 import { Close, Search } from '@os-design/icons';
 import { ThemeOverrider, useTheme } from '@os-design/theming';
 import { omitEmotionProps, useClosable } from '@os-design/utils';
-import React, { forwardRef, useContext, useState } from 'react';
+import { forwardRef, useContext, useState } from 'react';
 import Button from '../Button';
-import InputSearch, { InputSearchProps } from '../InputSearch';
+import InputSearch, { type InputSearchProps } from '../InputSearch';
 import LayoutContext from '../Layout/LayoutContext';
 import { PageHeaderContainer } from '../PageHeader';
 import defaultLocale, {
-  PageHeaderInputSearchLocale,
+  type PageHeaderInputSearchLocale,
 } from './utils/defaultLocale';
 
 export interface PageHeaderInputSearchProps
@@ -115,6 +115,7 @@ const PageHeaderInputSearch = forwardRef<
               hasNavigationIndent={hasNavigation}
             >
               <InputSearch
+                // eslint-disable-next-line jsx-a11y/no-autofocus
                 autoFocus
                 locale={locale}
                 loading={loading}

package/src/PageHeaderInputSearch/utils/defaultLocale.ts

@@ -1,5 +1,5 @@
 import inputSearchDefaultLocale, {
-  InputSearchLocale,
+  type InputSearchLocale,
 } from '../../InputSearch/utils/defaultLocale';
 
 export interface PageHeaderInputSearchLocale extends InputSearchLocale {