@os-design/core 1.0.258 → 1.0.259

package/dist/index.js

@@ -1,130 +1,130 @@
-export { default as Alert } from "./Alert/index.js";
-export { default as Avatar } from "./Avatar/index.js";
-export { default as AvatarSkeleton } from "./AvatarSkeleton/index.js";
-export { default as Badge } from "./Badge/index.js";
-export { default as Breadcrumb } from "./Breadcrumb/index.js";
-export { default as BreadcrumbItem } from "./BreadcrumbItem/index.js";
-export { default as Button } from "./Button/index.js";
-export { default as ButtonLink } from "./ButtonLink/index.js";
-export { default as Checkbox } from "./Checkbox/index.js";
-export { default as CheckboxSkeleton } from "./CheckboxSkeleton/index.js";
-export { default as DatePicker } from "./DatePicker/index.js";
-export { default as Drawer } from "./Drawer/index.js";
-export { default as Form } from "./Form/index.js";
-export { default as FormDivider } from "./FormDivider/index.js";
-export { default as FormItem } from "./FormItem/index.js";
-export { default as Gallery } from "./Gallery/index.js";
-export { default as GlobalStyles } from "./GlobalStyles/index.js";
-export { default as HeaderSkeleton } from "./HeaderSkeleton/index.js";
-export { default as Image } from "./Image/index.js";
-export { default as ImageSkeleton } from "./ImageSkeleton/index.js";
-export { default as Input } from "./Input/index.js";
-export { default as InputNumber } from "./InputNumber/index.js";
-export { default as InputPassword } from "./InputPassword/index.js";
-export { default as InputSearch } from "./InputSearch/index.js";
-export { default as InputSkeleton } from "./InputSkeleton/index.js";
-export { default as Layout } from "./Layout/index.js";
-export { default as Link } from "./Link/index.js";
-export { default as LinkButton } from "./LinkButton/index.js";
-export { default as List } from "./List/index.js";
-export { default as ListItem } from "./ListItem/index.js";
-export { default as ListItemActions } from "./ListItemActions/index.js";
-export { default as ListItemLink } from "./ListItemLink/index.js";
-export { default as ListSkeleton } from "./ListSkeleton/index.js";
-export { default as ListItemSkeleton } from "./ListItemSkeleton/index.js";
-export { default as LogoLink } from "./LogoLink/index.js";
-export { default as message } from "./message/index.js";
-export { default as Menu } from "./Menu/index.js";
-export { default as MenuDivider } from "./MenuDivider/index.js";
-export { default as MenuGroup } from "./MenuGroup/index.js";
-export { default as MenuItem } from "./MenuItem/index.js";
-export { default as Modal } from "./Modal/index.js";
-export { default as Navigation } from "./Navigation/index.js";
-export { default as NavigationItem } from "./NavigationItem/index.js";
-export { default as PageContent } from "./PageContent/index.js";
-export { default as PageHeader } from "./PageHeader/index.js";
-export { default as PageHeaderInputSearch } from "./PageHeaderInputSearch/index.js";
-export { default as PageHeaderSkeleton } from "./PageHeaderSkeleton/index.js";
-export { default as ParagraphSkeleton } from "./ParagraphSkeleton/index.js";
-export { default as Popover } from "./Popover/index.js";
-export { default as Progress } from "./Progress/index.js";
-export { default as RadioGroup } from "./RadioGroup/index.js";
-export { default as Result } from "./Result/index.js";
-export { default as ScrollButton } from "./ScrollButton/index.js";
-export { default as Select } from "./Select/index.js";
-export { default as Skeleton } from "./Skeleton/index.js";
-export { default as Switch } from "./Switch/index.js";
-export { default as SwitchSkeleton } from "./SwitchSkeleton/index.js";
-export { default as Tag } from "./Tag/index.js";
-export { default as TagLink } from "./TagLink/index.js";
-export { default as TagList } from "./TagList/index.js";
-export { default as TagListSkeleton } from "./TagListSkeleton/index.js";
-export { default as TagSkeleton } from "./TagSkeleton/index.js";
-export { default as TextArea } from "./TextArea/index.js";
-export { default as TextAreaSkeleton } from "./TextAreaSkeleton/index.js";
-export { default as ThemeSwitcher } from "./ThemeSwitcher/index.js";
-export { default as Video } from "./Video/index.js";
-export * from "./Alert/index.js";
-export * from "./Avatar/index.js";
-export * from "./AvatarSkeleton/index.js";
-export * from "./Badge/index.js";
-export * from "./Breadcrumb/index.js";
-export * from "./BreadcrumbItem/index.js";
-export * from "./Button/index.js";
-export * from "./ButtonLink/index.js";
-export * from "./Checkbox/index.js";
-export * from "./CheckboxSkeleton/index.js";
-export * from "./DatePicker/index.js";
-export * from "./Drawer/index.js";
-export * from "./Form/index.js";
-export * from "./FormDivider/index.js";
-export * from "./FormItem/index.js";
-export * from "./Gallery/index.js";
-export * from "./HeaderSkeleton/index.js";
-export * from "./Image/index.js";
-export * from "./ImageSkeleton/index.js";
-export * from "./Input/index.js";
-export * from "./InputNumber/index.js";
-export * from "./InputPassword/index.js";
-export * from "./InputSearch/index.js";
-export * from "./InputSkeleton/index.js";
-export * from "./Layout/index.js";
-export * from "./Link/index.js";
-export * from "./LinkButton/index.js";
-export * from "./List/index.js";
-export * from "./ListItem/index.js";
-export * from "./ListItemActions/index.js";
-export * from "./ListItemLink/index.js";
-export * from "./ListSkeleton/index.js";
-export * from "./ListItemSkeleton/index.js";
-export * from "./LogoLink/index.js";
-export * from "./Menu/index.js";
-export * from "./MenuDivider/index.js";
-export * from "./MenuGroup/index.js";
-export * from "./MenuItem/index.js";
-export * from "./Modal/index.js";
-export * from "./Navigation/index.js";
-export * from "./NavigationItem/index.js";
-export * from "./PageContent/index.js";
-export * from "./PageHeader/index.js";
-export * from "./PageHeaderInputSearch/index.js";
-export * from "./PageHeaderSkeleton/index.js";
-export * from "./ParagraphSkeleton/index.js";
-export * from "./Popover/index.js";
-export * from "./Progress/index.js";
-export * from "./RadioGroup/index.js";
-export * from "./Result/index.js";
-export * from "./ScrollButton/index.js";
-export * from "./Select/index.js";
-export * from "./Skeleton/index.js";
-export * from "./Switch/index.js";
-export * from "./SwitchSkeleton/index.js";
-export * from "./Tag/index.js";
-export * from "./TagLink/index.js";
-export * from "./TagList/index.js";
-export * from "./TagListSkeleton/index.js";
-export * from "./TagSkeleton/index.js";
-export * from "./TextArea/index.js";
-export * from "./TextAreaSkeleton/index.js";
-export * from "./ThemeSwitcher/index.js";
-export * from "./Video/index.js";
+export { default as Alert } from './Alert/index.js';
+export { default as Avatar } from './Avatar/index.js';
+export { default as AvatarSkeleton } from './AvatarSkeleton/index.js';
+export { default as Badge } from './Badge/index.js';
+export { default as Breadcrumb } from './Breadcrumb/index.js';
+export { default as BreadcrumbItem } from './BreadcrumbItem/index.js';
+export { default as Button } from './Button/index.js';
+export { default as ButtonLink } from './ButtonLink/index.js';
+export { default as Checkbox } from './Checkbox/index.js';
+export { default as CheckboxSkeleton } from './CheckboxSkeleton/index.js';
+export { default as DatePicker } from './DatePicker/index.js';
+export { default as Drawer } from './Drawer/index.js';
+export { default as Form } from './Form/index.js';
+export { default as FormDivider } from './FormDivider/index.js';
+export { default as FormItem } from './FormItem/index.js';
+export { default as Gallery } from './Gallery/index.js';
+export { default as GlobalStyles } from './GlobalStyles/index.js';
+export { default as HeaderSkeleton } from './HeaderSkeleton/index.js';
+export { default as Image } from './Image/index.js';
+export { default as ImageSkeleton } from './ImageSkeleton/index.js';
+export { default as Input } from './Input/index.js';
+export { default as InputNumber } from './InputNumber/index.js';
+export { default as InputPassword } from './InputPassword/index.js';
+export { default as InputSearch } from './InputSearch/index.js';
+export { default as InputSkeleton } from './InputSkeleton/index.js';
+export { default as Layout } from './Layout/index.js';
+export { default as Link } from './Link/index.js';
+export { default as LinkButton } from './LinkButton/index.js';
+export { default as List } from './List/index.js';
+export { default as ListItem } from './ListItem/index.js';
+export { default as ListItemActions } from './ListItemActions/index.js';
+export { default as ListItemLink } from './ListItemLink/index.js';
+export { default as ListSkeleton } from './ListSkeleton/index.js';
+export { default as ListItemSkeleton } from './ListItemSkeleton/index.js';
+export { default as LogoLink } from './LogoLink/index.js';
+export { default as message } from './message/index.js';
+export { default as Menu } from './Menu/index.js';
+export { default as MenuDivider } from './MenuDivider/index.js';
+export { default as MenuGroup } from './MenuGroup/index.js';
+export { default as MenuItem } from './MenuItem/index.js';
+export { default as Modal } from './Modal/index.js';
+export { default as Navigation } from './Navigation/index.js';
+export { default as NavigationItem } from './NavigationItem/index.js';
+export { default as PageContent } from './PageContent/index.js';
+export { default as PageHeader } from './PageHeader/index.js';
+export { default as PageHeaderInputSearch } from './PageHeaderInputSearch/index.js';
+export { default as PageHeaderSkeleton } from './PageHeaderSkeleton/index.js';
+export { default as ParagraphSkeleton } from './ParagraphSkeleton/index.js';
+export { default as Popover } from './Popover/index.js';
+export { default as Progress } from './Progress/index.js';
+export { default as RadioGroup } from './RadioGroup/index.js';
+export { default as Result } from './Result/index.js';
+export { default as ScrollButton } from './ScrollButton/index.js';
+export { default as Select } from './Select/index.js';
+export { default as Skeleton } from './Skeleton/index.js';
+export { default as Switch } from './Switch/index.js';
+export { default as SwitchSkeleton } from './SwitchSkeleton/index.js';
+export { default as Tag } from './Tag/index.js';
+export { default as TagLink } from './TagLink/index.js';
+export { default as TagList } from './TagList/index.js';
+export { default as TagListSkeleton } from './TagListSkeleton/index.js';
+export { default as TagSkeleton } from './TagSkeleton/index.js';
+export { default as TextArea } from './TextArea/index.js';
+export { default as TextAreaSkeleton } from './TextAreaSkeleton/index.js';
+export { default as ThemeSwitcher } from './ThemeSwitcher/index.js';
+export { default as Video } from './Video/index.js';
+export * from './Alert/index.js';
+export * from './Avatar/index.js';
+export * from './AvatarSkeleton/index.js';
+export * from './Badge/index.js';
+export * from './Breadcrumb/index.js';
+export * from './BreadcrumbItem/index.js';
+export * from './Button/index.js';
+export * from './ButtonLink/index.js';
+export * from './Checkbox/index.js';
+export * from './CheckboxSkeleton/index.js';
+export * from './DatePicker/index.js';
+export * from './Drawer/index.js';
+export * from './Form/index.js';
+export * from './FormDivider/index.js';
+export * from './FormItem/index.js';
+export * from './Gallery/index.js';
+export * from './HeaderSkeleton/index.js';
+export * from './Image/index.js';
+export * from './ImageSkeleton/index.js';
+export * from './Input/index.js';
+export * from './InputNumber/index.js';
+export * from './InputPassword/index.js';
+export * from './InputSearch/index.js';
+export * from './InputSkeleton/index.js';
+export * from './Layout/index.js';
+export * from './Link/index.js';
+export * from './LinkButton/index.js';
+export * from './List/index.js';
+export * from './ListItem/index.js';
+export * from './ListItemActions/index.js';
+export * from './ListItemLink/index.js';
+export * from './ListSkeleton/index.js';
+export * from './ListItemSkeleton/index.js';
+export * from './LogoLink/index.js';
+export * from './Menu/index.js';
+export * from './MenuDivider/index.js';
+export * from './MenuGroup/index.js';
+export * from './MenuItem/index.js';
+export * from './Modal/index.js';
+export * from './Navigation/index.js';
+export * from './NavigationItem/index.js';
+export * from './PageContent/index.js';
+export * from './PageHeader/index.js';
+export * from './PageHeaderInputSearch/index.js';
+export * from './PageHeaderSkeleton/index.js';
+export * from './ParagraphSkeleton/index.js';
+export * from './Popover/index.js';
+export * from './Progress/index.js';
+export * from './RadioGroup/index.js';
+export * from './Result/index.js';
+export * from './ScrollButton/index.js';
+export * from './Select/index.js';
+export * from './Skeleton/index.js';
+export * from './Switch/index.js';
+export * from './SwitchSkeleton/index.js';
+export * from './Tag/index.js';
+export * from './TagLink/index.js';
+export * from './TagList/index.js';
+export * from './TagListSkeleton/index.js';
+export * from './TagSkeleton/index.js';
+export * from './TextArea/index.js';
+export * from './TextAreaSkeleton/index.js';
+export * from './ThemeSwitcher/index.js';
+export * from './Video/index.js';

package/dist/message/Message.js

@@ -4,7 +4,7 @@ import { ellipsisStyles } from '@os-design/styles';
 import { clr, light } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef } from 'react';
-import AlertIcon from "./AlertIcon.js";
+import AlertIcon from './AlertIcon.js';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const fadeIn = keyframes`
   from {

package/dist/message/index.d.ts

@@ -1,4 +1,4 @@
-import type { AlertProps } from '../Alert';
+import type { AlertProps } from '../Alert/index.js';
 declare const message: Record<AlertProps['type'], (text: string) => void>;
 export default message;
 //# sourceMappingURL=index.d.ts.map

package/dist/message/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/message/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAsD3C,QAAA,MAAM,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAI/D,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/message/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAsDpD,QAAA,MAAM,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAI/D,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/message/index.js

@@ -1,6 +1,6 @@
 import ReactDOM from 'react-dom/client';
-import Message, { MESSAGE_DURATION_MS } from "./Message.js";
-import { containerStyles, messageContainerStyles, setStylesToHtmlElement } from "./styles.js";
+import Message, { MESSAGE_DURATION_MS } from './Message.js';
+import { containerStyles, messageContainerStyles, setStylesToHtmlElement } from './styles.js';
 import { jsx as _jsx } from "react/jsx-runtime";
 let containerElement;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/core",
-  "version": "1.0.258",
+  "version": "1.0.259",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "type": "module",
@@ -29,17 +29,16 @@
     "access": "public"
   },
   "dependencies": {
-    "@os-design/date-picker-utils": "^1.0.26",
-    "@os-design/icons": "^1.0.62",
-    "@os-design/input-number-utils": "^1.0.32",
-    "@os-design/media": "^1.0.28",
-    "@os-design/menu-utils": "^1.0.23",
-    "@os-design/portal": "^1.0.20",
-    "@os-design/styles": "^1.0.59",
-    "@os-design/theming": "^1.0.55",
-    "@os-design/time-picker-utils": "^1.0.17",
-    "@os-design/utils": "^1.0.79",
-    "@os-team/password-score": "^1.0.5",
+    "@os-design/date-picker-utils": "^1.0.27",
+    "@os-design/icons": "^1.0.63",
+    "@os-design/input-number-utils": "^1.0.33",
+    "@os-design/media": "^1.0.29",
+    "@os-design/menu-utils": "^1.0.24",
+    "@os-design/portal": "^1.0.21",
+    "@os-design/styles": "^1.0.60",
+    "@os-design/theming": "^1.0.56",
+    "@os-design/time-picker-utils": "^1.0.18",
+    "@os-design/utils": "^1.0.80",
     "facepaint": "^1.2.1",
     "react-focus-lock": "^2.13.2",
     "react-window": "^1.8.10"
@@ -58,5 +57,5 @@
     "react": ">=18",
     "react-dom": ">=18"
   },
-  "gitHead": "53c233a23d50ce2f7d9bc3ae9c96d9142e14b7ac"
+  "gitHead": "73037c89a49a62e8efd6fc87b80052988b0aa199"
 }

package/src/Avatar/index.tsx

@@ -4,9 +4,9 @@ import { type WithSize, sizeStyles } from '@os-design/styles';
 import { type Color, clr, useTheme } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef, useCallback, useMemo } from 'react';
-import Image, { type ImageProps } from '../Image';
-import nameToInitials from './utils/nameToInitials';
-import strToHue from './utils/strToHue';
+import Image, { type ImageProps } from '../Image/index.js';
+import nameToInitials from './utils/nameToInitials.js';
+import strToHue from './utils/strToHue.js';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
 export interface AvatarProps extends JsxDivProps, WithSize {

package/src/AvatarSkeleton/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 from '../Skeleton';
+import Skeleton from '../Skeleton/index.js';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
 export type AvatarSkeletonProps = JsxDivProps & WithSize;

package/src/Breadcrumb/index.tsx

@@ -7,7 +7,7 @@ import {
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import React, { forwardRef, type ReactElement, useMemo } from 'react';
-import BreadcrumbItem from '../BreadcrumbItem';
+import BreadcrumbItem from '../BreadcrumbItem/index.js';
 
 type JsxOlProps = Omit<JSX.IntrinsicElements['ol'], 'ref'>;
 export interface BreadcrumbProps extends JsxOlProps, WithSize {

package/src/BreadcrumbItem/index.tsx

@@ -3,7 +3,7 @@ import { Right } from '@os-design/icons';
 import { ellipsisStyles } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { forwardRef } from 'react';
-import Link, { type LinkProps } from '../Link';
+import Link, { type LinkProps } from '../Link/index.js';
 
 export interface BreadcrumbItemProps extends LinkProps {
   /**

package/src/Button/ButtonContent.tsx

@@ -4,7 +4,7 @@ import { Loading } from '@os-design/icons';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import React from 'react';
-import type { LoadingColors } from './utils/useButtonColors';
+import type { LoadingColors } from './utils/useButtonColors.js';
 
 interface ButtonContentProps {
   left?: React.ReactNode;

package/src/Button/index.tsx

@@ -10,8 +10,8 @@ import {
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import React, { forwardRef } from 'react';
-import ButtonContent from './ButtonContent';
-import useButtonColors, { type ButtonColors } from './utils/useButtonColors';
+import ButtonContent from './ButtonContent.js';
+import useButtonColors, { type ButtonColors } from './utils/useButtonColors.js';
 
 type JsxButtonProps = Omit<
   JSX.IntrinsicElements['button'],

package/src/ButtonLink/index.tsx

@@ -2,14 +2,14 @@ import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef } from 'react';
-import { type ButtonProps, StyledButton } from '../Button';
-import ButtonContent from '../Button/ButtonContent';
-import useButtonColors from '../Button/utils/useButtonColors';
+import { type ButtonProps, StyledButton } from '../Button/index.js';
+import ButtonContent from '../Button/ButtonContent.js';
+import useButtonColors from '../Button/utils/useButtonColors.js';
 import {
   DisabledWrapper,
   type LinkProps,
   type ReactRouterLinkProps,
-} from '../Link';
+} from '../Link/index.js';
 
 type JsxAProps = Omit<JSX.IntrinsicElements['a'], 'type' | 'ref'>;
 export type ButtonLinkProps = JsxAProps &

package/src/CheckboxSkeleton/index.tsx

@@ -3,7 +3,7 @@ import { sizeStyles, type WithSize } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef } from 'react';
-import Skeleton from '../Skeleton';
+import Skeleton from '../Skeleton/index.js';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
 export interface CheckboxSkeletonProps extends JsxDivProps, WithSize {

package/src/DatePicker/DatePickerCalendar.tsx

@@ -17,7 +17,7 @@ import React, {
   useEffect,
   useRef,
 } from 'react';
-import Button from '../Button';
+import Button from '../Button/index.js';
 
 interface DatePickerCalendarProps {
   firstDayOfWeek: 'monday' | 'saturday' | 'sunday';

package/src/DatePicker/index.tsx

@@ -22,9 +22,9 @@ import React, {
   useRef,
   useState,
 } from 'react';
-import Button from '../Button';
-import Modal from '../Modal';
-import Popover from '../Popover';
+import Button from '../Button/index.js';
+import Modal from '../Modal/index.js';
+import Popover from '../Popover/index.js';
 import {
   ClearIcon,
   Placeholder,
@@ -34,9 +34,9 @@ import {
   ToggleIconContainer,
   ToggleLeftAddon,
   ToggleRightAddon,
-} from '../Select';
-import TimePicker from '../TimePicker';
-import DatePickerCalendar from './DatePickerCalendar';
+} from '../Select/index.js';
+import TimePicker from '../TimePicker/index.js';
+import DatePickerCalendar from './DatePickerCalendar.js';
 
 type JsxDivProps = Omit<
   JSX.IntrinsicElements['div'],
@@ -404,7 +404,6 @@ const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(
               <>
                 <StyledTimePicker
                   ref={firstTimePickerRef}
-                  // eslint-disable-next-line jsx-a11y/no-autofocus
                   autoFocus
                   disabled={disabled}
                   notation={timeNotation}
@@ -439,7 +438,6 @@ 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

@@ -11,7 +11,7 @@ import { clr, useTheme } from '@os-design/theming';
 import { omitEmotionProps, useBodyScroll, useClosable } from '@os-design/utils';
 import React, { forwardRef, useCallback, useContext } from 'react';
 import FocusLock from 'react-focus-lock';
-import { ModalMask } from '../Modal';
+import { ModalMask } from '../Modal/index.js';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
 export interface DrawerProps extends JsxDivProps, WithSize {
@@ -183,7 +183,7 @@ const Drawer = forwardRef<HTMLDivElement, DrawerProps>(
       <Portal>
         <DrawerMask visible={visible} />
         <Container onClick={onClose}>
-          {/* eslint-disable-next-line jsx-a11y/no-autofocus */}
+          {/* @ts-expect-error FocusLock has problems with types */}
           <FocusLock autoFocus={false}>
             <CloseDrawerContext.Provider value={onClose}>
               <Content

package/src/Form/index.tsx

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

package/src/FormItem/index.tsx

@@ -3,7 +3,7 @@ import { sizeStyles, type WithSize } from '@os-design/styles';
 import { clr, ThemeOverrider } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef, useContext, useMemo } from 'react';
-import FormConfigContext from '../Form/FormConfigContext';
+import FormConfigContext from '../Form/FormConfigContext.js';
 
 type JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;
 export interface FormItemProps extends JsxDivProps, WithSize {

package/src/Gallery/index.tsx

@@ -17,9 +17,9 @@ import React, {
   useRef,
   useState,
 } from 'react';
-import Button from '../Button';
-import Image, { type ImageProps } from '../Image';
-import GalleryStatus from './Status';
+import Button from '../Button/index.js';
+import Image, { type ImageProps } from '../Image/index.js';
+import GalleryStatus from './Status.js';
 
 interface ContainerProps {
   heightPercent: number;

package/src/GlobalStyles/index.tsx

@@ -1,8 +1,8 @@
 import { Global } from '@emotion/react';
 import { useVh } from '@os-design/utils';
 import React from 'react';
-import resetStyles from './resetStyles';
-import typographyStyles from './typographyStyles';
+import resetStyles from './resetStyles.js';
+import typographyStyles from './typographyStyles.js';
 
 const GlobalStyles: React.FC = () => {
   useVh();

package/src/HeaderSkeleton/index.tsx

@@ -3,7 +3,7 @@ import styled from '@emotion/styled';
 import { m } from '@os-design/media';
 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 HeaderSkeletonProps extends SkeletonProps {
   /**

package/src/ImageSkeleton/index.tsx

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

package/src/Input/index.tsx

@@ -18,7 +18,7 @@ import React, {
   useCallback,
   useMemo,
 } from 'react';
-import getFocusableElements from './utils/getFocusableElements';
+import getFocusableElements from './utils/getFocusableElements.js';
 
 type JsxInputProps = Omit<
   JSX.IntrinsicElements['input'],

package/src/InputNumber/index.tsx

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