@apify/ui-library 1.147.11 → 1.147.12-featuremigrateapifyuilibrary-48563e.21

package/src/components/readme_renderer/index.ts

@@ -1,3 +1,3 @@
-export { useActorTitleHeadingFilter, cleanMarkdown, slugifyHeadingChildren } from './utils.js';
-export { pythonizeValue } from './pythonize_value.js';
-export { TableOfContents, type TableOfContentsProps, useShowTableOfContents } from './table_of_contents.js';
+export { useActorTitleHeadingFilter, cleanMarkdown, slugifyHeadingChildren } from './utils';
+export { pythonizeValue } from './pythonize_value';
+export { TableOfContents, type TableOfContentsProps, useShowTableOfContents } from './table_of_contents';

package/src/components/readme_renderer/table_of_contents.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import styled from 'styled-components';
 
-import { TableOfContents, type TableOfContentsProps } from './table_of_contents.js';
+import { TableOfContents, type TableOfContentsProps } from './table_of_contents';
 
 export default {
     title: 'UI-Library/TableOfContents',

package/src/components/readme_renderer/table_of_contents.tsx

@@ -4,11 +4,11 @@ import ReactMarkdown, { type AllowElement } from 'react-markdown';
 import remarkToc from 'remark-toc';
 import styled from 'styled-components';
 
-import { theme } from '../../design_system/theme.js';
-import { inlineCodeStyles } from '../code/index.js';
-import { Link } from '../link/index.js';
-import { Text } from '../text/index.js';
-import { cleanMarkdown, slugifyHeadingChildren } from './utils.js';
+import { theme } from '../../design_system/theme';
+import { inlineCodeStyles } from '../code';
+import { Link } from '../link';
+import { Text } from '../text';
+import { cleanMarkdown, slugifyHeadingChildren } from './utils';
 
 export const useShowTableOfContents = (markdown: string | null | undefined) =>
     useMemo(() => markdown && !!markdown.match(/^(#{1,3})\s.+$/m), [markdown]);

package/src/components/select/index.ts

@@ -1 +1 @@
-export * from './select.js';
+export * from './select';

package/src/components/select/select.stories.tsx

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 
 import { EyeIcon } from '@apify/ui-icons';
 
-import { SelectPrimitive as Select } from './select.js';
+import { SelectPrimitive as Select } from './select';
 
 export default {
     title: 'UI-Library/Inputs/SelectPrimitive',

package/src/components/select/select.tsx

@@ -13,9 +13,9 @@ 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/index.js';
-import { Text } from '../text/index.js';
+import { theme } from '../../design_system/theme';
+import { IconButton } from '../icon_button';
+import { Text } from '../text';
 
 const DEFAULT_Z_INDEX_IN_MODAL = 99;
 const DEFAULT_Z_INDEX_OUTSIDE_MODAL = 9;

package/src/components/shortcut/index.ts

@@ -1 +1 @@
-export * from './shortcut.js';
+export * from './shortcut';

package/src/components/shortcut/shortcut.tsx

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

package/src/components/simple_markdown/index.ts

@@ -1,2 +1,2 @@
-export * from './simple_markdown.js';
-export * from './simple_markdown_components.js';
+export * from './simple_markdown';
+export * from './simple_markdown_components';

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

@@ -1,5 +1,5 @@
-import { Box } from '../box/index.js';
-import { SimpleMarkdown, type SimpleMarkdownProps } from './simple_markdown.js';
+import { Box } from '../box';
+import { SimpleMarkdown, type SimpleMarkdownProps } from './simple_markdown';
 
 const testMarkdown = `
 Lorem ipsum **with bold** text and some *italic text*.

package/src/components/simple_markdown/simple_markdown.tsx

@@ -9,14 +9,14 @@ import remarkGfm from 'remark-gfm';
 import styled from 'styled-components';
 import { visit } from 'unist-util-visit';
 
-import { theme } from '../../design_system/theme.js';
-import { useSharedUiDependencies } from '../../ui_dependency_provider.js';
-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';
+import { theme } from '../../design_system/theme';
+import { useSharedUiDependencies } from '../../ui_dependency_provider';
+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 { MarkdownBlockQuote, MarkdownCode, MarkdownLink, MarkdownTable } from './simple_markdown_components';
 
 export type SimpleMarkdownComponents = Components;
 

package/src/components/simple_markdown/simple_markdown_components.tsx

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

package/src/components/spinner/index.ts

@@ -1 +1 @@
-export * from './spinner.js';
+export * from './spinner';

package/src/components/spinner/spinner.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta } from '@storybook/react-vite';
 
-import { InlineSpinner, Spinner, type SpinnerProps } from './spinner.js';
+import { InlineSpinner, Spinner, type SpinnerProps } from './spinner';
 
 export default {
     title: 'UI-Library/Spinner',

package/src/components/spinner/spinner.tsx

@@ -1,6 +1,6 @@
 import styled, { keyframes } from 'styled-components';
 
-import { theme } from '../../design_system/theme.js';
+import { theme } from '../../design_system/theme';
 import type { WithTransientProps } from '../../type_utils';
 
 export const spinnerClassNames = {

package/src/components/store/index.ts

@@ -1 +1 @@
-export * from './store_actor_header.js';
+export * from './store_actor_header';

package/src/components/store/store_actor_header.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import React from 'react';
 
-import { StoreActorHeader } from './store_actor_header.js';
+import { StoreActorHeader } from './store_actor_header';
 
 const meta = {
     title: 'UI-Library/Store/StoreActorHeader',

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/index.js';
-import { theme } from '../../design_system/theme.js';
-import { ActorAvatar, actorAvatarClassnames } from '../avatar/index.js';
+import { Badge, Box, type BoxProps, Text } from '../../components';
+import { theme } from '../../design_system/theme';
+import { ActorAvatar, actorAvatarClassnames } from '../avatar';
 
 const storeActorHeaderClassNames = {
     title: 'ActorStoreItem-title',

package/src/components/switch/index.ts

@@ -1 +1 @@
-export * from './switch.js';
+export * from './switch';

package/src/components/switch/switch.style.ts

@@ -1,6 +1,6 @@
 import { css } from 'styled-components';
 
-import { theme } from '../../design_system/theme.js';
+import { theme } from '../../design_system/theme';
 
 export const switchStyle = css`
     width: 32px;

package/src/components/switch/switch.tsx

@@ -2,8 +2,8 @@ import * as SwitchPrimitiveReact from '@radix-ui/react-switch';
 import clsx from 'clsx';
 import styled from 'styled-components';
 
-import { theme } from '../../design_system/theme.js';
-import { switchStyle } from './switch.style.js';
+import { theme } from '../../design_system/theme';
+import { switchStyle } from './switch.style';
 
 const StyledSwitch = styled(SwitchPrimitiveReact.Root)`
     all: unset;

package/src/components/tab_number_chip/index.ts

@@ -1 +1 @@
-export * from './tab_number_chip.js';
+export * from './tab_number_chip';

package/src/components/tab_number_chip/tab_number_chip.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import styled from 'styled-components';
 
-import { TabNumberChip } from './tab_number_chip.js';
+import { TabNumberChip } from './tab_number_chip';
 
 interface TabNumberChipProps {
     children: React.ReactNode;

package/src/components/tab_number_chip/tab_number_chip.tsx

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

package/src/components/table/index.ts

@@ -1,16 +1,16 @@
-export { Table } from './table.js';
-export { TableHead } from './table_head.js';
-export { TableBody } from './table_body.js';
-export { TableFoot } from './table_foot.js';
-export { TableHeadRow } from './table_head_row.js';
-export { TableHeadCell } from './table_head_cell.js';
-export { TableRow } from './table_row.js';
-export { TableCell, TableCellLink } from './table_cell.js';
-export { HorizontallyScrollableTableWrapper } from './table_wrapper.js';
-export { TableExpansionRow } from './table_expansion_row.js';
-export { TableEmptyRow } from './table_empty_row.js';
-export { TableLoadingRow } from './table_loading_row.js';
-export { TableErrorRow } from './table_error_row.js';
-export { tableClassNames } from './table.styled.js';
-export { tableTestIds } from './table.test_ids.js';
-export type { HorizontallyScrollableTableWrapperProps, TableExpansion, TableRowProps } from './table.types.js';
+export { Table } from './table';
+export { TableHead } from './table_head';
+export { TableBody } from './table_body';
+export { TableFoot } from './table_foot';
+export { TableHeadRow } from './table_head_row';
+export { TableHeadCell } from './table_head_cell';
+export { TableRow } from './table_row';
+export { TableCell, TableCellLink } from './table_cell';
+export { HorizontallyScrollableTableWrapper } from './table_wrapper';
+export { TableExpansionRow } from './table_expansion_row';
+export { TableEmptyRow } from './table_empty_row';
+export { TableLoadingRow } from './table_loading_row';
+export { TableErrorRow } from './table_error_row';
+export { tableClassNames } from './table.styled';
+export { tableTestIds } from './table.test_ids';
+export type { HorizontallyScrollableTableWrapperProps, TableExpansion, TableRowProps } from './table.types';

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/index.js';
+import { Text } from '../text';
 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/index.js';
+import { theme } from '../../design_system/theme';
+import { Box } from '../box';
 
 /** 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.tsx

@@ -1,8 +1,8 @@
 import clsx from 'clsx';
 import type { FC, HTMLAttributes } from 'react';
 
-import { StyledTable, tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table.test_ids.js';
+import { StyledTable, tableClassNames } from './table.styled';
+import { tableTestIds } from './table.test_ids';
 
 export const Table: FC<HTMLAttributes<HTMLTableElement>> = ({ className, ...rest }) => (
     <StyledTable data-test={tableTestIds.TABLE} className={clsx(tableClassNames.TABLE, className)} {...rest} />

package/src/components/table/table_body.tsx

@@ -1,8 +1,8 @@
 import clsx from 'clsx';
 import type { FC, HTMLAttributes } from 'react';
 
-import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table.test_ids.js';
+import { tableClassNames } from './table.styled';
+import { tableTestIds } from './table.test_ids';
 
 export const TableBody: FC<HTMLAttributes<HTMLTableSectionElement>> = ({ className, ...rest }) => (
     <tbody data-test={tableTestIds.BODY} className={clsx(tableClassNames.BODY, className)} {...rest} />

package/src/components/table/table_cell.tsx

@@ -2,10 +2,10 @@ import clsx from 'clsx';
 import type { FC, TdHTMLAttributes } from 'react';
 import { useContext } from 'react';
 
-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';
+import { Link, type LinkProps } from '../link';
+import { TableRowLinkContext } from './table.context';
+import { tableClassNames } from './table.styled';
+import { tableTestIds } from './table.test_ids';
 
 export const TableCell: FC<TdHTMLAttributes<HTMLTableCellElement>> = ({ className, children, ...rest }) => {
     const rowLink = useContext(TableRowLinkContext);

package/src/components/table/table_empty_row.tsx

@@ -1,7 +1,7 @@
 import type { FC, ReactNode } from 'react';
 
-import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table.test_ids.js';
+import { tableClassNames } from './table.styled';
+import { tableTestIds } from './table.test_ids';
 
 export const TableEmptyRow: FC<{ colSpan: number; children: ReactNode }> = ({ colSpan, children }) => (
     <tr data-test={tableTestIds.EMPTY_ROW} className={tableClassNames.ROW_EMPTY}>

package/src/components/table/table_error_row.tsx

@@ -1,8 +1,8 @@
 import type { FC, ReactNode } from 'react';
 
-import { Text } from '../text/index.js';
-import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table.test_ids.js';
+import { Text } from '../text';
+import { tableClassNames } from './table.styled';
+import { tableTestIds } from './table.test_ids';
 
 export const TableErrorRow: FC<{ colSpan: number; children?: ReactNode; error?: Error | null }> = ({
     colSpan,

package/src/components/table/table_expansion_row.tsx

@@ -1,8 +1,8 @@
 import clsx from 'clsx';
 import type { FC, ReactNode } from 'react';
 
-import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table.test_ids.js';
+import { tableClassNames } from './table.styled';
+import { tableTestIds } from './table.test_ids';
 import type { TableExpansion } from './table.types';
 
 export const TableExpansionRow: FC<{

package/src/components/table/table_foot.tsx

@@ -1,8 +1,8 @@
 import clsx from 'clsx';
 import type { FC, HTMLAttributes } from 'react';
 
-import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table.test_ids.js';
+import { tableClassNames } from './table.styled';
+import { tableTestIds } from './table.test_ids';
 
 export const TableFoot: FC<HTMLAttributes<HTMLTableSectionElement>> = ({ className, ...rest }) => (
     <tfoot data-test={tableTestIds.FOOT} className={clsx(tableClassNames.FOOT, className)} {...rest} />

package/src/components/table/table_head.tsx

@@ -1,8 +1,8 @@
 import clsx from 'clsx';
 import type { FC, HTMLAttributes } from 'react';
 
-import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table.test_ids.js';
+import { tableClassNames } from './table.styled';
+import { tableTestIds } from './table.test_ids';
 
 export const TableHead: FC<HTMLAttributes<HTMLTableSectionElement>> = ({ className, ...rest }) => (
     <thead data-test={tableTestIds.HEAD} className={clsx(tableClassNames.HEAD, className)} {...rest} />

package/src/components/table/table_head_cell.tsx

@@ -1,8 +1,8 @@
 import clsx from 'clsx';
 import type { FC, ThHTMLAttributes } from 'react';
 
-import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table.test_ids.js';
+import { tableClassNames } from './table.styled';
+import { tableTestIds } from './table.test_ids';
 
 export const TableHeadCell: FC<ThHTMLAttributes<HTMLTableCellElement>> = ({ className, ...rest }) => (
     <th data-test={tableTestIds.HEAD_CELL} className={clsx(tableClassNames.HEAD_CELL, className)} {...rest} />

package/src/components/table/table_head_row.tsx

@@ -1,8 +1,8 @@
 import clsx from 'clsx';
 import type { FC, HTMLAttributes } from 'react';
 
-import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table.test_ids.js';
+import { tableClassNames } from './table.styled';
+import { tableTestIds } from './table.test_ids';
 
 export const TableHeadRow: FC<HTMLAttributes<HTMLTableRowElement>> = ({ className, ...rest }) => (
     <tr data-test={tableTestIds.HEAD_ROW} className={clsx(tableClassNames.HEAD_ROW, className)} {...rest} />

package/src/components/table/table_loading_row.tsx

@@ -1,8 +1,8 @@
 import type { FC, ReactNode } from 'react';
 
-import { InlineSpinner } from '../spinner/index.js';
-import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table.test_ids.js';
+import { InlineSpinner } from '../spinner';
+import { tableClassNames } from './table.styled';
+import { tableTestIds } from './table.test_ids';
 
 export const TableLoadingRow: FC<{ colSpan: number; children?: ReactNode }> = ({ colSpan, children }) => (
     <tr data-test={tableTestIds.LOADING_ROW} className={tableClassNames.ROW_EMPTY}>

package/src/components/table/table_row.tsx

@@ -1,9 +1,9 @@
 import clsx from 'clsx';
 import type { FC } from 'react';
 
-import { TableRowLinkContext } from './table.context.js';
-import { tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table.test_ids.js';
+import { TableRowLinkContext } from './table.context';
+import { tableClassNames } from './table.styled';
+import { tableTestIds } from './table.test_ids';
 import type { TableRowProps } from './table.types';
 
 export const TableRow: FC<TableRowProps> = ({ className, clickable, expanded, to, ...rest }) => {

package/src/components/table/table_wrapper.tsx

@@ -1,9 +1,9 @@
 import type { FC } from 'react';
 import { useCallback, useEffect, useRef } from 'react';
 
-import { Box } from '../box/index.js';
-import { StyledHorizontallyScrollableTableWrapper, StyledTableFooterWrapper, tableClassNames } from './table.styled.js';
-import { tableTestIds } from './table.test_ids.js';
+import { Box } from '../box';
+import { StyledHorizontallyScrollableTableWrapper, StyledTableFooterWrapper, tableClassNames } from './table.styled';
+import { tableTestIds } from './table.test_ids';
 import type { HorizontallyScrollableTableWrapperProps } from './table.types';
 
 export const HorizontallyScrollableTableWrapper: FC<HorizontallyScrollableTableWrapperProps> = ({

package/src/components/tabs/index.ts

@@ -1,2 +1,2 @@
-export * from './tabs.js';
-export * from './tab.js';
+export * from './tabs';
+export * from './tab';

package/src/components/tabs/tab.stories.tsx

@@ -4,8 +4,8 @@ import styled from 'styled-components';
 
 import { PlaceholderIcon } from '@apify/ui-icons';
 
-import { Tab as TabComponent, type TabVariant } from './tab.js';
-import { Tabs as TabsComponent } from './tabs.js';
+import { Tab as TabComponent, type TabVariant } from './tab';
+import { Tabs as TabsComponent } from './tabs';
 
 const meta: Meta<typeof TabComponent> = {
     title: 'UI-Library/Tab',

package/src/components/tabs/tab.tsx

@@ -5,16 +5,16 @@ import styled, { css } from 'styled-components';
 
 import type { IconComponent } from '@apify/ui-icons';
 
-import { theme } from '../../design_system/theme.js';
+import { theme } from '../../design_system/theme';
 import type { WithTransientProps } from '../../type_utils';
 import type { FlattenSimpleInterpolation } from '../../utils/type_utils';
 import type { BadgeSize } from '../badge';
-import { Badge } from '../badge/index.js';
+import { Badge } from '../badge';
 import type { MarginSpacingProps, RegularBoxProps } from '../box';
 import type { RegularLinkProps } from '../link';
-import { Link } from '../link/index.js';
+import { Link } from '../link';
 import type { SharedTextSize } from '../text';
-import { Text } from '../text/index.js';
+import { Text } from '../text';
 
 type SharedTabProps = Omit<RegularBoxProps, 'as' | 'onClick'> &
     MarginSpacingProps &

package/src/components/tabs/tabs.tsx

@@ -2,14 +2,14 @@ import type React from 'react';
 import { useCallback, useRef, useState } from 'react';
 import styled, { css } from 'styled-components';
 
-import { theme } from '../../design_system/theme.js';
+import { theme } from '../../design_system/theme';
 import type { WithTransientProps } from '../../type_utils';
-import { useResizeObserverSsr } from '../../utils/resize_observer.js';
+import { useResizeObserverSsr } from '../../utils/resize_observer';
 import type { FlattenSimpleInterpolation } from '../../utils/type_utils';
 import type { MarginSpacingProps, RegularBoxProps } from '../box';
-import { Box } from '../box/index.js';
+import { Box } from '../box';
 import type { TabData, TabVariant } from './tab';
-import { Tab } from './tab.js';
+import { Tab } from './tab';
 
 type SharedTabsProps = Omit<RegularBoxProps, 'as' | 'onClick'> & MarginSpacingProps;
 export type TabsProps = SharedTabsProps & {

package/src/components/tag/index.ts

@@ -1 +1 @@
-export * from './tag.js';
+export * from './tag';

package/src/components/tag/tag.tsx

@@ -4,14 +4,14 @@ import styled, { css } from 'styled-components';
 
 import type { IconComponent, IconSize } from '@apify/ui-icons';
 
-import { theme } from '../../design_system/theme.js';
+import { theme } from '../../design_system/theme';
 import type { WithTransientProps } from '../../type_utils';
 import type { FlattenSimpleInterpolation } from '../../utils/type_utils';
-import { Box, type MarginSpacingProps, type RegularBoxProps } from '../box/index.js';
+import { Box, type MarginSpacingProps, type RegularBoxProps } from '../box';
 import type { RegularButtonProps } from '../button';
-import { Link, type RegularLinkProps } from '../link/index.js';
-import { Text } from '../text/index.js';
-import { type SharedTextSize, type SharedTextType } from '../text/index.js';
+import { Link, type RegularLinkProps } from '../link';
+import { Text } from '../text';
+import { type SharedTextSize, type SharedTextType } from '../text';
 
 type TagSize = SharedTextSize;
 export const TAG_SIZES: TagSize[] = ['big', 'regular', 'small'];

package/src/components/tag.tsx

@@ -1 +1 @@
-export * from './tag/tag.js';
+export * from './tag/tag';

package/src/components/text/heading_content.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import styled from 'styled-components';
 
-import { HeadingContent, type HeadingContentProps } from './heading_content.js';
+import { HeadingContent, type HeadingContentProps } from './heading_content';
 
 export default {
     title: 'Design Tokens/Typography/HeadingContent',

package/src/components/text/heading_content.tsx

@@ -1,10 +1,10 @@
 import type React from 'react';
 import styled, { css } from 'styled-components';
 
-import { theme } from '../../design_system/theme.js';
+import { theme } from '../../design_system/theme';
 import type { WithTransientProps } from '../../type_utils';
 import type { TextBaseProps } from './text_base';
-import { TextBaseComponent } from './text_base.js';
+import { TextBaseComponent } from './text_base';
 
 type HeadingContentType = 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6';
 

package/src/components/text/heading_marketing.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import styled from 'styled-components';
 
-import { HeadingMarketing, type HeadingMarketingProps } from './heading_marketing.js';
+import { HeadingMarketing, type HeadingMarketingProps } from './heading_marketing';
 
 export default {
     title: 'Design Tokens/Typography/HeadingMarketing',

package/src/components/text/heading_marketing.tsx

@@ -1,10 +1,10 @@
 import type React from 'react';
 import styled from 'styled-components';
 
-import { theme } from '../../design_system/theme.js';
+import { theme } from '../../design_system/theme';
 import type { WithTransientProps } from '../../type_utils';
 import type { TextBaseProps } from './text_base';
-import { TextBaseComponent } from './text_base.js';
+import { TextBaseComponent } from './text_base';
 
 type HeadingMarketingType =
     | 'titleXs'