@apify/ui-library 1.145.15 → 1.145.17

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apify/ui-library",
-    "version": "1.145.15",
+    "version": "1.145.17",
     "description": "React UI library used by apify.com",
     "license": "Apache-2.0",
     "type": "module",
@@ -61,7 +61,7 @@
         "styled-components": "^6.1.19"
     },
     "devDependencies": {
-        "@apify-packages/types": "^3.367.0",
+        "@apify-packages/types": "^3.368.0",
         "@storybook/react-vite": "^10.3.5",
         "@testing-library/react": "^16.3.2",
         "@types/hast": "^3.0.4",
@@ -78,5 +78,5 @@
         "src",
         "style"
     ],
-    "gitHead": "cabf274fc06bac4786492cf228f0032c9be9fd13"
+    "gitHead": "d329d5ca86ef9f2fee8b23d7b4a2cf4938df0069"
 }

package/src/components/action_link/action_link.tsx

@@ -6,9 +6,9 @@ import { ArrowLeftIcon, ArrowRightIcon } from '@apify/ui-icons';
 import type { RequiredBy } from '@apify-packages/types';
 
 import { theme } from '../../design_system/theme.js';
-import { Box, type BoxProps } from '../box';
-import { Link, type LinkProps, StyledAsLink } from '../link';
-import { Heading } from '../text';
+import { Box, type BoxProps } from '../box/index.js';
+import { Link, type LinkProps, StyledAsLink } from '../link/index.js';
+import { Heading } from '../text/index.js';
 
 const StyledGuidepost = styled(Box)<{ $isBackLink: boolean }>`
     display: inline-flex;

package/src/components/actor_template_card/actor_template_card.tsx

@@ -2,9 +2,9 @@ import type React from 'react';
 import styled from 'styled-components';
 
 import { theme } from '../../design_system/theme.js';
-import { Badge } from '../badge';
-import { TextMarketing } from '../text';
-import { VerticalTile } from '../tile';
+import { Badge } from '../badge/index.js';
+import { TextMarketing } from '../text/index.js';
+import { VerticalTile } from '../tile/index.js';
 
 interface ActorTemplateCardProps {
     id: string;

package/src/components/badge/badge.tsx

@@ -7,9 +7,9 @@ import type { IconComponent, IconSize } from '@apify/ui-icons';
 import { theme } from '../../design_system/theme.js';
 import type { WithTransientProps } from '../../type_utils';
 import type { FlattenSimpleInterpolation } from '../../utils/type_utils';
-import { Box, type MarginSpacingProps, type RegularBoxProps } from '../box';
-import { Text } from '../text';
+import { Box, type MarginSpacingProps, type RegularBoxProps } from '../box/index.js';
 import type { SharedTextSize, SharedTextType } from '../text';
+import { Text } from '../text/index.js';
 
 export type BadgeSize = 'large' | 'regular' | 'small' | 'extra_small';
 export const BADGE_SIZES: BadgeSize[] = ['large', 'regular', 'small', 'extra_small'];

package/src/components/breadcrumb/breadcrumb.tsx

@@ -3,9 +3,9 @@ import React from 'react';
 import styled from 'styled-components';
 
 import { theme } from '../../design_system/theme.js';
-import { Box } from '../box';
-import { Link } from '../link';
-import { Text } from '../text';
+import { Box } from '../box/index.js';
+import { Link } from '../link/index.js';
+import { Text } from '../text/index.js';
 
 export const breadcrumbClassNames = {
     WRAPPER: 'Breadcrumbs__Wrapper',

package/src/components/browser_window/browser_window.tsx

@@ -3,7 +3,7 @@ import type { ReactNode } from 'react';
 import styled from 'styled-components';
 
 import { theme } from '../../design_system/theme.js';
-import { Badge } from '../badge';
+import { Badge } from '../badge/index.js';
 
 const classNames = {
     ROOT: 'browser-window',

package/src/components/button/button.tsx

@@ -8,8 +8,8 @@ import { ExternalLinkIcon, type IconSize } from '@apify/ui-icons';
 import { theme } from '../../design_system/theme.js';
 import { type WithRequired, type WithTransientProps } from '../../type_utils.js';
 import { useSharedUiDependencies } from '../../ui_dependency_provider.js';
-import { Box, type MarginSpacingProps, type RegularBoxProps } from '../box';
-import { isUrlExternal, Link, type LinkProps } from '../link';
+import { Box, type MarginSpacingProps, type RegularBoxProps } from '../box/index.js';
+import { isUrlExternal, Link, type LinkProps } from '../link/index.js';
 
 export type ButtonSize = 'extraLarge' | 'large' | 'medium' | 'small' | 'extraSmall';
 type ButtonColor = 'default' | 'success' | 'danger' | 'primaryBlack';

package/src/components/card/card.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
-import { Button } from '../button';
+import { Button } from '../button/index.js';
 import { Card, type CardProps } from './card.js';
 
 export default {

package/src/components/card/card.tsx

@@ -6,8 +6,8 @@ import styled, { css } from 'styled-components';
 import { theme } from '../../design_system/theme.js';
 import type { WithTransientProps } from '../../type_utils';
 import type { BoxProps } from '../box';
-import { Box } from '../box';
-import { Text } from '../text';
+import { Box } from '../box/index.js';
+import { Text } from '../text/index.js';
 
 export const cardClassNames = {
     WRAPPER: 'Card',

package/src/components/card_container/card_container.stories.tsx

@@ -4,7 +4,7 @@ import styled from 'styled-components';
 
 import { DragIndicatorIcon } from '@apify/ui-icons';
 
-import { IconButton } from '../icon_button';
+import { IconButton } from '../icon_button/index.js';
 import { CardContainer, cardContainerClassNames, type CardContainerProps } from './card_container.js';
 
 export default {

package/src/components/card_container/card_container.tsx

@@ -5,7 +5,7 @@ import type { ValueOf } from '@apify-packages/types';
 
 import { theme } from '../../design_system/theme.js';
 import type { Size } from '../../design_system/tokens';
-import { Box, type BoxProps } from '../box';
+import { Box, type BoxProps } from '../box/index.js';
 
 export const cardContainerClassNames = {
     CONTENT: 'CardContainer-Content',

package/src/components/code/action_button.tsx

@@ -5,8 +5,8 @@ import { CheckIcon, CopyIcon } from '@apify/ui-icons';
 
 import { theme } from '../../design_system/theme.js';
 import { useSharedUiDependencies } from '../../ui_dependency_provider.js';
-import { useCopyToClipboard } from '../../utils';
-import { Text } from '../text';
+import { useCopyToClipboard } from '../../utils/index.js';
+import { Text } from '../text/index.js';
 
 interface StyledButtonProps {
     $successStyle?: boolean;

package/src/components/code/code_block/code_block.styled.tsx

@@ -1,7 +1,7 @@
 import styled, { css } from 'styled-components';
 
 import { theme } from '../../../design_system/theme.js';
-import { Box } from '../../box';
+import { Box } from '../../box/index.js';
 import type { SharedTextProps, SharedTextSize } from '../../text/text_shared';
 
 export type SyntaxHighlighterBaseStylesWrapperProps = SharedTextProps & {

package/src/components/code/code_block/code_block.tsx

@@ -3,9 +3,9 @@ import type React from 'react';
 import { useMemo, useRef, useState } from 'react';
 
 import type { RegularBoxProps } from '../../box';
-import { ColorWheelGradient } from '../../color_wheel_gradient';
-import { Link } from '../../link';
-import { Text } from '../../text';
+import { ColorWheelGradient } from '../../color_wheel_gradient/index.js';
+import { Link } from '../../link/index.js';
+import { Text } from '../../text/index.js';
 import type { SharedTextSize } from '../../text/text_shared';
 import { ActionButton, CopyButton } from '../action_button.js';
 import { PrismSyntaxHighlighter } from '../prism_highlighter.js';

package/src/components/code/code_block/code_block_with_tabs.tsx

@@ -7,8 +7,8 @@ import { CodeIcon, HttpIcon, type IconComponent, McpIcon } from '@apify/ui-icons
 
 import { theme } from '../../../design_system/theme.js';
 import { useSharedUiDependencies } from '../../../ui_dependency_provider.js';
-import { Box, type MarginSpacingProps, type RegularBoxProps } from '../../box';
-import { Link, type RegularLinkProps } from '../../link';
+import { Box, type MarginSpacingProps, type RegularBoxProps } from '../../box/index.js';
+import { Link, type RegularLinkProps } from '../../link/index.js';
 import { HeadingShared } from '../../text/heading_shared.js';
 import { CodeBlock, type CodeBlockProps } from './code_block.js';
 

package/src/components/code/inline_code/inline_code.tsx

@@ -6,7 +6,7 @@ import { CheckIcon, CopyIcon } from '@apify/ui-icons';
 import { theme } from '../../../design_system/theme.js';
 import { useCopyToClipboard } from '../../../utils/copy_to_clipboard.js';
 import type { RegularBoxProps } from '../../box';
-import { Text } from '../../text';
+import { Text } from '../../text/index.js';
 import type { SharedTextSize } from '../../text/text_shared';
 
 // TODO: We should not need to export these once we consolidate Markdown

package/src/components/code/one_line_code/one_line_code.tsx

@@ -7,7 +7,7 @@ import type { HttpMethod } from '@apify-packages/types';
 
 import { theme } from '../../../design_system/theme.js';
 import type { BoxProps } from '../../box';
-import { Text } from '../../text';
+import { Text } from '../../text/index.js';
 import type { SharedTextSize } from '../../text/text_shared';
 import { ActionButton, CopyButton } from '../action_button.js';
 import type { SyntaxHighlighterBaseStylesWrapperProps } from '../code_block/code_block.styled';

package/src/components/code/prism_highlighter.tsx

@@ -8,8 +8,8 @@ import styled, { css } from 'styled-components';
 
 import { theme } from '../../design_system/theme.js';
 import { useSharedUiDependencies } from '../../ui_dependency_provider.js';
-import { Text } from '../text';
 import type { SharedTextSize } from '../text';
+import { Text } from '../text/index.js';
 import { oneLightTheme } from './one_light_theme.js';
 
 (typeof global !== 'undefined' ? global : window).Prism = Prism;

package/src/components/collapsible_card/collapsible_card.tsx

@@ -7,7 +7,7 @@ import { ChevronDownIcon } from '@apify/ui-icons';
 
 import { theme } from '../../design_system/theme.js';
 import type { WithTransientProps } from '../../type_utils';
-import { Box } from '../box';
+import { Box } from '../box/index.js';
 
 interface TransientWrapperProps {
     hideOuterBorder?: boolean;

package/src/components/floating/menu.tsx

@@ -13,8 +13,8 @@ import clsx from 'clsx';
 import type React from 'react';
 import { useCallback, useMemo, useRef, useState } from 'react';
 
-import { Box, type BoxProps } from '../box';
-import { Text } from '../text';
+import { Box, type BoxProps } from '../box/index.js';
+import { Text } from '../text/index.js';
 import { useFloatingMenu } from './menu_common.js';
 import { DropdownMenuBaseComponent, ListMenuComponent, ListMenuItemComponent } from './menu_components.js';
 

package/src/components/floating/menu_components.tsx

@@ -6,9 +6,9 @@ import styled, { css } from 'styled-components';
 import { ChevronDownIcon, CrossIcon } from '@apify/ui-icons';
 
 import { theme } from '../../design_system/theme.js';
-import { Badge } from '../badge';
+import { Badge } from '../badge/index.js';
 import type { BoxProps } from '../box';
-import { Box } from '../box';
+import { Box } from '../box/index.js';
 
 export type FloatingContext = Pick<UseFloatingReturn<ReferenceType>, 'context'>['context'];
 

package/src/components/floating/tooltip_content.tsx

@@ -1,7 +1,7 @@
 import styled, { css } from 'styled-components';
 
 import { theme } from '../../design_system/theme.js';
-import { Shortcut } from '../shortcut';
+import { Shortcut } from '../shortcut/index.js';
 import type { TooltipProps, TooltipSize, TooltipTextAlign } from './tooltip';
 import { TOOLTIP_SIZES, TOOLTIP_TEXT_ALIGNS } from './tooltip.js';
 

package/src/components/icon_button/icon_button.tsx

@@ -13,10 +13,10 @@ import {
     type ButtonSize,
     type RegularButtonProps,
     type TransientButtonProps,
-} from '../button';
-import { Tooltip } from '../floating';
-import { Link, type RegularLinkProps } from '../link';
-import { InlineSpinner, spinnerClassNames } from '../spinner';
+} from '../button/index.js';
+import { Tooltip } from '../floating/index.js';
+import { Link, type RegularLinkProps } from '../link/index.js';
+import { InlineSpinner, spinnerClassNames } from '../spinner/index.js';
 
 export const ICON_BUTTON_VARIANTS = {
     DEFAULT: 'DEFAULT',

package/src/components/image/image.tsx

@@ -2,7 +2,7 @@ import { forwardRef } from 'react';
 
 import type { ImageProxyOptions } from '../../ui_dependency_provider';
 import { useSharedUiDependencies } from '../../ui_dependency_provider.js';
-import { Box, type BoxProps } from '../box';
+import { Box, type BoxProps } from '../box/index.js';
 
 type ImageProps = {
     src: string;

package/src/components/index.ts

@@ -1,40 +1,40 @@
-export * from './text';
-export * from './box';
-export * from './avatar';
-export * from './card_container';
-export * from './message';
-export * from './floating';
-export * from './button';
-export * from './link';
-export * from './action_link';
-export * from './simple_markdown';
-export * from './code';
-export * from './color_wheel_gradient';
-export * from './readme_renderer';
-export * from './card';
-export * from './markdown';
-export * from './pagination';
-export * from './tab_number_chip';
-export * from './tile';
-export * from './blog_article';
-export * from './banner';
-export * from './actor_template_card';
-export * from './chip';
-export * from './image';
-export * from './rating';
-export * from './badge';
-export * from './tag';
-export * from './tabs';
-export * from './shortcut';
-export * from './icon_button';
-export * from './spinner';
-export * from './store';
-export * from './checkbox';
-export * from './radio_button';
-export * from './browser_window';
-export * from './collapsible_card';
-export * from './select';
-export * from './switch';
-export * from './table';
-export * from './breadcrumb';
-export * from './dropdown';
+export * from './text/index.js';
+export * from './box/index.js';
+export * from './avatar/index.js';
+export * from './card_container/index.js';
+export * from './message/index.js';
+export * from './floating/index.js';
+export * from './button/index.js';
+export * from './link/index.js';
+export * from './action_link/index.js';
+export * from './simple_markdown/index.js';
+export * from './code/index.js';
+export * from './color_wheel_gradient/index.js';
+export * from './readme_renderer/index.js';
+export * from './card/index.js';
+export * from './markdown/index.js';
+export * from './pagination/index.js';
+export * from './tab_number_chip/index.js';
+export * from './tile/index.js';
+export * from './blog_article/index.js';
+export * from './banner/index.js';
+export * from './actor_template_card/index.js';
+export * from './chip/index.js';
+export * from './image/index.js';
+export * from './rating/index.js';
+export * from './badge/index.js';
+export * from './tag/index.js';
+export * from './tabs/index.js';
+export * from './shortcut/index.js';
+export * from './icon_button/index.js';
+export * from './spinner/index.js';
+export * from './store/index.js';
+export * from './checkbox/index.js';
+export * from './radio_button/index.js';
+export * from './browser_window/index.js';
+export * from './collapsible_card/index.js';
+export * from './select/index.js';
+export * from './switch/index.js';
+export * from './table/index.js';
+export * from './breadcrumb/index.js';
+export * from './dropdown/index.js';

package/src/components/link/link.tsx

@@ -8,7 +8,7 @@ import { ExternalLinkIcon } from '@apify/ui-icons';
 
 import { theme } from '../../design_system/theme.js';
 import { useSharedUiDependencies } from '../../ui_dependency_provider.js';
-import { Box, type BoxProps } from '../box';
+import { Box, type BoxProps } from '../box/index.js';
 
 export type To = string | Partial<Path>;
 export interface RegularLinkProps {

package/src/components/markdown/markdown.tsx

@@ -10,13 +10,13 @@ import styled from 'styled-components';
 
 import { LinkIcon } from '@apify/ui-icons';
 
-import { Box } from '..';
 import type { UiThemeOption } from '../../design_system/theme';
 import { theme } from '../../design_system/theme.js';
-import { useCopyToClipboard } from '../../utils';
-import { CodeBlock, inlineCodeStyles, OneLineCode } from '../code';
-import { Link as SharedLink, type LinkProps } from '../link';
-import { cleanMarkdown, slugifyHeadingChildren } from '../readme_renderer';
+import { useCopyToClipboard } from '../../utils/index.js';
+import { CodeBlock, inlineCodeStyles, OneLineCode } from '../code/index.js';
+import { Box } from '../index.js';
+import { Link as SharedLink, type LinkProps } from '../link/index.js';
+import { cleanMarkdown, slugifyHeadingChildren } from '../readme_renderer/index.js';
 
 interface StyledReadmeProps {
     $scrollMarginTopPx: number;

package/src/components/message/message.tsx

@@ -7,10 +7,10 @@ import type { IconComponent as IconComponentType } from '@apify/ui-icons';
 import { CheckIcon, CrossIcon, InfoIcon, WarningTriangleIcon, XCircleIcon } from '@apify/ui-icons';
 
 import { theme } from '../../design_system/theme.js';
-import { Box, type BoxProps } from '../box';
+import { Box, type BoxProps } from '../box/index.js';
 import type { ButtonProps } from '../button';
-import { Button } from '../button';
-import { Text } from '../text';
+import { Button } from '../button/index.js';
+import { Text } from '../text/index.js';
 
 export const messageClassNames = {
     main: 'Message',

package/src/components/pagination/pagination.tsx

@@ -5,8 +5,8 @@ import styled from 'styled-components';
 import { ChevronLeftIcon, ChevronRightIcon } from '@apify/ui-icons';
 
 import { theme } from '../../design_system/theme.js';
-import { Box } from '../box';
-import { Button } from '../button';
+import { Box } from '../box/index.js';
+import { Button } from '../button/index.js';
 
 const LEADING_THREE_DOTS_PAGE_KEY = -1;
 const TRAILING_THREE_DOTS_PAGE_KEY = -2;

package/src/components/rating/rating.tsx

@@ -8,8 +8,8 @@ import type { ReviewRating } from '@apify-packages/types';
 
 import { theme } from '../../design_system/theme.js';
 import type { BoxProps } from '../box';
-import { Box } from '../box';
-import { Text } from '../text';
+import { Box } from '../box/index.js';
+import { Text } from '../text/index.js';
 
 type RatingStatsProps = {
     ratingStats: Record<ReviewRating, number>;

package/src/components/readme_renderer/table_of_contents.tsx

@@ -5,9 +5,9 @@ import remarkToc from 'remark-toc';
 import styled from 'styled-components';
 
 import { theme } from '../../design_system/theme.js';
-import { inlineCodeStyles } from '../code';
-import { Link } from '../link';
-import { Text } from '../text';
+import { inlineCodeStyles } from '../code/index.js';
+import { Link } from '../link/index.js';
+import { Text } from '../text/index.js';
 import { cleanMarkdown, slugifyHeadingChildren } from './utils.js';
 
 export const useShowTableOfContents = (markdown: string | null | undefined) =>

package/src/components/select/select.tsx

@@ -14,8 +14,8 @@ import styled from 'styled-components';
 import { CaretDownIcon, CaretUpIcon, CrossIcon, XCircleIcon } from '@apify/ui-icons';
 
 import { theme } from '../../design_system/theme.js';
-import { IconButton } from '../icon_button';
-import { Text } from '../text';
+import { IconButton } from '../icon_button/index.js';
+import { Text } from '../text/index.js';
 
 const DEFAULT_Z_INDEX_IN_MODAL = 99;
 const DEFAULT_Z_INDEX_OUTSIDE_MODAL = 9;

package/src/components/shortcut/shortcut.tsx

@@ -2,7 +2,7 @@ import type { ElementType } from 'react';
 import styled, { css } from 'styled-components';
 
 import { theme } from '../../design_system/theme.js';
-import { Text } from '../text';
+import { Text } from '../text/index.js';
 
 interface ShortcutProps {
     as?: ElementType;

package/src/components/simple_markdown/simple_markdown.stories.tsx

@@ -1,4 +1,4 @@
-import { Box } from '../box';
+import { Box } from '../box/index.js';
 import { SimpleMarkdown, type SimpleMarkdownProps } from './simple_markdown.js';
 
 const testMarkdown = `

package/src/components/simple_markdown/simple_markdown.tsx

@@ -11,11 +11,11 @@ import { visit } from 'unist-util-visit';
 
 import { theme } from '../../design_system/theme.js';
 import { useSharedUiDependencies } from '../../ui_dependency_provider.js';
-import { Box } from '../box';
-import { Image } from '../image';
-import { isUrlExternal } from '../link';
-import { cleanMarkdown } from '../readme_renderer';
-import { Heading, HeadingContent, Text, TextContent } from '../text';
+import { Box } from '../box/index.js';
+import { Image } from '../image/index.js';
+import { isUrlExternal } from '../link/index.js';
+import { cleanMarkdown } from '../readme_renderer/index.js';
+import { Heading, HeadingContent, Text, TextContent } from '../text/index.js';
 import { MarkdownBlockQuote, MarkdownCode, MarkdownLink, MarkdownTable } from './simple_markdown_components.js';
 
 export type SimpleMarkdownComponents = Components;

package/src/components/simple_markdown/simple_markdown_components.tsx

@@ -8,16 +8,16 @@ import { CheckIcon, LinkIcon } from '@apify/ui-icons';
 
 import { theme } from '../../design_system/theme.js';
 import type { WithOptional } from '../../type_utils';
-import { useCopyToClipboard } from '../../utils';
-import { Box } from '../box';
-import { CodeBlock, InlineCode, OneLineCode } from '../code';
+import { useCopyToClipboard } from '../../utils/index.js';
+import { Box } from '../box/index.js';
+import { CodeBlock, InlineCode, OneLineCode } from '../code/index.js';
 import type { LinkProps } from '../link';
-import { Link } from '../link';
-import { slugifyHeadingChildren } from '../readme_renderer';
-import { Heading, TextContent } from '../text';
+import { Link } from '../link/index.js';
+import { slugifyHeadingChildren } from '../readme_renderer/index.js';
 import type { HeadingSharedProps } from '../text';
 import type { ContentTextProps } from '../text';
 import type { SharedTextSize } from '../text';
+import { Heading, TextContent } from '../text/index.js';
 
 const simpleMarkdownClassNames = {
     HEADING_ICON_LINK: 'headingIconLink',

package/src/components/store/store_actor_header.tsx

@@ -2,9 +2,9 @@ import styled from 'styled-components';
 
 import { StarEmptyIcon, WarningTriangleIcon } from '@apify/ui-icons';
 
-import { Badge, Box, type BoxProps, Text } from '../../components';
+import { Badge, Box, type BoxProps, Text } from '../../components/index.js';
 import { theme } from '../../design_system/theme.js';
-import { ActorAvatar, actorAvatarClassnames } from '../avatar';
+import { ActorAvatar, actorAvatarClassnames } from '../avatar/index.js';
 
 const storeActorHeaderClassNames = {
     title: 'ActorStoreItem-title',

package/src/components/tab_number_chip/tab_number_chip.tsx

@@ -2,7 +2,7 @@ import type React from 'react';
 import styled from 'styled-components';
 
 import { theme } from '../../design_system/theme.js';
-import { Text } from '../text';
+import { Text } from '../text/index.js';
 
 const StyledChip = styled(Text)`
     color: ${theme.color.neutral.text};

package/src/components/table/table.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { expect, within } from 'storybook/test';
 
-import { Text } from '../text';
+import { Text } from '../text/index.js';
 import {
     HorizontallyScrollableTableWrapper,
     Table,

package/src/components/table/table.styled.ts

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 
 import { theme } from '../../design_system/theme.js';
-import { Box } from '../box';
+import { Box } from '../box/index.js';
 
 /** z-index for sticky table head cells. Consumers can override via CSS if needed. */
 const STICKY_HEAD_Z_INDEX = 5;

package/src/components/table/table_cell.tsx

@@ -2,7 +2,7 @@ import clsx from 'clsx';
 import type { FC, TdHTMLAttributes } from 'react';
 import { useContext } from 'react';
 
-import { Link, type LinkProps } from '../link';
+import { Link, type LinkProps } from '../link/index.js';
 import { TableRowLinkContext } from './table.context.js';
 import { tableClassNames } from './table.styled.js';
 import { tableTestIds } from './table.test_ids.js';

package/src/components/table/table_error_row.tsx

@@ -1,6 +1,6 @@
 import type { FC, ReactNode } from 'react';
 
-import { Text } from '../text';
+import { Text } from '../text/index.js';
 import { tableClassNames } from './table.styled.js';
 import { tableTestIds } from './table.test_ids.js';
 

package/src/components/table/table_loading_row.tsx

@@ -1,6 +1,6 @@
 import type { FC, ReactNode } from 'react';
 
-import { InlineSpinner } from '../spinner';
+import { InlineSpinner } from '../spinner/index.js';
 import { tableClassNames } from './table.styled.js';
 import { tableTestIds } from './table.test_ids.js';
 

package/src/components/table/table_wrapper.tsx

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import { useCallback, useEffect, useRef } from 'react';
 
-import { Box } from '../box';
+import { Box } from '../box/index.js';
 import { StyledHorizontallyScrollableTableWrapper, StyledTableFooterWrapper, tableClassNames } from './table.styled.js';
 import { tableTestIds } from './table.test_ids.js';
 import type { HorizontallyScrollableTableWrapperProps } from './table.types';