@coveord/plasma-mantine 56.1.2 → 56.1.3

package/src/components/table/__tests__/TableDateRangePicker.spec.tsx

@@ -2,8 +2,8 @@ import {ColumnDef, createColumnHelper} from '@tanstack/table-core';
 import {render, screen, userEvent} from '@test-utils';
 
 import dayjs from 'dayjs';
-import {Table} from '../Table';
-import {useTable} from '../use-table';
+import {Table} from '../Table.js';
+import {useTable} from '../use-table.js';
 
 type RowData = {name: string};
 

package/src/components/table/__tests__/TableFilter.spec.tsx

@@ -1,8 +1,8 @@
 import {ColumnDef, createColumnHelper} from '@tanstack/table-core';
 import {act, render, screen, userEvent, within} from '@test-utils';
 
-import {Table} from '../Table';
-import {useTable} from '../use-table';
+import {Table} from '../Table.js';
+import {useTable} from '../use-table.js';
 
 type RowData = {name: string};
 

package/src/components/table/__tests__/TableLastUpdated.spec.tsx

@@ -2,8 +2,8 @@ import {ColumnDef, createColumnHelper} from '@tanstack/table-core';
 import {render, screen, userEvent} from '@test-utils';
 import {useState} from 'react';
 
-import {Table} from '../Table';
-import {useTable} from '../use-table';
+import {Table} from '../Table.js';
+import {useTable} from '../use-table.js';
 
 type RowData = {name: string};
 

package/src/components/table/__tests__/TablePagination.spec.tsx

@@ -1,8 +1,8 @@
 import {ColumnDef, createColumnHelper, getPaginationRowModel} from '@tanstack/table-core';
 import {render, screen, userEvent, waitFor} from '@test-utils';
 
-import {Table} from '../Table';
-import {useTable} from '../use-table';
+import {Table} from '../Table.js';
+import {useTable} from '../use-table.js';
 
 type RowData = {name: string};
 

package/src/components/table/__tests__/TablePerPage.spec.tsx

@@ -1,8 +1,8 @@
 import {ColumnDef, createColumnHelper} from '@tanstack/table-core';
 import {render, screen, userEvent, waitFor} from '@test-utils';
 
-import {Table} from '../Table';
-import {useTable} from '../use-table';
+import {Table} from '../Table.js';
+import {useTable} from '../use-table.js';
 
 type RowData = {name: string};
 

package/src/components/table/__tests__/TablePredicate.spec.tsx

@@ -1,8 +1,8 @@
 import {ColumnDef, createColumnHelper} from '@tanstack/table-core';
 import {render, screen, userEvent} from '@test-utils';
 
-import {Table} from '../Table';
-import {useTable} from '../use-table';
+import {Table} from '../Table.js';
+import {useTable} from '../use-table.js';
 
 type RowData = {name: string};
 

package/src/components/table/__tests__/Th.spec.tsx

@@ -1,8 +1,8 @@
 import {ColumnDef, createColumnHelper} from '@tanstack/table-core';
 import {render, screen, userEvent} from '@test-utils';
 
-import {Table} from '../Table';
-import {useTable} from '../use-table';
+import {Table} from '../Table.js';
+import {useTable} from '../use-table.js';
 
 type RowData = {name: string; type: 'fruit' | 'vegetable'; colors: string[]};
 const columnHelper = createColumnHelper<RowData>();

package/src/components/table/__tests__/use-url-synced-state.unit.spec.ts

@@ -1,5 +1,5 @@
 import {act, renderHook} from '@test-utils';
-import {useUrlSyncedState} from '../use-url-synced-state';
+import {useUrlSyncedState} from '../use-url-synced-state.js';
 
 /**
  * Split a url into its parts.

package/src/components/table/index.ts

@@ -1,7 +1,7 @@
 export {flexRender as renderTableCell} from '@tanstack/react-table';
-export * from './Table';
-export {type TablePredicateProps} from './table-predicate/TablePredicate';
+export * from './Table.js';
+export {type TablePredicateProps} from './table-predicate/TablePredicate.js';
 export {type TableAction, type TableLayout, type TableLayoutProps, type TableProps} from './Table.types';
-export {useTableContext} from './TableContext';
-export {useTable, type TableState, type TableStore, type UseTableOptions} from './use-table';
-export {useUrlSyncedState, type UseUrlSyncedStateOptions, type SearchParamEntry} from './use-url-synced-state';
+export {useTableContext} from './TableContext.js';
+export {useTable, type TableState, type TableStore, type UseTableOptions} from './use-table.js';
+export {useUrlSyncedState, type UseUrlSyncedStateOptions, type SearchParamEntry} from './use-url-synced-state.js';

package/src/components/table/layouts/TableLayoutControl.tsx

@@ -1,6 +1,6 @@
 import {Box, Center, Grid, SegmentedControl, Space} from '@mantine/core';
-import {TableComponentsOrder} from '../Table';
-import {useTableContext} from '../TableContext';
+import {TableComponentsOrder} from '../Table.js';
+import {useTableContext} from '../TableContext.js';
 
 export const TableLayoutControl = () => {
     const {layouts, store} = useTableContext();

package/src/components/table/layouts/TableLayouts.tsx

@@ -1,4 +1,4 @@
-import {RowLayout} from './row-layout/RowLayout';
+import {RowLayout} from './row-layout/RowLayout.js';
 
 export const TableLayouts = {
     Rows: RowLayout,

package/src/components/table/layouts/__tests__/RowLayout.spec.tsx

@@ -1,8 +1,8 @@
 import {ColumnDef, createColumnHelper} from '@tanstack/table-core';
 import {render, screen, userEvent, waitFor, within} from '@test-utils';
 import {FunctionComponent} from 'react';
-import {Table} from '../../Table';
-import {useTable} from '../../use-table';
+import {Table} from '../../Table.js';
+import {useTable} from '../../use-table.js';
 
 describe('RowLayout', () => {
     type RowData = {id: string; firstName: string; lastName?: string; disabled?: boolean};

package/src/components/table/layouts/row-layout/RowLayout.tsx

@@ -1,12 +1,12 @@
 import {IconList} from '@coveord/plasma-react-icons';
 import {Factory, MantineComponent, StylesApiProps, useProps, useStyles} from '@mantine/core';
 import {ReactNode} from 'react';
-import {identity} from '../../../../utils';
+import {identity} from '../../../../utils/index.js';
 import {TableLayout} from '../../Table.types';
 import classes from './RowLayout.module.css';
-import {RowLayoutBody, RowLayoutBodyStylesNames} from './RowLayoutBody';
-import {RowLayoutProvider} from './RowLayoutContext';
-import {RowLayoutHeader, RowLayoutHeaderStyleNames} from './RowLayoutHeader';
+import {RowLayoutBody, RowLayoutBodyStylesNames} from './RowLayoutBody.js';
+import {RowLayoutProvider} from './RowLayoutContext.js';
+import {RowLayoutHeader, RowLayoutHeaderStyleNames} from './RowLayoutHeader.js';
 
 type RowLayoutStylesNames = RowLayoutHeaderStyleNames | RowLayoutBodyStylesNames;
 export interface RowLayoutProps extends StylesApiProps<RowLayoutFactory> {

package/src/components/table/layouts/row-layout/RowLayoutBody.tsx

@@ -2,13 +2,13 @@ import {Box, BoxProps, Collapse, CompoundStylesApiProps, Factory, useProps} from
 import {flexRender} from '@tanstack/react-table';
 import {defaultColumnSizing} from '@tanstack/table-core';
 import {ForwardedRef, Fragment, type MouseEvent} from 'react';
-import {CustomComponentThemeExtend, identity} from '../../../../utils';
+import {CustomComponentThemeExtend, identity} from '../../../../utils/index.js';
 import {TableLayoutProps} from '../../Table.types';
-import {useTableContext} from '../../TableContext';
-import {TableCollapsibleColumn} from '../../table-column/TableCollapsibleColumn';
-import {TableSelectableColumn} from '../../table-column/TableSelectableColumn';
-import {TableLoading} from '../../table-loading/TableLoading';
-import {useRowLayout} from './RowLayoutContext';
+import {useTableContext} from '../../TableContext.js';
+import {TableCollapsibleColumn} from '../../table-column/TableCollapsibleColumn.js';
+import {TableSelectableColumn} from '../../table-column/TableSelectableColumn.js';
+import {TableLoading} from '../../table-loading/TableLoading.js';
+import {useRowLayout} from './RowLayoutContext.js';
 
 export type RowLayoutBodyStylesNames = 'row' | 'cell' | 'collapsibleRow' | 'collapsibleWrapper';
 

package/src/components/table/layouts/row-layout/RowLayoutContext.tsx

@@ -1,5 +1,5 @@
 import {createSafeContext, GetStylesApi} from '@mantine/core';
-import {type RowLayoutFactory} from './RowLayout';
+import {type RowLayoutFactory} from './RowLayout.js';
 
 interface RowLayoutContextType {
     getStyles: GetStylesApi<RowLayoutFactory>;

package/src/components/table/layouts/row-layout/RowLayoutHeader.tsx

@@ -1,11 +1,11 @@
 import {BoxProps, CompoundStylesApiProps, Factory, useProps} from '@mantine/core';
 import {ForwardedRef} from 'react';
-import {CustomComponentThemeExtend, identity} from '../../../../utils';
+import {CustomComponentThemeExtend, identity} from '../../../../utils/index.js';
 import {TableLayoutProps} from '../../Table.types';
-import {useTableContext} from '../../TableContext';
-import {Th} from '../../table-header/Th';
-import {RowLayoutBodyFactory} from './RowLayoutBody';
-import {useRowLayout} from './RowLayoutContext';
+import {useTableContext} from '../../TableContext.js';
+import {Th} from '../../table-header/Th.js';
+import {RowLayoutBodyFactory} from './RowLayoutBody.js';
+import {useRowLayout} from './RowLayoutContext.js';
 
 export type RowLayoutHeaderStyleNames = 'headerRow';
 

package/src/components/table/table-actions/TableActionItem.tsx

@@ -1,9 +1,9 @@
 import {CompoundStylesApiProps, PolymorphicFactory, polymorphicFactory, useProps} from '@mantine/core';
 import {ReactNode} from 'react';
-import {Button, ButtonProps} from '../../button';
-import {useTableContext} from '../TableContext';
-import {useTableActionContext} from './TableActionContext';
-import {Menu, MenuItemProps} from '../../menu';
+import {Button, ButtonProps} from '../../button/index.js';
+import {useTableContext} from '../TableContext.js';
+import {useTableActionContext} from './TableActionContext.js';
+import {Menu, MenuItemProps} from '../../menu/index.js';
 
 export type TableActionItemStylesNames = 'actionItemRoot';
 

package/src/components/table/table-actions/TableActionsList.tsx

@@ -11,12 +11,12 @@ import {
     useProps,
 } from '@mantine/core';
 import {MouseEventHandler, ReactNode, useState} from 'react';
-import {ActionIcon} from '../../action-icon';
-import {Button} from '../../button';
-import {InlineConfirm} from '../../inline-confirm';
+import {ActionIcon} from '../../action-icon/index.js';
+import {Button} from '../../button/index.js';
+import {InlineConfirm} from '../../inline-confirm/index.js';
 import {TableAction} from '../Table.types';
-import {useTableContext} from '../TableContext';
-import {TableActionProvider} from './TableActionContext';
+import {useTableContext} from '../TableContext.js';
+import {TableActionProvider} from './TableActionContext.js';
 
 export type TableActionsListStylesNames =
     | 'actionsTarget'

package/src/components/table/table-actions/TableHeaderActions.tsx

@@ -1,9 +1,9 @@
 import {Factory, factory, Grid, GridColProps, Group, useProps} from '@mantine/core';
 import {ReactElement, useMemo} from 'react';
 
-import {TableComponentsOrder} from '../Table';
-import {useTableContext} from '../TableContext';
-import {TableActionsList} from './TableActionsList';
+import {TableComponentsOrder} from '../Table.js';
+import {useTableContext} from '../TableContext.js';
+import {TableActionsList} from './TableActionsList.js';
 
 export type TableHeaderActionsStylesNames = 'headerActionsRoot' | 'headerActionsGroup';
 

package/src/components/table/table-actions/index.ts

@@ -1,2 +1,2 @@
-export * from './TableActionItem';
-export * from './TableHeaderActions';
+export * from './TableActionItem.js';
+export * from './TableHeaderActions.js';

package/src/components/table/table-column/TableActionsColumn.tsx

@@ -2,8 +2,8 @@ import {MoreSize16Px} from '@coveord/plasma-react-icons';
 import {useProps} from '@mantine/core';
 import {CellContext, ColumnDef} from '@tanstack/table-core';
 import {FunctionComponent} from 'react';
-import {TableActionsList, TableActionsListProps} from '../table-actions/TableActionsList';
-import {useTableContext} from '../TableContext';
+import {TableActionsList, TableActionsListProps} from '../table-actions/TableActionsList.js';
+import {useTableContext} from '../TableContext.js';
 
 /**
  * Generic column to use when your table needs actions on rows

package/src/components/table/table-column/TableCollapsibleColumn.tsx

@@ -2,8 +2,8 @@ import {IconChevronDown, IconChevronUp} from '@coveord/plasma-react-icons';
 import {Factory, factory, useProps} from '@mantine/core';
 import {CellContext, ColumnDef} from '@tanstack/table-core';
 import {MouseEvent as ReactMouseEvent, ReactNode} from 'react';
-import {ActionIcon, ActionIconProps} from '../../action-icon';
-import {useTableContext} from '../TableContext';
+import {ActionIcon, ActionIconProps} from '../../action-icon/index.js';
+import {useTableContext} from '../TableContext.js';
 
 export type TableCollapsibleColumnStylesNames = 'collapsibleIcon';
 

package/src/components/table/table-columns-selector/TableColumnsSelector.tsx

@@ -15,8 +15,8 @@ import {
 } from '@mantine/core';
 import {flexRender, Header} from '@tanstack/react-table';
 import {ReactNode} from 'react';
-import {TableComponentsOrder} from '../Table';
-import {useTableContext} from '../TableContext';
+import {TableComponentsOrder} from '../Table.js';
+import {useTableContext} from '../TableContext.js';
 
 export type TableColumnsSelectorStylesNames = 'columnSelector' | 'columnSelectorWrapper';
 

package/src/components/table/table-date-range-picker/TableDateRangePicker.tsx

@@ -8,9 +8,9 @@ import {
     DateRangePickerInlineCalendar,
     DateRangePickerInlineCalendarProps,
     DateRangePickerPreset,
-} from '../../date-range-picker';
-import {TableComponentsOrder} from '../Table';
-import {useTableContext} from '../TableContext';
+} from '../../date-range-picker/index.js';
+import {TableComponentsOrder} from '../Table.js';
+import {useTableContext} from '../TableContext.js';
 
 export type TableDateRangePickerStylesNames = 'dateRangeRoot';
 

package/src/components/table/table-filter/TableFilter.tsx

@@ -3,9 +3,9 @@ import {BoxProps, CompoundStylesApiProps, Factory, factory, Grid, TextInput, use
 import {useDebouncedValue, useDidUpdate} from '@mantine/hooks';
 import {ChangeEventHandler, MouseEventHandler, useEffect, useState} from 'react';
 
-import {ActionIcon} from '../../action-icon';
-import {TableComponentsOrder} from '../Table';
-import {useTableContext} from '../TableContext';
+import {ActionIcon} from '../../action-icon/index.js';
+import {TableComponentsOrder} from '../Table.js';
+import {useTableContext} from '../TableContext.js';
 
 export type TableFilterStylesNames = 'filterRoot' | 'filterWrapper' | 'filterEmpty';
 

package/src/components/table/table-header/TableHeader.tsx

@@ -2,11 +2,11 @@ import {CrossSize16Px} from '@coveord/plasma-react-icons';
 import {Box, BoxProps, CompoundStylesApiProps, factory, Factory, Grid, Tooltip, useProps} from '@mantine/core';
 import {ReactNode} from 'react';
 
-import {Button} from '../../button';
-import {TableLayoutControl} from '../layouts/TableLayoutControl';
-import {TableComponentsOrder} from '../Table';
-import {TableHeaderActions} from '../table-actions';
-import {useTableContext} from '../TableContext';
+import {Button} from '../../button/index.js';
+import {TableLayoutControl} from '../layouts/TableLayoutControl.js';
+import {TableComponentsOrder} from '../Table.js';
+import {TableHeaderActions} from '../table-actions/index.js';
+import {useTableContext} from '../TableContext.js';
 
 export type TableHeaderStylesNames = 'headerRoot' | 'headerGrid' | 'headerGridInner' | 'headerCol';
 

package/src/components/table/table-header/Th.tsx

@@ -2,8 +2,8 @@ import {ArrowDownSize16Px, ArrowUpSize16Px, DoubleArrowHeadVSize16Px} from '@cov
 import {BoxProps, CompoundStylesApiProps, Factory, Group, UnstyledButton, useProps} from '@mantine/core';
 import {Header, defaultColumnSizing, flexRender} from '@tanstack/react-table';
 import {AriaAttributes, ComponentType, ForwardedRef, SVGProps} from 'react';
-import {CustomComponentThemeExtend, identity} from '../../../utils';
-import {useTableContext} from '../TableContext';
+import {CustomComponentThemeExtend, identity} from '../../../utils/index.js';
+import {useTableContext} from '../TableContext.js';
 
 export type TableThStylesNames = 'th';
 

package/src/components/table/table-last-updated/TableLastUpdated.tsx

@@ -1,8 +1,8 @@
 import {BoxProps, CompoundStylesApiProps, factory, Factory} from '@mantine/core';
 import {useDidUpdate} from '@mantine/hooks';
 import {useState} from 'react';
-import {LastUpdated, LastUpdatedProps} from '../../last-updated/LastUpdated';
-import {useTableContext} from '../TableContext';
+import {LastUpdated, LastUpdatedProps} from '../../last-updated/LastUpdated.js';
+import {useTableContext} from '../TableContext.js';
 
 export type TableLastUpdatedStylesNames = 'lastUpdatedRoot' | 'lastUpdatedLabel';
 

package/src/components/table/table-pagination/TablePagination.tsx

@@ -3,7 +3,7 @@ import {useDidUpdate} from '@mantine/hooks';
 import {FunctionComponent} from 'react';
 
 import {TablePaginationProps} from './TablePagination.types';
-import {useTableContext} from '../TableContext';
+import {useTableContext} from '../TableContext.js';
 
 export const TablePagination: FunctionComponent<TablePaginationProps> = ({onPageChange}) => {
     const {store, table, containerRef} = useTableContext();

package/src/components/table/table-per-page/TablePerPage.tsx

@@ -1,7 +1,7 @@
 import {Group, SegmentedControl, Text} from '@mantine/core';
 import {FunctionComponent, useMemo} from 'react';
 
-import {useTableContext} from '../TableContext';
+import {useTableContext} from '../TableContext.js';
 import {TablePerPageProps} from './TablePerPage.types';
 
 export const TablePerPage: FunctionComponent<TablePerPageProps> & {DEFAULT_SIZE: number} = ({

package/src/components/table/table-predicate/TablePredicate.tsx

@@ -13,8 +13,8 @@ import {
 } from '@mantine/core';
 import {FunctionComponent} from 'react';
 
-import {TableComponentsOrder} from '../Table';
-import {useTableContext} from '../TableContext';
+import {TableComponentsOrder} from '../Table.js';
+import {useTableContext} from '../TableContext.js';
 
 export type TablePredicateStylesNames = 'predicate' | 'predicateWrapper' | 'predicateLabel' | 'predicateSelect';
 

package/src/components/table/use-table.ts

@@ -3,7 +3,7 @@ import {useDidUpdate} from '@mantine/hooks';
 import {type ExpandedState, type PaginationState, type SortingState} from '@tanstack/table-core';
 import defaultsDeep from 'lodash.defaultsdeep';
 import {Dispatch, SetStateAction, useCallback, useMemo, useState} from 'react';
-import {useUrlSyncedState, UseUrlSyncedStateOptions} from './use-url-synced-state';
+import {useUrlSyncedState, UseUrlSyncedStateOptions} from './use-url-synced-state.js';
 
 // Create a deeply optional version of another type
 type DeepPartial<T> = {

package/src/hooks/__tests__/useControlledList.spec.tsx

@@ -1,6 +1,6 @@
 import {renderHook} from '@testing-library/react';
 
-import {useControlledList} from '../useControlledList';
+import {useControlledList} from '../useControlledList.js';
 
 describe('useControlledList', () => {
     const onChange = vi.fn();

package/src/hooks/index.ts

@@ -1,2 +1,2 @@
-export * from './useParentHeight';
-export * from './useControlledList';
+export * from './useParentHeight.js';
+export * from './useControlledList.js';

package/src/index.ts

@@ -1,6 +1,6 @@
 import {MantineColorsTuple, noop} from '@mantine/core';
 import {type RowData} from '@tanstack/table-core';
-import {type PlasmaColors} from './theme/PlasmaColors';
+import {type PlasmaColors} from './theme/PlasmaColors.js';
 
 export * from '@mantine/carousel';
 export * from '@mantine/core';
@@ -11,7 +11,7 @@ export * from '@mantine/hooks';
 export * from '@mantine/notifications';
 export {type NotificationsProps} from '@mantine/notifications';
 export * from '@tanstack/table-core';
-export * from './components';
+export * from './components/index.js';
 export {noop};
 
 // explicitly overriding mantine components
@@ -39,9 +39,9 @@ export {
     type ModalProps,
     type TableProps,
     type TableState,
-} from './components';
+} from './components/index.js';
 
-export * from './theme';
+export * from './theme/index.js';
 
 declare module '@mantine/core' {
     export interface MantineThemeColorsOverride {

package/src/theme/Plasmantine.tsx

@@ -1,9 +1,9 @@
 import {MantineProvider, MantineProviderProps, mergeThemeOverrides} from '@mantine/core';
 import {FunctionComponent} from 'react';
 
-import {plasmaCSSVariablesResolver} from './plasmaCSSVariablesResolver';
-import {plasmaTheme} from './Theme';
-import {mergeCSSVariablesResolvers} from './mergeCSSVariablesResolvers';
+import {plasmaCSSVariablesResolver} from './plasmaCSSVariablesResolver.js';
+import {plasmaTheme} from './Theme.js';
+import {mergeCSSVariablesResolvers} from './mergeCSSVariablesResolvers.js';
 import '../styles/global.css';
 
 export const Plasmantine: FunctionComponent<MantineProviderProps> = ({

package/src/theme/Theme.tsx

@@ -57,7 +57,7 @@ import {
     Tooltip,
 } from '@mantine/core';
 import {DateInput, DatePicker, MonthPicker, PickerInputBase, TimeInput, TimePicker, YearPicker} from '@mantine/dates';
-import {Accordion, CheckboxIcon, CircleLoader, InfoToken} from '../components';
+import {Accordion, CheckboxIcon, CircleLoader, InfoToken} from '../components/index.js';
 import AccordionClasses from '../styles/Accordion.module.css';
 import ActionIconClasses from '../styles/ActionIcon.module.css';
 import AlertClasses from '../styles/Alert.module.css';
@@ -98,10 +98,10 @@ import TextClasses from '../styles/Text.module.css';
 import TimePickerClasses from '../styles/TimePicker.module.css';
 import TooltipClasses from '../styles/Tooltip.module.css';
 import YearPickerClasses from '../styles/YearPicker.module.css';
-import {PlasmaColors} from './PlasmaColors';
+import {PlasmaColors} from './PlasmaColors.js';
 
 import placeholderSvg from '../images/placeholder.svg';
-import {plasmaVariantColorResolver} from './plasmaVariantColorResolver';
+import {plasmaVariantColorResolver} from './plasmaVariantColorResolver.js';
 
 export const plasmaTheme: MantineThemeOverride = createTheme({
     variantColorResolver: plasmaVariantColorResolver,

package/src/theme/__tests__/mergeCSSVariablesResolvers.spec.ts

@@ -1,5 +1,5 @@
 import {DEFAULT_THEME} from '@mantine/core';
-import {mergeCSSVariablesResolvers} from '../mergeCSSVariablesResolvers';
+import {mergeCSSVariablesResolvers} from '../mergeCSSVariablesResolvers.js';
 
 describe('mergeCSSVariablesResolvers', () => {
     it('resolves to empty variables if no resolvers are given as argument', () => {

package/src/theme/__tests__/plasmaCSSVariablesResolver.spec.ts

@@ -1,6 +1,6 @@
 import {createTheme, DEFAULT_THEME, mergeMantineTheme} from '@mantine/core';
-import {PlasmaColors} from '../PlasmaColors';
-import {plasmaCSSVariablesResolver} from '../plasmaCSSVariablesResolver';
+import {PlasmaColors} from '../PlasmaColors.js';
+import {plasmaCSSVariablesResolver} from '../plasmaCSSVariablesResolver.js';
 
 describe('plasmaCSSVariablesResolver', () => {
     it('updates the error color', () => {

package/src/theme/index.ts

@@ -1,2 +1,2 @@
-export * from './plasmaCSSVariablesResolver';
-export * from './Plasmantine';
+export * from './plasmaCSSVariablesResolver.js';
+export * from './Plasmantine.js';

package/src/utils/__tests__/overrideComponent.spec.tsx

@@ -1,7 +1,7 @@
 import {render} from '@test-utils';
 import {ReactNode} from 'react';
 
-import {overrideComponent} from '../overrideComponent';
+import {overrideComponent} from '../overrideComponent.js';
 
 describe('overrideComponent', () => {
     it.skip('overrides the specified properties on the component and copies over the rest', () => {

package/src/utils/index.ts

@@ -1,3 +1,3 @@
-export * from './createFactoryComponent';
-export * from './createPolymorphicComponent';
-export * from './overrideComponent';
+export * from './createFactoryComponent.js';
+export * from './createPolymorphicComponent.js';
+export * from './overrideComponent.js';