@canlooks/can-ui 0.0.160 → 0.0.162

package/dist/cjs/components/curd/curd.d.ts

@@ -28,8 +28,11 @@ type EachRowType<R extends RowType, T> = T | ((row: R) => T);
 export type CurdRef<R extends RowType = RowType, F extends FormValue = FormValue> = {
     reload(): Promise<void>;
     setPage(page: number): void;
+    getPage(): number;
     setPageSize(size: number): void;
+    getPageSize(): number;
     setFilterValue(filterValue: FormValue): void;
+    getFilterValue(): FormValue;
     resetFilter(): void;
     openCreateDialog(defaultValue?: F): Promise<F> | undefined;
     openUpdateDialog(row: R, defaultValue?: F): Promise<F> | undefined;
@@ -49,7 +52,7 @@ export interface CurdBaseProps<R extends RowType = RowType, F extends FormValue
         }, filterValue?: FormValue, sorter?: {
             field: FieldPath;
             type: OrderType;
-        }): LoadRowsReturn<R> | Promise<LoadRowsReturn<R>>;
+        }): LoadRowsReturn<R> | null | Promise<LoadRowsReturn<R> | null>;
     }['bivarianceHack'];
     onLoad?(rowsReturn: LoadRowsReturn<R>): void;
     columns?: (CurdColumn<R> | symbol)[];

package/dist/cjs/components/curd/curd.js

@@ -36,13 +36,16 @@ exports.Curd = (0, react_1.memo)((props) => {
         setPage(page) {
             setInnerPage(page);
         },
+        getPage: () => innerPage.current,
         setPageSize(size) {
             setInnerPageSize(size);
         },
+        getPageSize: () => innerPageSize.current,
         setFilterValue(filterValue) {
             innerFilterRef.current.setFormValue(filterValue);
             innerLoadRows().then();
         },
+        getFilterValue: () => innerFilterRef.current.getFormValue(),
         resetFilter() {
             innerFilterRef.current.resetForm();
             innerLoadRows().then();
@@ -141,7 +144,12 @@ exports.Curd = (0, react_1.memo)((props) => {
         _setInnerRows(data);
     };
     const [innerTotal, setInnerTotal] = (0, utils_1.useDerivedState)(props.paginationProps?.total || 0);
+    const suppressReload = (0, react_1.useRef)(false);
     const [innerLoading, innerLoadRows] = (0, utils_1.useLoading)(async () => {
+        if (suppressReload.current) {
+            suppressReload.current = false;
+            return;
+        }
         if (loadRows) {
             const res = await loadRows(props.paginatable !== false
                 ? {
@@ -155,8 +163,14 @@ exports.Curd = (0, react_1.memo)((props) => {
                 }
                 : void 0);
             if (typeof res === 'object' && res !== null) {
-                setInnerRows(res.rows);
-                setInnerTotal(res.total);
+                const { rows, total = 0 } = res;
+                setInnerRows(rows);
+                setInnerTotal(total);
+                const maxPage = Math.max(Math.ceil(total / innerPageSize.current), 1);
+                if (maxPage < innerPage.current) {
+                    suppressReload.current = true;
+                    setInnerPage(maxPage);
+                }
             }
         }
     }, props.loading);

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { DivProps, Size } from '../../types';
+import { DivProps, Size } from '../../types.js';
 export interface AccordionProps extends Omit<DivProps, 'title' | 'prefix'> {
     size?: Size;
     title?: ReactNode;

package/dist/esm/components/accordion/accordion.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { classes, style } from './accordion.style';
-import { clsx, useControlled } from '../../utils';
-import { useTheme } from '../theme';
-import { Collapse } from '../transitionBase';
-import { Icon } from '../icon';
+import { classes, style } from './accordion.style.js';
+import { clsx, useControlled } from '../../utils/index.js';
+import { useTheme } from '../theme/index.js';
+import { Collapse } from '../transitionBase/index.js';
+import { Icon } from '../icon/index.js';
 import { faCaretRight } from '@fortawesome/free-solid-svg-icons';
 export function Accordion({ size, title, prefix, suffix, expandIconPlacement = 'left', expandIcon, defaultExpanded = false, expanded, onExpandedChange, readOnly, disabled, ...props }) {
     const theme = useTheme();

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

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

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

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

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

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

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

@@ -1,8 +1,8 @@
 import React, { ReactElement, ReactNode } from 'react';
-import { OverlayBaseProps } from '../overlayBase';
-import { TransitionBaseProps } from '../transitionBase';
-import { MenuItemProps } from '../menuItem';
-import { Obj } from '../../types';
+import { OverlayBaseProps } from '../overlayBase/index.js';
+import { TransitionBaseProps } from '../transitionBase/index.js';
+import { MenuItemProps } from '../menuItem/index.js';
+import { Obj } from '../../types.js';
 export type ActionSheetCloseReason = 'escape' | 'canceled' | 'confirmed' | 'maskClicked' | 'action';
 export interface ActionSheetProps<A extends MenuItemProps & Obj> extends Omit<OverlayBaseProps, 'title'> {
     title?: ReactNode;

package/dist/esm/components/actionSheet/actionSheet.js

@@ -1,11 +1,11 @@
 import { createElement as _createElement } from "@emotion/react";
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { classes, style } from './actionSheet.style';
-import { clsx, useControlled, useEscapeClosable, mergeComponentProps } from '../../utils';
-import { OverlayBase } from '../overlayBase';
-import { Slide } from '../transitionBase';
-import { MenuItem } from '../menuItem';
+import { classes, style } from './actionSheet.style.js';
+import { clsx, useControlled, useEscapeClosable, mergeComponentProps } from '../../utils/index.js';
+import { OverlayBase } from '../overlayBase/index.js';
+import { Slide } from '../transitionBase/index.js';
+import { MenuItem } from '../menuItem/index.js';
 const placementToDirection = {
     top: 'down',
     bottom: 'up'

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { ColorPropsValue, DivProps, Status } from '../../types';
+import { ColorPropsValue, DivProps, Status } from '../../types.js';
 export interface AlertProps extends Omit<DivProps, 'title' | 'prefix' | 'children'> {
     variant?: 'filled' | 'outlined' | 'standard';
     status?: Status;

package/dist/esm/components/alert/alert.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { clsx } from '../../utils';
-import { classes, useStyle } from './alert.style';
-import { Button } from '../button';
-import { Skeleton } from '../skeleton';
+import { clsx } from '../../utils/index.js';
+import { classes, useStyle } from './alert.style.js';
+import { Button } from '../button/index.js';
+import { Skeleton } from '../skeleton/index.js';
 import { faXmark } from '@fortawesome/free-solid-svg-icons/faXmark';
-import { Icon } from '../icon';
-import { statusMapToIconDefinition } from '../status';
+import { Icon } from '../icon/index.js';
+import { statusMapToIconDefinition } from '../status/index.js';
 export const Alert = memo(({ variant = 'standard', status = 'error', color = status, showIcon = true, icon, title, description, prefix, suffix, closable, onClose, loading, ...props }) => {
     return (_jsxs("div", { ...props, css: useStyle({ color: color || 'error' }), className: clsx(classes.root, props.className), "data-variant": variant, children: [showIcon &&
                 _jsx("div", { className: classes.icon, children: loading

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

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

package/dist/esm/components/alert/alert.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('alert', [
     'icon',

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

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

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

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

package/dist/esm/components/anchorList/activeIndicator.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { classes } from './anchorList.style';
+import { classes } from './anchorList.style.js';
 import { useEffect, useState } from 'react';
 export function ActiveIndicator({ activeId, anchorRefs, onTransitionEnd }) {
     const [top, setTop] = useState();

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

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
-import { FlexProps } from '../flex';
-import { DefineElement } from '../../types';
+import { FlexProps } from '../flex/index.js';
+import { DefineElement } from '../../types.js';
 export type AnchorItem = {
     id: string;
     label?: ReactNode;

package/dist/esm/components/anchorList/anchorList.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { classes, style } from './anchorList.style';
-import { clsx, listenAllPredecessorsScroll, useDerivedState, useExternalClass, useSyncState } from '../../utils';
+import { classes, style } from './anchorList.style.js';
+import { clsx, listenAllPredecessorsScroll, useDerivedState, useExternalClass, useSyncState } from '../../utils/index.js';
 import { memo, useEffect, useRef } from 'react';
-import { Flex } from '../flex';
-import { ActiveIndicator } from './activeIndicator';
+import { Flex } from '../flex/index.js';
+import { ActiveIndicator } from './activeIndicator.js';
 export const AnchorList = memo(({ anchors, renderAnchorItem, indent = 24, scroller, routeMode = 'history', offset = 0, scrollBehavior = 'smooth', ...props }) => {
     const anchorRefs = useRef(new Map());
     /**

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

@@ -1,4 +1,4 @@
-import { defineInnerClasses, defineCss } from '../../utils';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
 import { css } from '@emotion/react';
 export const classes = defineInnerClasses('anchor-list', [
     'item',

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

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

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

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

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

@@ -1,18 +1,18 @@
 import { ElementType } from 'react';
-import { OverridableComponent, OverridableProps } from '../../types';
-import { ThemeProviderProps } from '../theme';
-import { AppDialogMethods } from './appDialog';
-import { AppMessageMethods } from './appMessage';
-import { AppNotificationMethods } from './appNotification';
-import { AppActionSheetMethods } from './appActionSheet';
+import { OverridableComponent, OverridableProps } from '../../types.js';
+import { ThemeProviderProps } from '../theme/index.js';
+import { AppDialogMethods } from './appDialog.js';
+import { AppMessageMethods } from './appMessage.js';
+import { AppNotificationMethods } from './appNotification.js';
+import { AppActionSheetMethods } from './appActionSheet.js';
 export interface AppOwnProps extends ThemeProviderProps {
     fill?: boolean;
 }
 export type AppProps<C extends ElementType = 'div'> = OverridableProps<AppOwnProps, C>;
 export declare function useAppContext(): {
     dialog: AppDialogMethods;
-    message: AppMessageMethods<import("../snackbarBase").SnackbarBaseProps>;
-    notification: AppNotificationMethods<import("./appNotification").AppNotificationProps>;
+    message: AppMessageMethods<import("../snackbarBase/index.js").SnackbarBaseProps>;
+    notification: AppNotificationMethods<import("./appNotification.js").AppNotificationProps>;
     actionSheet: AppActionSheetMethods;
 };
 export declare const App: OverridableComponent<AppOwnProps> & {

package/dist/esm/components/app/app.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { createContext, useContext } from 'react';
-import { clsx, defineCss, useExternalClass } from '../../utils';
-import { classes, style } from './app.style';
-import { ThemeProvider } from '../theme';
-import { AppDialog, AppDialogMethods } from './appDialog';
-import { AppMessage, AppMessageMethods } from './appMessage';
-import { AppNotification, AppNotificationMethods } from './appNotification';
-import { AppActionSheet, AppActionSheetMethods } from './appActionSheet';
+import { clsx, defineCss, useExternalClass } from '../../utils/index.js';
+import { classes, style } from './app.style.js';
+import { ThemeProvider } from '../theme/index.js';
+import { AppDialog, AppDialogMethods } from './appDialog.js';
+import { AppMessage, AppMessageMethods } from './appMessage.js';
+import { AppNotification, AppNotificationMethods } from './appNotification.js';
+import { AppActionSheet, AppActionSheetMethods } from './appActionSheet.js';
 import { css } from '@emotion/react';
-import { GlobalEventDelegation } from './globalEventDelegation';
+import { GlobalEventDelegation } from './globalEventDelegation.js';
 const AppContext = createContext({
     dialog: new AppDialogMethods(),
     message: new AppMessageMethods(),

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

@@ -1,4 +1,4 @@
-import { Theme } from '../theme';
+import { Theme } from '../theme/index.js';
 export declare const classes: {
     root: string;
 };

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

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
-import { defaultMonospaceFontFamily } from '../theme';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
+import { defaultMonospaceFontFamily } from '../theme/index.js';
 export const classes = defineInnerClasses('app');
 export const appStyleCallback = (theme) => css `
     @layer reset, override;

package/dist/esm/components/app/appActionSheet.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { ActionSheetProps } from '../actionSheet';
-import { MenuItemProps } from '../menuItem';
-import { Obj } from '../../types';
+import { ActionSheetProps } from '../actionSheet/index.js';
+import { MenuItemProps } from '../menuItem/index.js';
+import { Obj } from '../../types.js';
 export interface AppActionSheetProps<A extends MenuItemProps & Obj> extends Omit<ActionSheetProps<A>, 'onAction' | 'onConfirm'> {
     onAction?(action: A, ...args: any[]): any;
     onConfirm?(...args: any[]): any;

package/dist/esm/components/app/appActionSheet.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 import { isValidElement, memo, useState } from 'react';
-import { ActionSheet } from '../actionSheet';
-import { getRandomId } from '../../utils';
+import { ActionSheet } from '../actionSheet/index.js';
+import { getRandomId } from '../../utils/index.js';
 export class AppActionSheetMethods {
     async confirm() {
     }

package/dist/esm/components/app/appDialog.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { DialogProps } from '../dialog';
+import { DialogProps } from '../dialog/index.js';
 export interface AppDialogProps extends Omit<DialogProps, 'content' | 'onConfirm' | 'onCancel'> {
     content?: ReactNode;
     onConfirm?(...args: any[]): any;

package/dist/esm/components/app/appDialog.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 import { memo, useState } from 'react';
-import { Dialog } from '../dialog';
-import { StatusIcon } from '../status';
-import { getRandomId } from '../../utils';
+import { Dialog } from '../dialog/index.js';
+import { StatusIcon } from '../status/index.js';
+import { getRandomId } from '../../utils/index.js';
 export class AppDialogMethods {
     async info(props, ...args) {
     }

package/dist/esm/components/app/appMessage.d.ts

@@ -1,5 +1,5 @@
-import { SnackbarBaseProps } from '../snackbarBase';
-import { SnackbarBaseMethods } from '../snackbarBase';
+import { SnackbarBaseProps } from '../snackbarBase/index.js';
+import { SnackbarBaseMethods } from '../snackbarBase/index.js';
 export declare class AppMessageMethods<P extends SnackbarBaseProps = SnackbarBaseProps> extends SnackbarBaseMethods<P> {
 }
 export declare const AppMessage: import("react").MemoExoticComponent<({ methods }: {

package/dist/esm/components/app/appMessage.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { SnackbarBase } from '../snackbarBase';
-import { SnackbarBaseMethods } from '../snackbarBase';
+import { SnackbarBase } from '../snackbarBase/index.js';
+import { SnackbarBaseMethods } from '../snackbarBase/index.js';
 export class AppMessageMethods extends SnackbarBaseMethods {
 }
 export const AppMessage = memo(({ methods }) => {

package/dist/esm/components/app/appNotification.d.ts

@@ -1,6 +1,6 @@
-import { SnackbarBaseProps } from '../snackbarBase';
-import { SnackbarBaseMethods } from '../snackbarBase';
-import { CornerPlacement } from '../../types';
+import { SnackbarBaseProps } from '../snackbarBase/index.js';
+import { SnackbarBaseMethods } from '../snackbarBase/index.js';
+import { CornerPlacement } from '../../types.js';
 export interface AppNotificationProps extends Omit<SnackbarBaseProps, 'placement'> {
     placement?: CornerPlacement;
 }

package/dist/esm/components/app/appNotification.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { SnackbarBase } from '../snackbarBase';
-import { SnackbarBaseMethods } from '../snackbarBase';
+import { SnackbarBase } from '../snackbarBase/index.js';
+import { SnackbarBaseMethods } from '../snackbarBase/index.js';
 export class AppNotificationMethods extends SnackbarBaseMethods {
 }
 export const AppNotification = memo(({ methods }) => {

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

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

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

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

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

@@ -1,8 +1,8 @@
 import { ReactElement, ReactNode, Ref } from 'react';
-import { PopperProps, PopperRef } from '../popper';
-import { MenuOptionType } from '../optionsBase';
-import { InputProps } from '../input';
-import { MenuItem } from '../menuItem';
+import { PopperProps, PopperRef } from '../popper/index.js';
+import { MenuOptionType } from '../optionsBase/index.js';
+import { InputProps } from '../input/index.js';
+import { MenuItem } from '../menuItem/index.js';
 export interface AutocompleteProps<O extends MenuOptionType> extends Omit<InputProps, 'onSelect'> {
     children?: ReactNode;
     options?: O[];

package/dist/esm/components/autocomplete/autocomplete.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { isValidElement, memo, useCallback, useMemo, useRef, useState } from 'react';
-import { Popper } from '../popper';
-import { OptionsBase } from '../optionsBase';
-import { Input } from '../input';
-import { isUnset, useControlled, useDerivedState, useLoading, useSync, mergeComponentProps, useStrictEffect } from '../../utils';
-import { classes } from './autocomplete.style';
-import { popperStyle } from '../popper/popper.style';
-import { useFilterOptions } from '../optionsBase/filterOptions';
+import { Popper } from '../popper/index.js';
+import { OptionsBase } from '../optionsBase/index.js';
+import { Input } from '../input/index.js';
+import { isUnset, useControlled, useDerivedState, useLoading, useSync, mergeComponentProps, useStrictEffect } from '../../utils/index.js';
+import { classes } from './autocomplete.style.js';
+import { popperStyle } from '../popper/popper.style.js';
+import { useFilterOptions } from '../optionsBase/filterOptions.js';
 export const Autocomplete = memo(({ children, loading, options, loadOptions, primaryKey = 'value', labelKey = 'label', onSelect, renderInput, popperProps, popperRef, defaultValue = '', value, onChange, ...props }) => {
     const [focused, _setFocused] = useState(false);
     const setFocused = (focused) => {

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

@@ -1,2 +1,2 @@
-import { defineInnerClasses } from '../../utils';
+import { defineInnerClasses } from '../../utils/index.js';
 export const classes = defineInnerClasses('autocomplete');

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { ReactElement, ComponentProps } from 'react';
-import { ColorPropsValue, DivProps, Size } from '../../types';
-import { AvatarGroup } from './avatarGroup';
+import { ColorPropsValue, DivProps, Size } from '../../types.js';
+import { AvatarGroup } from './avatarGroup.js';
 export interface AvatarProps extends DivProps {
     color?: ColorPropsValue;
     size?: Size | number | string;

package/dist/esm/components/avatar/avatar.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { memo, useMemo } from 'react';
-import { classes, useStyle } from './avatar.style';
-import { mergeComponentProps } from '../../utils';
-import { useTheme } from '../theme';
-import { AvatarGroup } from './avatarGroup';
+import { classes, useStyle } from './avatar.style.js';
+import { mergeComponentProps } from '../../utils/index.js';
+import { useTheme } from '../theme/index.js';
+import { AvatarGroup } from './avatarGroup.js';
 export function useAvatarStyle(props) {
     const { mode, size, gray } = useTheme();
     const _size = props.size ?? size;

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

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

package/dist/esm/components/avatar/avatar.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('avatar', [
     'img'
 ]);

package/dist/esm/components/avatar/avatarGroup.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { AvatarProps } from './avatar';
-import { Obj } from '../../types';
+import { AvatarProps } from './avatar.js';
+import { Obj } from '../../types.js';
 export interface AvatarGroupProps extends Omit<AvatarProps, 'src'> {
     items?: (AvatarProps & Obj)[];
     hoverable?: boolean;

package/dist/esm/components/avatar/avatarGroup.js

@@ -1,9 +1,9 @@
 import { jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 import { Children, cloneElement, isValidElement, memo } from 'react';
-import { clsx } from '../../utils';
-import { classes, style } from './avatarGroup.style';
-import { Avatar, useAvatarStyle } from './avatar';
+import { clsx } from '../../utils/index.js';
+import { classes, style } from './avatarGroup.style.js';
+import { Avatar, useAvatarStyle } from './avatar.js';
 export const AvatarGroup = memo(({ color, size, shape = 'circular', imgProps, items, hoverable = true, max = 5, total, renderSurplus, ...props }) => {
     const itemStyle = useAvatarStyle({ color, size });
     const commonProps = {

package/dist/esm/components/avatar/avatarGroup.style.js

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

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

@@ -1,2 +1,2 @@
-export * from './avatar';
-export * from './avatarGroup';
+export * from './avatar.js';
+export * from './avatarGroup.js';

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

@@ -1,2 +1,2 @@
-export * from './avatar';
-export * from './avatarGroup';
+export * from './avatar.js';
+export * from './avatarGroup.js';

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

@@ -1,5 +1,5 @@
 import { PropsWithoutRef } from 'react';
-import { FadeProps } from '../transitionBase';
+import { FadeProps } from '../transitionBase/index.js';
 export interface BackdropProps<T extends HTMLElement = HTMLElement> extends Omit<FadeProps<T>, 'in'> {
     open?: boolean;
     /** 默认为'dark' */

package/dist/esm/components/backdrop/backdrop.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { clsx } from '../../utils';
-import { Fade } from '../transitionBase';
-import { classes, useStyle } from './backdrop.style';
+import { clsx } from '../../utils/index.js';
+import { Fade } from '../transitionBase/index.js';
+import { classes, useStyle } from './backdrop.style.js';
 export function Backdrop({ open, variant = 'dark', ...props }) {
     return (_jsx(Fade, { ...props, css: useStyle({ variant }), in: open, className: clsx(classes.root, props.className) }));
 }

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

@@ -1,4 +1,4 @@
-import { BackdropProps } from './backdrop';
+import { BackdropProps } from './backdrop.js';
 export declare const classes: {
     root: string;
 };

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

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, useCss } from '../../utils';
+import { defineInnerClasses, useCss } from '../../utils/index.js';
 import Color from 'color';
 export const classes = defineInnerClasses('backdrop');
 export function useStyle({ variant }) {

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

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