@canlooks/can-ui 0.0.160 → 0.0.161

package/dist/esm/components/table/table.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps } from 'react';
-import { Size } from '../../types';
-import { TdCell, ThCell } from './tableSticky';
+import { Size } from '../../types.js';
+import { TdCell, ThCell } from './tableSticky.js';
 export interface TableProps extends Partial<ComponentProps<'table'>> {
     size?: Size;
     /**

package/dist/esm/components/table/table.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { useRef } from 'react';
-import { classes, style } from './table.style';
-import { cloneRef, clsx } from '../../utils';
-import { useTheme } from '../theme';
-import { TdCell, ThCell } from './tableSticky';
+import { classes, style } from './table.style.js';
+import { cloneRef, clsx } from '../../utils/index.js';
+import { useTheme } from '../theme/index.js';
+import { TdCell, ThCell } from './tableSticky.js';
 export function Table({ size, bordered = 'none', striped = false, ...props }) {
     const theme = useTheme();
     size ??= theme.size;

package/dist/esm/components/table/table.style.js

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
 import Color from 'color';
 export const classes = defineInnerClasses('table', [
     'container',

package/dist/esm/components/table/tableSticky.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { OverridableComponent } from '../../types';
+import { OverridableComponent } from '../../types.js';
 export declare const TableContainer: OverridableComponent<{}>;
 type CellProps = {
     sticky?: 'left' | 'right';

package/dist/esm/components/table/tableSticky.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
-import { mergeComponentProps } from '../../utils';
-import { classes } from './table.style';
-import { style } from './tableSticky.style';
+import { mergeComponentProps } from '../../utils/index.js';
+import { classes } from './table.style.js';
+import { style } from './tableSticky.style.js';
 export const TableContainer = (({ component: Component = 'div', ...props }) => {
     const innerRef = useRef(null);
     useEffect(() => {

package/dist/esm/components/table/tableSticky.style.js

@@ -1,4 +1,4 @@
-import { defineCss } from '../../utils';
+import { defineCss } from '../../utils/index.js';
 import { css } from '@emotion/react';
 export const style = defineCss(({ easing }) => css `
     @layer reset {

package/dist/esm/components/tabs/index.d.ts

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

package/dist/esm/components/tabs/index.js

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

package/dist/esm/components/tabs/lineIndicator.d.ts

@@ -1,4 +1,4 @@
-import { Id } from '../../types';
+import { Id } from '../../types.js';
 export declare function LineIndicator({ value, position, getActiveTab, }: {
     value?: Id;
     position: 'top' | 'bottom' | 'left' | 'right';

package/dist/esm/components/tabs/lineIndicator.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { classes, indicatorWidth } from './tabs.style';
-import { colorTransfer } from '../../utils';
-import { useTheme } from '../theme';
-import { useTabsContext } from './tabs';
+import { classes, indicatorWidth } from './tabs.style.js';
+import { colorTransfer } from '../../utils/index.js';
+import { useTheme } from '../theme/index.js';
+import { useTabsContext } from './tabs.js';
 export function LineIndicator({ value, position, getActiveTab, }) {
     const context = useTabsContext();
     const [color, setColor] = useState(context.color);

package/dist/esm/components/tabs/tab.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { ColorPropsValue, DivProps, Id } from '../../types';
+import { ColorPropsValue, DivProps, Id } from '../../types.js';
 export interface TabProps extends Omit<DivProps, 'prefix'> {
     prefix?: ReactNode;
     suffix?: ReactNode;

package/dist/esm/components/tabs/tab.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { clsx, useColor } from '../../utils';
-import { classes } from './tabs.style';
-import { useTabsContext } from './tabs';
-import { Button } from '../button';
+import { clsx, useColor } from '../../utils/index.js';
+import { classes } from './tabs.style.js';
+import { useTabsContext } from './tabs.js';
+import { Button } from '../button/index.js';
 import { faXmark } from '@fortawesome/free-solid-svg-icons/faXmark';
-import { Icon } from '../icon';
-import { SortableItem } from '../sortableItem';
-import { Collapse } from '../transitionBase';
+import { Icon } from '../icon/index.js';
+import { SortableItem } from '../sortableItem/index.js';
+import { Collapse } from '../transitionBase/index.js';
 export const Tab = memo(({ prefix, suffix, color, orientation, label, value, disabled, closable, onClose, sortable, _active, ...props }) => {
     const context = useTabsContext();
     const colorValue = useColor(color ?? context.color);

package/dist/esm/components/tabs/tabs.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactElement, ReactNode, SetStateAction, Dispatch } from 'react';
-import { ColorPropsValue, DivProps, Id, Obj, Size } from '../../types';
-import { Tab, TabProps } from './tab';
+import { ColorPropsValue, DivProps, Id, Obj, Size } from '../../types.js';
+import { Tab, TabProps } from './tab.js';
 import { DragEndEvent } from '@dnd-kit/core';
 export type TabType = TabProps & Obj;
 type TabsSharedProps = {

package/dist/esm/components/tabs/tabs.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 import { Children, cloneElement, createContext, isValidElement, memo, useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { classes, useStyle } from './tabs.style';
-import { clsx, cloneRef, isUnset, useControlled, useDerivedState, useDndSensors, onDndDragEnd } from '../../utils';
-import { useTheme } from '../theme';
-import { Tab } from './tab';
-import { TabsEllipsis } from './tabsEllipsis';
-import { LineIndicator } from './lineIndicator';
+import { classes, useStyle } from './tabs.style.js';
+import { clsx, cloneRef, isUnset, useControlled, useDerivedState, useDndSensors, onDndDragEnd } from '../../utils/index.js';
+import { useTheme } from '../theme/index.js';
+import { Tab } from './tab.js';
+import { TabsEllipsis } from './tabsEllipsis.js';
+import { LineIndicator } from './lineIndicator.js';
 import { DndContext } from '@dnd-kit/core';
 import { SortableContext } from '@dnd-kit/sortable';
 import { TransitionGroup } from 'react-transition-group';

package/dist/esm/components/tabs/tabs.style.d.ts

@@ -1,4 +1,4 @@
-import { TabsProps } from './tabs';
+import { TabsProps } from './tabs.js';
 export declare const classes: {
     label: string;
     prefix: string;

package/dist/esm/components/tabs/tabs.style.js

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, useColor, useCss } from '../../utils';
+import { defineInnerClasses, useColor, useCss } from '../../utils/index.js';
 export const classes = defineInnerClasses('tabs', [
     'scroll',
     'scrollWrap',

package/dist/esm/components/tabs/tabsEllipsis.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { TabType, TabsProps } from './tabs';
+import { TabType, TabsProps } from './tabs.js';
 interface TabsEllipsisProps<T extends TabType = TabType> extends Pick<TabsProps<T>, 'tabs' | 'children' | 'labelKey' | 'primaryKey' | 'value'> {
     onToggleSelected(value: keyof T): void;
 }

package/dist/esm/components/tabs/tabsEllipsis.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { Children, isValidElement, memo, useState } from 'react';
-import { classes } from './tabs.style';
-import { Popper } from '../popper';
-import { tabsEllipsisPopperStyle } from './tabsEllipsis.style';
-import { OptionsBase } from '../optionsBase';
-import { Icon } from '../icon';
+import { classes } from './tabs.style.js';
+import { Popper } from '../popper/index.js';
+import { tabsEllipsisPopperStyle } from './tabsEllipsis.style.js';
+import { OptionsBase } from '../optionsBase/index.js';
+import { Icon } from '../icon/index.js';
 import { faEllipsis } from '@fortawesome/free-solid-svg-icons/faEllipsis';
 export const TabsEllipsis = memo(({ tabs, children, labelKey = 'label', primaryKey = 'value', value, onToggleSelected }) => {
     const [open, setOpen] = useState(false);

package/dist/esm/components/tabs/tabsEllipsis.style.js

@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
-import { defineCss } from '../../utils';
-import { popperStyleCallback } from '../popper/popper.style';
-import { classes as optionsBaseClasses } from '../optionsBase/optionsBase.style';
+import { defineCss } from '../../utils/index.js';
+import { popperStyleCallback } from '../popper/popper.style.js';
+import { classes as optionsBaseClasses } from '../optionsBase/optionsBase.style.js';
 export const tabsEllipsisPopperStyle = defineCss(theme => [
     popperStyleCallback(theme),
     css `

package/dist/esm/components/tag/index.d.ts

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

package/dist/esm/components/tag/index.js

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

package/dist/esm/components/tag/tag.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { ColorPropsValue, DivProps, Size } from '../../types';
+import { ColorPropsValue, DivProps, Size } from '../../types.js';
 export interface TagProps extends Omit<DivProps, 'prefix'> {
     variant?: 'filled' | 'outlined' | 'plain';
     color?: ColorPropsValue;

package/dist/esm/components/tag/tag.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { classes, useStyle } from './tag.style';
-import { clsx } from '../../utils';
-import { Icon } from '../icon';
+import { classes, useStyle } from './tag.style.js';
+import { clsx } from '../../utils/index.js';
+import { Icon } from '../icon/index.js';
 import { faXmark } from '@fortawesome/free-solid-svg-icons/faXmark';
-import { Button } from '../button';
+import { Button } from '../button/index.js';
 export const Tag = memo(({ variant = 'outlined', color = 'text.secondary', shape = 'square', size = 'small', prefix, suffix, clickable, closable, onClose, ...props }) => {
     const closeHandler = (e) => {
         e.preventDefault();

package/dist/esm/components/tag/tag.style.d.ts

@@ -1,4 +1,4 @@
-import { TagProps } from './tag';
+import { TagProps } from './tag.js';
 export declare const classes: {
     prefix: string;
     content: string;

package/dist/esm/components/tag/tag.style.js

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, useColor, useCss } from '../../utils';
+import { defineInnerClasses, useColor, useCss } from '../../utils/index.js';
 import Color from 'color';
 export const classes = defineInnerClasses('tag', [
     'content',

package/dist/esm/components/textarea/index.d.ts

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

package/dist/esm/components/textarea/index.js

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

package/dist/esm/components/textarea/textarea.d.ts

@@ -1,5 +1,5 @@
 import { Ref, ComponentProps, CSSProperties } from 'react';
-import { InputBaseProps } from '../inputBase';
+import { InputBaseProps } from '../inputBase/index.js';
 export interface TextareaProps extends Omit<InputBaseProps<'textarea'>, 'children' | 'prefix' | 'suffix'> {
     textareaProps?: ComponentProps<'textarea'>;
     textareaRef?: Ref<HTMLTextAreaElement>;

package/dist/esm/components/textarea/textarea.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { InputBase } from '../inputBase';
-import { classes, style } from './textarea.style';
-import { clsx, mergeComponentProps } from '../../utils';
+import { InputBase } from '../inputBase/index.js';
+import { classes, style } from './textarea.style.js';
+import { clsx, mergeComponentProps } from '../../utils/index.js';
 export const Textarea = memo(({ textareaProps, textareaRef, rows, fullWidth = false, resize = fullWidth ? 'vertical' : 'both', ...props }) => {
     return (_jsx(InputBase, { ...props, css: style, className: clsx(classes.root, props.className), "data-full-width": fullWidth, children: inputBaseProps => _jsx("textarea", { ...mergeComponentProps(inputBaseProps, {
                 rows,

package/dist/esm/components/textarea/textarea.style.js

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
-import { classes as inputBaseClasses } from '../inputBase/inputBase.style';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
+import { classes as inputBaseClasses } from '../inputBase/inputBase.style.js';
 export const classes = defineInnerClasses('textarea', [
     'textarea'
 ]);

package/dist/esm/components/theme/index.d.ts

@@ -1,5 +1,5 @@
-export * from './themeContext';
-export * from './themeMethods';
-export * from './themeRegistry';
-export * from './themeTypes';
-export * from './themeVariables';
+export * from './themeContext.js';
+export * from './themeMethods.js';
+export * from './themeRegistry.js';
+export * from './themeTypes.js';
+export * from './themeVariables.js';

package/dist/esm/components/theme/index.js

@@ -1,5 +1,5 @@
-export * from './themeContext';
-export * from './themeMethods';
-export * from './themeRegistry';
-export * from './themeTypes';
-export * from './themeVariables';
+export * from './themeContext.js';
+export * from './themeMethods.js';
+export * from './themeRegistry.js';
+export * from './themeTypes.js';
+export * from './themeVariables.js';

package/dist/esm/components/theme/themeContext.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { Theme, ThemeDefinition } from './themeTypes';
+import { Theme, ThemeDefinition } from './themeTypes.js';
 export declare const ThemeContext: import("react").Context<Theme>;
 export declare function useTheme(): Theme;
 export type ThemeProviderProps = {

package/dist/esm/components/theme/themeContext.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createContext, useContext, useMemo } from 'react';
-import { defaultDarkTheme, defaultLightTheme } from './themeVariables';
-import { mergeDeep, useDerivedState } from '../../utils';
-import { defineTheme, restoreThemeDefinition } from './themeMethods';
-import { getTheme } from './themeRegistry';
+import { defaultDarkTheme, defaultLightTheme } from './themeVariables.js';
+import { mergeDeep, useDerivedState } from '../../utils/index.js';
+import { defineTheme, restoreThemeDefinition } from './themeMethods.js';
+import { getTheme } from './themeRegistry.js';
 export const ThemeContext = createContext(defineTheme(defaultLightTheme));
 export function useTheme() {
     return useContext(ThemeContext);

package/dist/esm/components/theme/themeMethods.d.ts

@@ -1,4 +1,4 @@
-import { PartialTheme, ThemeDefinition } from './themeTypes';
+import { PartialTheme, ThemeDefinition } from './themeTypes.js';
 /**
  * 将主题定义对象转换成使用对象
  * @param themeDefinition

package/dist/esm/components/theme/themeRegistry.d.ts

@@ -1,4 +1,4 @@
-import { NamedThemeDefinition, ThemeDefinition } from './themeTypes';
+import { NamedThemeDefinition, ThemeDefinition } from './themeTypes.js';
 export declare const themeMap: Map<string, NamedThemeDefinition>;
 export declare function getTheme(name: string): NamedThemeDefinition;
 export declare function registerTheme(name: string, theme: ThemeDefinition): void;

package/dist/esm/components/theme/themeRegistry.js

@@ -1,4 +1,4 @@
-import { defaultDarkTheme, defaultLightTheme } from './themeVariables';
+import { defaultDarkTheme, defaultLightTheme } from './themeVariables.js';
 export const themeMap = new Map();
 export function getTheme(name) {
     const registeredTheme = themeMap.get(name);

package/dist/esm/components/theme/themeTypes.d.ts

@@ -1,4 +1,4 @@
-import { ColorPresets, ResponsiveValue, Size, TextColorPresets, ThemeEasingName } from '../../types';
+import { ColorPresets, ResponsiveValue, Size, TextColorPresets, ThemeEasingName } from '../../types.js';
 export type ThemeMode = 'light' | 'dark';
 export interface ColorMember extends Array<string> {
     light: string;

package/dist/esm/components/theme/themeVariables.d.ts

@@ -1,5 +1,5 @@
-import { ResponsiveValue } from '../../types';
-import { NamedThemeDefinition } from './themeTypes';
+import { ResponsiveValue } from '../../types.js';
+import { NamedThemeDefinition } from './themeTypes.js';
 /**
  * ---------------------------------------------------------------------
  * 统一全局zIndex

package/dist/esm/components/timeline/index.d.ts

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

package/dist/esm/components/timeline/index.js

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

package/dist/esm/components/timeline/timeline.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { ColorPropsValue, DivProps, Obj } from '../../types';
-import { TimelineItem, TimelineItemProps } from './timelineItem';
+import { ColorPropsValue, DivProps, Obj } from '../../types.js';
+import { TimelineItem, TimelineItemProps } from './timelineItem.js';
 export interface TimelineSharedProps extends DivProps {
     variant?: 'filled' | 'outlined';
     /**标签的位置，默认为`end` */

package/dist/esm/components/timeline/timeline.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 import { Children, cloneElement, createContext, isValidElement, memo, useContext, useMemo } from 'react';
-import { classes, style } from './timeline.style';
-import { clsx } from '../../utils';
-import { TimelineItem } from './timelineItem';
+import { classes, style } from './timeline.style.js';
+import { clsx } from '../../utils/index.js';
+import { TimelineItem } from './timelineItem.js';
 const TimelineContext = createContext({});
 export function useTimelineContext() {
     return useContext(TimelineContext);

package/dist/esm/components/timeline/timeline.style.d.ts

@@ -1,4 +1,4 @@
-import { ColorPropsValue } from '../../types';
+import { ColorPropsValue } from '../../types.js';
 export declare const classes: {
     content: string;
     dot: string;

package/dist/esm/components/timeline/timeline.style.js

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss, useColor, useCss } from '../../utils';
+import { defineInnerClasses, defineCss, useColor, useCss } from '../../utils/index.js';
 export const classes = defineInnerClasses('timeline', ['item', 'opposite', 'dotArea', 'dot', 'content']);
 export const style = defineCss(() => css `
     @layer reset {

package/dist/esm/components/timeline/timelineItem.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { TimelineSharedProps } from './timeline';
+import { TimelineSharedProps } from './timeline.js';
 export interface TimelineItemProps extends Omit<TimelineSharedProps, 'content'> {
     dot?: ReactNode;
     content?: ReactNode;

package/dist/esm/components/timeline/timelineItem.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { clsx } from '../../utils';
-import { classes, useTimelineItemStyle } from './timeline.style';
-import { useTimelineContext } from './timeline';
+import { clsx } from '../../utils/index.js';
+import { classes, useTimelineItemStyle } from './timeline.style.js';
+import { useTimelineContext } from './timeline.js';
 export const TimelineItem = memo(({ dot, content, oppositeContent, loading, _index = 0, 
 // 共享属性，从TimelineSharedProps继承
 variant, labelPosition, color, ...props }) => {

package/dist/esm/components/toggleButton/index.d.ts

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

package/dist/esm/components/toggleButton/index.js

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

package/dist/esm/components/toggleButton/toggleButton.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
-import { FlexProps } from '../flex';
-import { ButtonProps } from '../button';
-import { Id, Obj, SelectableProps } from '../../types';
+import { FlexProps } from '../flex/index.js';
+import { ButtonProps } from '../button/index.js';
+import { Id, Obj, SelectableProps } from '../../types.js';
 type ButtonItem = ButtonProps & Obj;
 export interface ToggleButtonBaseProps<I extends ButtonItem> extends Omit<FlexProps, 'defaultValue' | 'onChange'> {
     variant?: 'filled' | 'outlined';

package/dist/esm/components/toggleButton/toggleButton.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 import { Children, cloneElement, isValidElement } from 'react';
-import { Flex } from '../flex';
-import { clsx, isSelected } from '../../utils';
-import { classes, style } from './toggleButton.style';
-import { Button } from '../button';
-import { useFlatSelection } from '../selectionContext';
+import { Flex } from '../flex/index.js';
+import { clsx, isSelected } from '../../utils/index.js';
+import { classes, style } from './toggleButton.style.js';
+import { Button } from '../button/index.js';
+import { useFlatSelection } from '../selectionContext/index.js';
 export const ToggleButton = (({ variant = 'filled', size, color = 'primary', disabled, readOnly, items, primaryKey = 'value', multiple, defaultValue, value, onChange, ...props }) => {
     const [innerValue, toggleSelected] = useFlatSelection({
         disabled: disabled ?? readOnly,

package/dist/esm/components/toggleButton/toggleButton.style.js

@@ -1,6 +1,6 @@
-import { defineCss, defineInnerClasses } from '../../utils';
+import { defineCss, defineInnerClasses } from '../../utils/index.js';
 import { css } from '@emotion/react';
-import { classes as buttonClasses } from '../button/button.style';
+import { classes as buttonClasses } from '../button/button.style.js';
 export const classes = defineInnerClasses('buttonGroup');
 export const style = defineCss(({ divider }) => css `
     @layer reset {

package/dist/esm/components/tooltip/index.d.ts

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

package/dist/esm/components/tooltip/index.js

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

package/dist/esm/components/tooltip/tooltip.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { PopperProps } from '../popper';
-import { ColorPropsValue } from '../../types';
+import { PopperProps } from '../popper/index.js';
+import { ColorPropsValue } from '../../types.js';
 export interface TooltipProps extends Omit<PopperProps, 'title' | 'content'> {
     title?: ReactNode;
     color?: ColorPropsValue;

package/dist/esm/components/tooltip/tooltip.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { Popper } from '../popper';
-import { classes, useStyle } from './tooltip.style';
-import { clsx } from '../../utils';
-import { useTheme } from '../theme';
+import { Popper } from '../popper/index.js';
+import { classes, useStyle } from './tooltip.style.js';
+import { clsx } from '../../utils/index.js';
+import { useTheme } from '../theme/index.js';
 export function Tooltip({ title, color, showArrow = true, offset, ...props }) {
     const { spacing } = useTheme();
     offset ??= showArrow ? spacing[3] : spacing[2];

package/dist/esm/components/tooltip/tooltip.style.d.ts

@@ -1,4 +1,4 @@
-import { ColorPropsValue } from '../../types';
+import { ColorPropsValue } from '../../types.js';
 export declare const classes: {
     title: string;
 } & {

package/dist/esm/components/tooltip/tooltip.style.js

@@ -1,8 +1,8 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, useColor, useCss } from '../../utils';
-import { popperArrowStyle } from '../popper/popper.style';
+import { defineInnerClasses, useColor, useCss } from '../../utils/index.js';
+import { popperArrowStyle } from '../popper/popper.style.js';
 import Color from 'color';
-import { zIndex } from '../theme';
+import { zIndex } from '../theme/index.js';
 export const classes = defineInnerClasses('tooltip', [
     'title'
 ]);

package/dist/esm/components/touchRipple/index.d.ts

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

package/dist/esm/components/touchRipple/index.js

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

package/dist/esm/components/touchRipple/touchRipple.d.ts

@@ -1,4 +1,4 @@
-import { ColorPropsValue, DefineElement, DivProps } from '../../types';
+import { ColorPropsValue, DefineElement, DivProps } from '../../types.js';
 export interface TouchRippleOverlayProps extends DivProps {
     color?: ColorPropsValue;
     /** 容器元素，默认为该组件元素的父元素 */

package/dist/esm/components/touchRipple/touchRipple.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { memo, useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { cloneRef, clsx, useContainer } from '../../utils';
-import { classes, useStyle } from './touchRipple.style';
+import { cloneRef, clsx, useContainer } from '../../utils/index.js';
+import { classes, useStyle } from './touchRipple.style.js';
 export const TouchRipple = memo(({ color = 'primary', container, effectContainer, ...props }) => {
     const ref = useRef(null);
     const [ripples, setRipples] = useState(new Map());

package/dist/esm/components/touchRipple/touchRipple.style.d.ts

@@ -1,4 +1,4 @@
-import { ColorPropsValue } from '../../types';
+import { ColorPropsValue } from '../../types.js';
 export declare const classes: {
     ripple: string;
 } & {

package/dist/esm/components/touchRipple/touchRipple.style.js

@@ -1,6 +1,6 @@
-import { defineInnerClasses, useColor, useCss } from '../../utils';
+import { defineInnerClasses, useColor, useCss } from '../../utils/index.js';
 import { css, keyframes } from '@emotion/react';
-import { zIndex } from '../theme';
+import { zIndex } from '../theme/index.js';
 import Color from 'color';
 export const classes = defineInnerClasses('touch-ripple-overlay', [
     'ripple'