@os-design/core 1.0.258 → 1.0.260

package/src/InputPassword/index.tsx

@@ -2,12 +2,14 @@ import styled from '@emotion/styled';
 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 { getPasswordScore } from '@os-design/input-password-utils';
 import { forwardRef, useEffect, useMemo, useState } from 'react';
-import Button from '../Button';
-import Input, { type InputProps } from '../Input';
-import Progress from '../Progress';
-import defaultLocale, { type InputPasswordLocale } from './utils/defaultLocale';
+import Button from '../Button/index.js';
+import Input, { type InputProps } from '../Input/index.js';
+import Progress from '../Progress/index.js';
+import defaultLocale, {
+  type InputPasswordLocale,
+} from './utils/defaultLocale.js';
 
 export interface InputPasswordProps extends Omit<InputProps, 'type'> {
   /**

package/src/InputSearch/index.tsx

@@ -4,9 +4,11 @@ import { CloseCircle, Search } from '@os-design/icons';
 import { ThemeOverrider } from '@os-design/theming';
 import { useForwardedRef, useForwardedState } from '@os-design/utils';
 import { forwardRef } from 'react';
-import Button from '../Button';
-import Input, { type InputProps } from '../Input';
-import defaultLocale, { type InputSearchLocale } from './utils/defaultLocale';
+import Button from '../Button/index.js';
+import Input, { type InputProps } from '../Input/index.js';
+import defaultLocale, {
+  type InputSearchLocale,
+} from './utils/defaultLocale.js';
 
 export interface InputSearchProps
   extends Omit<InputProps, 'type' | 'onChange'> {

package/src/InputSkeleton/index.tsx

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

package/src/Layout/index.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import LayoutContext from './LayoutContext';
+import LayoutContext from './LayoutContext.js';
 
 export interface LayoutProps {
   /**

package/src/LinkButton/index.tsx

@@ -12,7 +12,7 @@ import {
   DisabledWrapper,
   underlineAlwaysStyles,
   underlineHoverStyles,
-} from '../Link';
+} from '../Link/index.js';
 
 type JsxButtonProps = Omit<JSX.IntrinsicElements['button'], 'ref'>;
 

package/src/List/WindowScroller.tsx

@@ -3,7 +3,7 @@ import React, { useCallback, useEffect, useRef } from 'react';
 import {
   disableBodyPointerEvents,
   enableBodyPointerEventsAfterDelay,
-} from './utils/bodyPointerEvents';
+} from './utils/bodyPointerEvents.js';
 
 export interface ScrollPosition {
   top: number;

package/src/List/index.tsx

@@ -18,9 +18,9 @@ import {
   type ListChildComponentProps,
   type ListProps as RWListProps,
 } from 'react-window';
-import LayoutContext from '../Layout/LayoutContext';
-import WindowScroller, { type ScrollPosition } from './WindowScroller';
-import useRWLoadNext from './utils/useRWLoadNext';
+import LayoutContext from '../Layout/LayoutContext.js';
+import WindowScroller, { type ScrollPosition } from './WindowScroller.js';
+import useRWLoadNext from './utils/useRWLoadNext.js';
 
 export interface ListProps extends Partial<RWListProps> {
   /**
@@ -245,7 +245,7 @@ const List = forwardRef<FixedSizeList, ListProps>(
 
 List.displayName = 'List';
 
-export { default as WindowScroller } from './WindowScroller';
-export { default as useRWLoadNext } from './utils/useRWLoadNext';
+export { default as WindowScroller } from './WindowScroller.js';
+export { default as useRWLoadNext } from './utils/useRWLoadNext.js';
 
 export default List;

package/src/List/utils/bodyPointerEvents.ts

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

package/src/ListItem/index.tsx

@@ -2,7 +2,9 @@ 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, { type ListItemActionsProps } from '../ListItemActions';
+import ListItemActions, {
+  type ListItemActionsProps,
+} from '../ListItemActions/index.js';
 
 export interface ListItemProps extends ListItemActionsProps {
   /**

package/src/ListItemActions/index.tsx

@@ -15,7 +15,7 @@ import React, {
   useMemo,
   useState,
 } from 'react';
-import Button, { type ButtonProps } from '../Button';
+import Button, { type ButtonProps } from '../Button/index.js';
 
 export interface ListItemAction extends Omit<ButtonProps, 'type' | 'wide'> {
   icon: React.ReactElement;

package/src/ListItemLink/index.tsx

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

package/src/ListItemSkeleton/index.tsx

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 import { forwardRef } from 'react';
-import ListItem, { type ListItemProps } from '../ListItem';
-import Skeleton from '../Skeleton';
+import ListItem, { type ListItemProps } from '../ListItem/index.js';
+import Skeleton from '../Skeleton/index.js';
 
 export interface ListItemSkeletonProps
   extends Omit<ListItemProps, 'title' | 'description' | 'actions'> {

package/src/ListSkeleton/index.tsx

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

package/src/LogoLink/index.tsx

@@ -9,7 +9,7 @@ import {
 import { useTheme } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef } from 'react';
-import type { LinkProps, ReactRouterLinkProps } from '../Link';
+import type { LinkProps, ReactRouterLinkProps } from '../Link/index.js';
 
 type JsxAProps = Omit<JSX.IntrinsicElements['a'], 'ref'>;
 export interface LogoLinkProps

package/src/Menu/index.tsx

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

package/src/MenuGroup/index.tsx

@@ -5,7 +5,7 @@ import { ellipsisStyles } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { useForwardedState } from '@os-design/utils';
 import React, { forwardRef, useCallback, useContext, useMemo } from 'react';
-import MenuItem from '../MenuItem';
+import MenuItem from '../MenuItem/index.js';
 
 type JsxDivProps = Omit<
   JSX.IntrinsicElements['div'],

package/src/MenuItem/index.tsx

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

package/src/Modal/index.tsx

@@ -21,8 +21,8 @@ import React, {
   useRef,
 } from 'react';
 import FocusLock from 'react-focus-lock';
-import Button from '../Button';
-import defaultLocale, { type ModalLocale } from './utils/defaultLocale';
+import Button from '../Button/index.js';
+import defaultLocale, { type ModalLocale } from './utils/defaultLocale.js';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
 export interface ModalProps extends JsxDivProps, WithSize {
@@ -351,7 +351,7 @@ const Modal = forwardRef<HTMLDivElement, ModalProps>(
       <Portal>
         <ModalMask visible={visible} />
         <Container onClick={containerClickHandler}>
-          {/* eslint-disable-next-line jsx-a11y/no-autofocus */}
+          {/* @ts-expect-error FocusLock has problems with types */}
           <FocusLock autoFocus={false}>
             <CloseModalContext.Provider value={onClose}>
               <Content

package/src/Navigation/index.tsx

@@ -5,7 +5,7 @@ import { enableScrollingStyles } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import React, { forwardRef, useRef } from 'react';
-import useScrollFlags from './utils/useScrollFlags';
+import useScrollFlags from './utils/useScrollFlags.js';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
 export interface NavigationProps extends JsxDivProps {

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 type { LinkProps, ReactRouterLinkProps } from '../Link';
+import type { LinkProps, ReactRouterLinkProps } from '../Link/index.js';
 
 type JsxAProps = Omit<JSX.IntrinsicElements['a'], 'ref'>;
 export interface NavigationItemProps

package/src/PageContent/index.tsx

@@ -4,7 +4,7 @@ import { m } from '@os-design/media';
 import { horizontalPaddingStyles } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef, useContext } from 'react';
-import LayoutContext from '../Layout/LayoutContext';
+import LayoutContext from '../Layout/LayoutContext.js';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
 export interface PageContentProps extends JsxDivProps {

package/src/PageHeader/index.tsx

@@ -6,9 +6,9 @@ import { ellipsisStyles } from '@os-design/styles';
 import { ThemeOverrider, clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import React, { forwardRef, useContext } from 'react';
-import Button from '../Button';
-import LayoutContext from '../Layout/LayoutContext';
-import defaultLocale, { type PageHeaderLocale } from './utils/defaultLocale';
+import Button from '../Button/index.js';
+import LayoutContext from '../Layout/LayoutContext.js';
+import defaultLocale, { type PageHeaderLocale } from './utils/defaultLocale.js';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
 export interface PageHeaderProps extends JsxDivProps {

package/src/PageHeaderInputSearch/index.tsx

@@ -4,13 +4,13 @@ import { Close, Search } from '@os-design/icons';
 import { ThemeOverrider, useTheme } from '@os-design/theming';
 import { omitEmotionProps, useClosable } from '@os-design/utils';
 import { forwardRef, useContext, useState } from 'react';
-import Button from '../Button';
-import InputSearch, { type InputSearchProps } from '../InputSearch';
-import LayoutContext from '../Layout/LayoutContext';
-import { PageHeaderContainer } from '../PageHeader';
+import Button from '../Button/index.js';
+import InputSearch, { type InputSearchProps } from '../InputSearch/index.js';
+import LayoutContext from '../Layout/LayoutContext.js';
+import { PageHeaderContainer } from '../PageHeader/index.js';
 import defaultLocale, {
   type PageHeaderInputSearchLocale,
-} from './utils/defaultLocale';
+} from './utils/defaultLocale.js';
 
 export interface PageHeaderInputSearchProps
   extends Omit<InputSearchProps, 'size' | 'locale'> {
@@ -115,7 +115,6 @@ 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,6 +1,6 @@
 import inputSearchDefaultLocale, {
   type InputSearchLocale,
-} from '../../InputSearch/utils/defaultLocale';
+} from '../../InputSearch/utils/defaultLocale.js';
 
 export interface PageHeaderInputSearchLocale extends InputSearchLocale {
   searchLabel: string;

package/src/PageHeaderSkeleton/index.tsx

@@ -1,8 +1,8 @@
 import type { WithSize } from '@os-design/styles';
 import { forwardRef, useContext } from 'react';
-import LayoutContext from '../Layout/LayoutContext';
-import { PageHeaderContainer } from '../PageHeader';
-import Skeleton, { type SkeletonProps } from '../Skeleton';
+import LayoutContext from '../Layout/LayoutContext.js';
+import { PageHeaderContainer } from '../PageHeader/index.js';
+import Skeleton, { type SkeletonProps } from '../Skeleton/index.js';
 
 export type PageHeaderSkeletonProps = SkeletonProps & WithSize;
 

package/src/ParagraphSkeleton/index.tsx

@@ -2,7 +2,7 @@ import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef } from 'react';
-import Skeleton, { type SkeletonProps } from '../Skeleton';
+import Skeleton, { type SkeletonProps } from '../Skeleton/index.js';
 
 export interface ParagraphSkeletonProps extends SkeletonProps {
   /**

package/src/Popover/index.tsx

@@ -24,7 +24,7 @@ import {
 import usePopoverPosition, {
   type Placement,
   type Rect,
-} from './utils/usePopoverPosition';
+} from './utils/usePopoverPosition.js';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
 export interface PopoverProps extends JsxDivProps, WithSize {

package/src/RadioGroup/index.tsx

@@ -5,7 +5,7 @@ import type { WithSize } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps, useForwardedState } from '@os-design/utils';
 import { forwardRef } from 'react';
-import Button, { type ButtonProps } from '../Button';
+import Button, { type ButtonProps } from '../Button/index.js';
 
 export interface RadioGroupOption
   extends Omit<ButtonProps, 'type' | 'wide' | 'size'> {

package/src/RadioGroupSkeleton/index.tsx

@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 import { sizeStyles, type WithSize } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef } from 'react';
-import Skeleton, { type SkeletonProps } from '../Skeleton';
+import Skeleton, { type SkeletonProps } from '../Skeleton/index.js';
 
 export interface RadioGroupSkeletonProps extends SkeletonProps, WithSize {
   /**

package/src/ScrollButton/index.tsx

@@ -10,11 +10,11 @@ import {
   type RefObject,
   useCallback,
 } from 'react';
-import Button, { type ButtonProps } from '../Button';
+import Button, { type ButtonProps } from '../Button/index.js';
 import useContainerPosition, {
   type ContainerPosition,
-} from './utils/useContainerPosition';
-import useVisibility from './utils/useVisibility';
+} from './utils/useContainerPosition.js';
+import useVisibility from './utils/useVisibility.js';
 
 export interface ScrollButtonProps extends Omit<ButtonProps, 'type' | 'wide'> {
   /**

package/src/Select/index.tsx

@@ -28,15 +28,15 @@ import React, {
   useState,
 } from 'react';
 import { FixedSizeList } from 'react-window';
-import Button from '../Button';
-import { InputContainer } from '../Input';
-import InputSearch, { type InputSearchProps } from '../InputSearch';
-import useRWLoadNext from '../List/utils/useRWLoadNext';
-import Menu from '../Menu';
-import MenuItem, { type MenuItemProps } from '../MenuItem';
-import type { PopoverProps } from '../Popover';
-import Tag from '../Tag';
-import defaultLocale, { type SelectLocale } from './utils/defaultLocale';
+import Button from '../Button/index.js';
+import { InputContainer } from '../Input/index.js';
+import InputSearch, { type InputSearchProps } from '../InputSearch/index.js';
+import useRWLoadNext from '../List/utils/useRWLoadNext.js';
+import Menu from '../Menu/index.js';
+import MenuItem, { type MenuItemProps } from '../MenuItem/index.js';
+import type { PopoverProps } from '../Popover/index.js';
+import Tag from '../Tag/index.js';
+import defaultLocale, { type SelectLocale } from './utils/defaultLocale.js';
 
 export interface Option extends MenuItemProps {
   value: string;

package/src/SwitchSkeleton/index.tsx

@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 import { sizeStyles, type WithSize } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef } from 'react';
-import Skeleton, { type SkeletonProps } from '../Skeleton';
+import Skeleton, { type SkeletonProps } from '../Skeleton/index.js';
 
 export type SwitchSkeletonProps = Omit<SkeletonProps, 'width'> & WithSize;
 

package/src/TagLink/index.tsx

@@ -2,8 +2,13 @@ import styled from '@emotion/styled';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef } from 'react';
-import type { LinkProps, ReactRouterLinkProps } from '../Link';
-import { type BaseTagProps, LeftAddon, RightAddon, TagContainer } from '../Tag';
+import type { LinkProps, ReactRouterLinkProps } from '../Link/index.js';
+import {
+  type BaseTagProps,
+  LeftAddon,
+  RightAddon,
+  TagContainer,
+} from '../Tag/index.js';
 
 type JsxAProps = Omit<JSX.IntrinsicElements['a'], 'ref'>;
 export type TagLinkProps = JsxAProps &

package/src/TagList/index.tsx

@@ -4,7 +4,7 @@ import { Down, Up } from '@os-design/icons';
 import { type WithSize, sizeStyles } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef, useState } from 'react';
-import Button from '../Button';
+import Button from '../Button/index.js';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
 export interface TagListProps extends JsxDivProps, WithSize {

package/src/TagListSkeleton/index.tsx

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
-import TagList, { type TagListProps } from '../TagList';
-import TagSkeleton from '../TagSkeleton';
+import TagList, { type TagListProps } from '../TagList/index.js';
+import TagSkeleton from '../TagSkeleton/index.js';
 
 export interface TagListSkeletonProps extends TagListProps {
   /**

package/src/TagSkeleton/index.tsx

@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 import { sizeStyles, type WithSize } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef } from 'react';
-import Skeleton, { type SkeletonProps } from '../Skeleton';
+import Skeleton, { type SkeletonProps } from '../Skeleton/index.js';
 
 export interface TagSkeletonProps
   extends Omit<SkeletonProps, 'width'>,

package/src/TextArea/index.tsx

@@ -13,8 +13,8 @@ import React, {
   useCallback,
   useMemo,
 } from 'react';
-import { InputContainer, StyledInput } from '../Input';
-import getFocusableElements from '../Input/utils/getFocusableElements';
+import { InputContainer, StyledInput } from '../Input/index.js';
+import getFocusableElements from '../Input/utils/getFocusableElements.js';
 
 type JsxTextAreaProps = Omit<
   JSX.IntrinsicElements['textarea'],

package/src/TextAreaSkeleton/index.tsx

@@ -1,6 +1,8 @@
 import styled from '@emotion/styled';
 import { forwardRef } from 'react';
-import InputSkeleton, { type InputSkeletonProps } from '../InputSkeleton';
+import InputSkeleton, {
+  type InputSkeletonProps,
+} from '../InputSkeleton/index.js';
 
 export type TextAreaSkeletonProps = InputSkeletonProps;
 

package/src/ThemeSwitcher/index.tsx

@@ -1,7 +1,7 @@
 import { Moon, Sun } from '@os-design/icons';
 import { useTheme } from '@os-design/theming';
 import { forwardRef } from 'react';
-import Button, { type ButtonProps } from '../Button';
+import Button, { type ButtonProps } from '../Button/index.js';
 
 export type ThemeSwitcherProps = ButtonProps;
 

package/src/TimePicker/index.tsx

@@ -1,8 +1,8 @@
 import { useTime } from '@os-design/time-picker-utils';
 import { useForwardedRef, useForwardedState } from '@os-design/utils';
 import { forwardRef, useCallback, useEffect, useMemo, useState } from 'react';
-import Button from '../Button';
-import Input, { type InputProps } from '../Input';
+import Button from '../Button/index.js';
+import Input, { type InputProps } from '../Input/index.js';
 
 export interface TimePickerProps
   extends Omit<InputProps, 'type' | 'value' | 'defaultValue' | 'onChange'> {