@os-design/core 1.0.256 → 1.0.258

package/dist/Avatar/index.js

@@ -4,9 +4,9 @@ import { sizeStyles } from '@os-design/styles';
 import { clr, useTheme } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef, useCallback, useMemo } from 'react';
-import Image from '../Image';
-import nameToInitials from './utils/nameToInitials';
-import strToHue from './utils/strToHue';
+import Image from "../Image/index.js";
+import nameToInitials from "./utils/nameToInitials.js";
+import strToHue from "./utils/strToHue.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Container = styled('div', omitEmotionProps('size'))`
   position: relative;

package/dist/AvatarSkeleton/index.js

@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 import { sizeStyles } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef } from 'react';
-import Skeleton from '../Skeleton';
+import Skeleton from "../Skeleton/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const Container = styled('div', omitEmotionProps('size'))`
   ${sizeStyles};

package/dist/Breadcrumb/index.js

@@ -3,7 +3,7 @@ import { enableScrollingStyles, sizeStyles } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import React, { forwardRef, useMemo } from 'react';
-import BreadcrumbItem from '../BreadcrumbItem';
+import BreadcrumbItem from "../BreadcrumbItem/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const Container = styled('ol', omitEmotionProps('size'))`
   list-style: none;

package/dist/BreadcrumbItem/index.js

@@ -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 from '../Link';
+import Link from "../Link/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Container = styled.li`
   list-style: none;

package/dist/Button/index.js

@@ -5,10 +5,8 @@ import { resetButtonStyles, sizeStyles, transitionStyles } from '@os-design/styl
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import React, { forwardRef } from 'react';
-import ButtonContent from './ButtonContent';
-import useButtonColors from './utils/useButtonColors';
-
-// Used by Button, ButtonLink
+import ButtonContent from "./ButtonContent.js";
+import useButtonColors from "./utils/useButtonColors.js"; // Used by Button, ButtonLink
 import { jsx as _jsx } from "react/jsx-runtime";
 const hoverStyles = p => !p.disabled && css`
     @media (hover: hover) {

package/dist/ButtonLink/index.js

@@ -2,10 +2,10 @@ import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef } from 'react';
-import { StyledButton } from '../Button';
-import ButtonContent from '../Button/ButtonContent';
-import useButtonColors from '../Button/utils/useButtonColors';
-import { DisabledWrapper } from '../Link';
+import { StyledButton } from "../Button/index.js";
+import ButtonContent from "../Button/ButtonContent.js";
+import useButtonColors from "../Button/utils/useButtonColors.js";
+import { DisabledWrapper } from "../Link/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const disabledStyles = p => p.disabled && css`
     pointer-events: none;

package/dist/CheckboxSkeleton/index.js

@@ -3,7 +3,7 @@ import { sizeStyles } 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";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Container = styled('div', omitEmotionProps('size'))`
   user-select: none;

package/dist/DatePicker/DatePickerCalendar.js

@@ -4,7 +4,7 @@ import { Left, Right } from '@os-design/icons';
 import { ellipsisStyles, resetFocusStyles, transitionStyles } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import React, { useCallback, useEffect, useRef } from 'react';
-import Button from '../Button';
+import Button from "../Button/index.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const MonthContainer = styled.div`
   display: flex;

package/dist/DatePicker/index.js

@@ -5,12 +5,12 @@ import { useIsMinWidth } from '@os-design/media';
 import { ThemeOverrider } from '@os-design/theming';
 import { useForwardedRef, useForwardedState, useKeyPress } from '@os-design/utils';
 import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import Button from '../Button';
-import Modal from '../Modal';
-import Popover from '../Popover';
-import { ClearIcon, Placeholder, SelectContainer, Title, ToggleContent, ToggleIconContainer, ToggleLeftAddon, ToggleRightAddon } from '../Select';
-import TimePicker from '../TimePicker';
-import DatePickerCalendar from './DatePickerCalendar';
+import Button from "../Button/index.js";
+import Modal from "../Modal/index.js";
+import Popover from "../Popover/index.js";
+import { ClearIcon, Placeholder, SelectContainer, Title, ToggleContent, ToggleIconContainer, ToggleLeftAddon, ToggleRightAddon } from "../Select/index.js";
+import TimePicker from "../TimePicker/index.js";
+import DatePickerCalendar from "./DatePickerCalendar.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledPopover = styled(Popover)`
   padding: ${p => p.theme.datePickerPadding}em;

package/dist/Drawer/index.js

@@ -6,7 +6,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";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const DRAWER_CONTAINER_Z_INDEX = 1000;
 const DRAWER_BOX_SHADOW_SIZE_EM = 1;

package/dist/Form/index.js

@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 import { 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";
 import { jsx as _jsx } from "react/jsx-runtime";
 const StyledForm = styled('div', omitEmotionProps('size'))`
   max-width: 50em;

package/dist/FormItem/index.js

@@ -3,7 +3,7 @@ import { sizeStyles } 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";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const Container = styled('div', omitEmotionProps('size'))`
   ${sizeStyles};

package/dist/Gallery/index.js

@@ -3,9 +3,9 @@ import { Left, Right } from '@os-design/icons';
 import { ThemeOverrider, clr } from '@os-design/theming';
 import { isTouchDevice, omitEmotionProps, useForwardedRef, useSize } from '@os-design/utils';
 import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import Button from '../Button';
-import Image from '../Image';
-import GalleryStatus from './Status';
+import Button from "../Button/index.js";
+import Image from "../Image/index.js";
+import GalleryStatus from "./Status.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const Container = styled('div', omitEmotionProps('heightPercent'))`
   position: relative;

package/dist/GlobalStyles/index.js

@@ -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";
 import { jsx as _jsx } from "react/jsx-runtime";
 const GlobalStyles = () => {
   useVh();

package/dist/HeaderSkeleton/index.js

@@ -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 from '../Skeleton';
+import Skeleton from "../Skeleton/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const hasMarginStyles = p => p.hasMargin && css`
     margin: ${p.theme.headingsMarginTop[p.type - 1]}em 0

package/dist/ImageSkeleton/index.js

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 import { forwardRef } from 'react';
-import Skeleton from '../Skeleton';
+import Skeleton from "../Skeleton/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const StyledImageSkeleton = styled(Skeleton)`
   height: 100%;

package/dist/Input/index.js

@@ -5,7 +5,7 @@ import { resetFocusStyles, sizeStyles, transitionStyles } from '@os-design/style
 import { clr, ThemeOverrider } from '@os-design/theming';
 import { omitEmotionProps, useForwardedRef } from '@os-design/utils';
 import React, { forwardRef, useCallback, useMemo } from 'react';
-import getFocusableElements from './utils/getFocusableElements';
+import getFocusableElements from "./utils/getFocusableElements.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const hoverStyles = p => !p.disabled && css`
     @media (hover: hover) {

package/dist/InputNumber/index.js

@@ -1,8 +1,8 @@
 import { getNextCaret, getNextState, numberToFormattedString, useGetCaretWithinValue, useValidate } from '@os-design/input-number-utils';
 import { useForwardedRef } from '@os-design/utils';
 import { forwardRef, useEffect, useMemo, useState } from 'react';
-import Input from '../Input';
-import defaultLocale from './utils/defaultLocale';
+import Input from "../Input/index.js";
+import defaultLocale from "./utils/defaultLocale.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * The input for entering a number.

package/dist/InputPassword/index.js

@@ -4,10 +4,10 @@ import { ThemeOverrider, useTheme } from '@os-design/theming';
 import { useForwardedRef, useForwardedState } from '@os-design/utils';
 import getPasswordScore from '@os-team/password-score';
 import { forwardRef, useEffect, useMemo, useState } from 'react';
-import Button from '../Button';
-import Input from '../Input';
-import Progress from '../Progress';
-import defaultLocale from './utils/defaultLocale';
+import Button from "../Button/index.js";
+import Input from "../Input/index.js";
+import Progress from "../Progress/index.js";
+import defaultLocale from "./utils/defaultLocale.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const StrengthMeterProgress = styled(Progress)`
   margin-top: 0.4em;

package/dist/InputSearch/index.js

@@ -4,9 +4,9 @@ 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 from '../Input';
-import defaultLocale from './utils/defaultLocale';
+import Button from "../Button/index.js";
+import Input from "../Input/index.js";
+import defaultLocale from "./utils/defaultLocale.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const fadeIn = keyframes`
   from { opacity: 0; }

package/dist/InputSkeleton/index.js

@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 import { sizeStyles } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef } from 'react';
-import Skeleton from '../Skeleton';
+import Skeleton from "../Skeleton/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const StyledInputSkeleton = styled(Skeleton, omitEmotionProps('size'))`
   height: ${p => p.theme.baseHeight}em;

package/dist/Layout/index.js

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import LayoutContext from './LayoutContext';
+import LayoutContext from "./LayoutContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * The layout of the page.

package/dist/LinkButton/index.js

@@ -4,7 +4,7 @@ import { resetButtonStyles, sizeStyles } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef } from 'react';
-import { DisabledWrapper, underlineAlwaysStyles, underlineHoverStyles } from '../Link';
+import { DisabledWrapper, underlineAlwaysStyles, underlineHoverStyles } from "../Link/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const disabledStyles = p => p.disabled && css`
     cursor: inherit;

package/dist/List/WindowScroller.js

@@ -1,6 +1,6 @@
 import { useEvent } from '@os-design/utils';
 import React, { useCallback, useEffect, useRef } from 'react';
-import { disableBodyPointerEvents, enableBodyPointerEventsAfterDelay } from './utils/bodyPointerEvents';
+import { disableBodyPointerEvents, enableBodyPointerEventsAfterDelay } from "./utils/bodyPointerEvents.js";
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 /**
  * Specifies the number of milliseconds during which to disable pointer events while

package/dist/List/index.js

@@ -3,9 +3,9 @@ import { useTheme } from '@os-design/theming';
 import { useFontSize, useForwardedRef, useSafeAreaInset, useSize } from '@os-design/utils';
 import React, { forwardRef, useCallback, useContext, useMemo } from 'react';
 import { FixedSizeList } from 'react-window';
-import LayoutContext from '../Layout/LayoutContext';
-import WindowScroller from './WindowScroller';
-import useRWLoadNext from './utils/useRWLoadNext';
+import LayoutContext from "../Layout/LayoutContext.js";
+import WindowScroller from "./WindowScroller.js";
+import useRWLoadNext from "./utils/useRWLoadNext.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * Virtualized list.
@@ -106,6 +106,6 @@ const List = /*#__PURE__*/forwardRef(({
   });
 });
 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/dist/List/utils/bodyPointerEvents.js

@@ -1,4 +1,4 @@
-import { clearFrameTimeout, setFrameTimeout } from './frameTimeout';
+import { clearFrameTimeout, setFrameTimeout } from "./frameTimeout.js";
 let originalBodyPointerEvents = null;
 let timeoutId = null;
 export const disableBodyPointerEvents = () => {

package/dist/ListItem/index.js

@@ -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 from '../ListItemActions';
+import ListItemActions from "../ListItemActions/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Container = styled(ListItemActions)`
   box-sizing: border-box;

package/dist/ListItemActions/index.js

@@ -4,7 +4,7 @@ import { sizeStyles, transitionStyles } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { isTouchDevice, omitEmotionProps, useForwardedRef, useSwipe } from '@os-design/utils';
 import React, { forwardRef, useCallback, useLayoutEffect, useMemo, useState } from 'react';
-import Button from '../Button';
+import Button from "../Button/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Container = styled.div`
   position: relative;

package/dist/ListItemLink/index.js

@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 import { resetFocusStyles } from '@os-design/styles';
 import { clr } from '@os-design/theming';
 import { forwardRef } from 'react';
-import ListItem from '../ListItem';
+import ListItem from "../ListItem/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const Link = styled.a`
   ${resetFocusStyles};

package/dist/ListItemSkeleton/index.js

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 import { forwardRef } from 'react';
-import ListItem from '../ListItem';
-import Skeleton from '../Skeleton';
+import ListItem from "../ListItem/index.js";
+import Skeleton from "../Skeleton/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Content = styled.div`
   width: 100%;

package/dist/ListSkeleton/index.js

@@ -1,6 +1,6 @@
 import { forwardRef, useCallback } from 'react';
-import List from '../List';
-import ListItemSkeleton from '../ListItemSkeleton';
+import List from "../List/index.js";
+import ListItemSkeleton from "../ListItemSkeleton/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Provides a list placeholder while a user waits for the content to load.

package/dist/Menu/index.js

@@ -4,9 +4,9 @@ import { MenuContext } from '@os-design/menu-utils';
 import { enableScrollingStyles } from '@os-design/styles';
 import { useBrowserLayoutEffect, useForwardedRef, useKeyPress } from '@os-design/utils';
 import { forwardRef, useMemo } from 'react';
-import Modal from '../Modal';
-import Popover from '../Popover';
-import useFocusWithArrows from './utils/useFocusWithArrows';
+import Modal from "../Modal/index.js";
+import Popover from "../Popover/index.js";
+import useFocusWithArrows from "./utils/useFocusWithArrows.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const StyledPopover = styled(Popover)`
   padding: ${p => p.theme.menuPaddingVertical}em 0;

package/dist/MenuGroup/index.js

@@ -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";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Title = styled.div`
   font-weight: 500;

package/dist/MenuItem/index.js

@@ -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 from '../Button';
+import Button from "../Button/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const selectedStyles = p => p.selected && css`
     background-color: ${clr(p.theme.menuItemSelectedColorBg)};

package/dist/Modal/index.js

@@ -8,8 +8,8 @@ import { ThemeOverrider, clr, useTheme } from '@os-design/theming';
 import { omitEmotionProps, useBodyScroll, useClosable } from '@os-design/utils';
 import React, { forwardRef, useCallback, useContext, useMemo, useRef } from 'react';
 import FocusLock from 'react-focus-lock';
-import Button from '../Button';
-import defaultLocale from './utils/defaultLocale';
+import Button from "../Button/index.js";
+import defaultLocale from "./utils/defaultLocale.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const MODAL_CONTAINER_Z_INDEX = 1000;
 const MODAL_BOX_SHADOW_SIZE_EM = 1;

package/dist/Navigation/index.js

@@ -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";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Container = styled.div`
   position: fixed;

package/dist/PageContent/index.js

@@ -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";
 import { jsx as _jsx } from "react/jsx-runtime";
 const hasNavigationStyles = p => p.hasNavigation && css`
     ${!p.hasList && css`

package/dist/PageHeader/index.js

@@ -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 from './utils/defaultLocale';
+import Button from "../Button/index.js";
+import LayoutContext from "../Layout/LayoutContext.js";
+import defaultLocale from "./utils/defaultLocale.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getReducedPadding = (p, isMinSm) => {
   const i = isMinSm ? 1 : 0;

package/dist/PageHeaderInputSearch/index.js

@@ -4,11 +4,11 @@ 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 from '../InputSearch';
-import LayoutContext from '../Layout/LayoutContext';
-import { PageHeaderContainer } from '../PageHeader';
-import defaultLocale from './utils/defaultLocale';
+import Button from "../Button/index.js";
+import InputSearch from "../InputSearch/index.js";
+import LayoutContext from "../Layout/LayoutContext.js";
+import { PageHeaderContainer } from "../PageHeader/index.js";
+import defaultLocale from "./utils/defaultLocale.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const fadeIn = keyframes`
   from { transform: translateY(-100%); }

package/dist/PageHeaderInputSearch/utils/defaultLocale.js

@@ -1,4 +1,4 @@
-import inputSearchDefaultLocale from '../../InputSearch/utils/defaultLocale';
+import inputSearchDefaultLocale from "../../InputSearch/utils/defaultLocale.js";
 const defaultLocale = {
   ...inputSearchDefaultLocale,
   searchLabel: 'Search',

package/dist/PageHeaderSkeleton/index.js

@@ -1,7 +1,7 @@
 import { forwardRef, useContext } from 'react';
-import LayoutContext from '../Layout/LayoutContext';
-import { PageHeaderContainer } from '../PageHeader';
-import Skeleton from '../Skeleton';
+import LayoutContext from "../Layout/LayoutContext.js";
+import { PageHeaderContainer } from "../PageHeader/index.js";
+import Skeleton from "../Skeleton/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Provides a page header placeholder while a user waits for

package/dist/ParagraphSkeleton/index.js

@@ -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 from '../Skeleton';
+import Skeleton from "../Skeleton/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const hasMarginStyles = p => p.hasMargin && css`
     margin-bottom: ${p.theme.paragraphMarginBottom + (p.theme.lineHeight - 1)}em;

package/dist/Popover/index.js

@@ -5,7 +5,7 @@ import { sizeStyles } from '@os-design/styles';
 import { clr, useTheme } from '@os-design/theming';
 import { omitEmotionProps, useBrowserLayoutEffect, useClickOutside, useClosable, useEvent, useForwardedRef, useResizeObserver } from '@os-design/utils';
 import { forwardRef, useCallback, useEffect, useMemo, useState } from 'react';
-import usePopoverPosition from './utils/usePopoverPosition';
+import usePopoverPosition from "./utils/usePopoverPosition.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const fadeIn = keyframes`
   from { opacity: 0; }

package/dist/RadioGroup/index.js

@@ -4,7 +4,7 @@ import { m } from '@os-design/media';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps, useForwardedState } from '@os-design/utils';
 import { forwardRef } from 'react';
-import Button from '../Button';
+import Button from "../Button/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const wideDefaultStyles = p => p.wide === 'default' && css`
     ${m.max.xxs} {

package/dist/RadioGroupSkeleton/index.js

@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 import { sizeStyles } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef } from 'react';
-import Skeleton from '../Skeleton';
+import Skeleton from "../Skeleton/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const StyledRadioGroupSkeleton = styled(Skeleton, omitEmotionProps('size'))`
   height: calc(${p => p.theme.baseHeight}em + 2px);

package/dist/ScrollButton/index.js

@@ -5,9 +5,9 @@ import Portal from '@os-design/portal';
 import { clr, ThemeOverrider, useTheme } from '@os-design/theming';
 import { omitEmotionProps, useClosable } from '@os-design/utils';
 import { forwardRef, useCallback } from 'react';
-import Button from '../Button';
-import useContainerPosition from './utils/useContainerPosition';
-import useVisibility from './utils/useVisibility';
+import Button from "../Button/index.js";
+import useContainerPosition from "./utils/useContainerPosition.js";
+import useVisibility from "./utils/useVisibility.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const fadeIn = keyframes`
   from { opacity: 0; }

package/dist/Select/index.js

@@ -7,14 +7,14 @@ import { ThemeOverrider, clr, useTheme } from '@os-design/theming';
 import { omitEmotionProps, useBrowserLayoutEffect, useEvent, useFontSize, useForwardedRef, useForwardedState, useResizeObserver, useSize } from '@os-design/utils';
 import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { FixedSizeList } from 'react-window';
-import Button from '../Button';
-import { InputContainer } from '../Input';
-import InputSearch from '../InputSearch';
-import useRWLoadNext from '../List/utils/useRWLoadNext';
-import Menu from '../Menu';
-import MenuItem from '../MenuItem';
-import Tag from '../Tag';
-import defaultLocale from './utils/defaultLocale';
+import Button from "../Button/index.js";
+import { InputContainer } from "../Input/index.js";
+import InputSearch from "../InputSearch/index.js";
+import useRWLoadNext from "../List/utils/useRWLoadNext.js";
+import Menu from "../Menu/index.js";
+import MenuItem from "../MenuItem/index.js";
+import Tag from "../Tag/index.js";
+import defaultLocale from "./utils/defaultLocale.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const selectContainerPaddingStyles = p => {
   const paddingVertical = (p.theme.baseHeight - p.theme.selectToggleListItemHeight) / 2;

package/dist/SwitchSkeleton/index.js

@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 import { sizeStyles } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef } from 'react';
-import Skeleton from '../Skeleton';
+import Skeleton from "../Skeleton/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const StyledSwitchSkeleton = styled(Skeleton, omitEmotionProps('size'))`
   width: ${p => p.theme.switchWidth}em;

package/dist/TagLink/index.js

@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 import { clr } from '@os-design/theming';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef } from 'react';
-import { LeftAddon, RightAddon, TagContainer } from '../Tag';
+import { LeftAddon, RightAddon, TagContainer } from "../Tag/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledTagLink = styled(TagContainer.withComponent('a'), omitEmotionProps('as'))`
   cursor: pointer;

package/dist/TagList/index.js

@@ -4,7 +4,7 @@ import { Down, Up } from '@os-design/icons';
 import { 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";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const collapsibleStyles = p => p.collapsible && !p.opened && css`
     // The height of the tag

package/dist/TagListSkeleton/index.js

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
-import TagList from '../TagList';
-import TagSkeleton from '../TagSkeleton';
+import TagList from "../TagList/index.js";
+import TagSkeleton from "../TagSkeleton/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 let tagIndex = 0;
 

package/dist/TagSkeleton/index.js

@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 import { sizeStyles } from '@os-design/styles';
 import { omitEmotionProps } from '@os-design/utils';
 import { forwardRef } from 'react';
-import Skeleton from '../Skeleton';
+import Skeleton from "../Skeleton/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const StyledTagSkeleton = styled(Skeleton, omitEmotionProps('width', 'size'))`
   width: ${p => p.width};

package/dist/TextArea/index.js

@@ -4,8 +4,8 @@ import { Loading } from '@os-design/icons';
 import { clr, ThemeOverrider } from '@os-design/theming';
 import { omitEmotionProps, useForwardedRef } from '@os-design/utils';
 import React, { forwardRef, 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";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const TextAreaContainer = styled(InputContainer)`
   height: ${p => p.theme.textAreaHeight}em;

package/dist/TextAreaSkeleton/index.js

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 import { forwardRef } from 'react';
-import InputSkeleton from '../InputSkeleton';
+import InputSkeleton from "../InputSkeleton/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const StyledTextAreaSkeleton = styled(InputSkeleton)`
   height: ${p => p.theme.textAreaHeight}em;

package/dist/ThemeSwitcher/index.js

@@ -1,7 +1,7 @@
 import { Moon, Sun } from '@os-design/icons';
 import { useTheme } from '@os-design/theming';
 import { forwardRef } from 'react';
-import Button from '../Button';
+import Button from "../Button/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * The button to switch the current theme.

package/dist/TimePicker/index.js

@@ -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 from '../Input';
+import Button from "../Button/index.js";
+import Input from "../Input/index.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * The component to choose a time.

package/dist/index.js

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

package/dist/message/index.js

@@ -1,6 +1,6 @@
 import ReactDOM from 'react-dom/client';
-import Message, { MESSAGE_DURATION_MS } from './Message';
-import { containerStyles, messageContainerStyles, setStylesToHtmlElement } from './styles';
+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.256",
+  "version": "1.0.258",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "type": "module",
@@ -29,16 +29,16 @@
     "access": "public"
   },
   "dependencies": {
-    "@os-design/date-picker-utils": "^1.0.24",
-    "@os-design/icons": "^1.0.60",
-    "@os-design/input-number-utils": "^1.0.30",
-    "@os-design/media": "^1.0.26",
-    "@os-design/menu-utils": "^1.0.21",
-    "@os-design/portal": "^1.0.18",
-    "@os-design/styles": "^1.0.57",
-    "@os-design/theming": "^1.0.53",
-    "@os-design/time-picker-utils": "^1.0.15",
-    "@os-design/utils": "^1.0.77",
+    "@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",
     "facepaint": "^1.2.1",
     "react-focus-lock": "^2.13.2",
@@ -58,5 +58,5 @@
     "react": ">=18",
     "react-dom": ">=18"
   },
-  "gitHead": "86a83e87297a07afe132782ca2c95023b7139276"
+  "gitHead": "53c233a23d50ce2f7d9bc3ae9c96d9142e14b7ac"
 }