@canlooks/can-ui 0.0.159 → 0.0.161

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ElementType } from 'react';
-import { ColorPropsValue, DivProps, OverridableComponent, OverridableProps, Placement, SlotsAndProps } from '../../types';
-import { GestureOptions } from '../../utils';
+import { ColorPropsValue, DivProps, OverridableComponent, OverridableProps, Placement, SlotsAndProps } from '../../types.js';
+import { GestureOptions } from '../../utils/index.js';
 type HandleAbbr = 't' | 'r' | 'b' | 'l' | 'tl' | 'tr' | 'br' | 'bl' | 'lt' | 'rt' | 'lb' | 'rb';
 export type Handle = Placement | HandleAbbr;
 export interface ResizableOwnProps extends SlotsAndProps<{

package/dist/esm/components/resizable/resizable.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { useMemo, useRef, useState } from 'react';
-import { clsx, cloneRef, toArray, useSync, useControlled, useDraggable } from '../../utils';
-import { classes, handleCursors, useStyle } from './resizable.style';
+import { clsx, cloneRef, toArray, useSync, useControlled, useDraggable } from '../../utils/index.js';
+import { classes, handleCursors, useStyle } from './resizable.style.js';
 const handleAlias = {
     t: 't',
     r: 'r',

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

@@ -1,4 +1,4 @@
-import { Handle, ResizableProps } from './resizable';
+import { Handle, ResizableProps } from './resizable.js';
 export declare const classes: {
     container: string;
     corner: string;

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { DivProps, OverridableComponent, OverridableProps, SlotsAndProps } from '../../types';
+import { DivProps, OverridableComponent, OverridableProps, SlotsAndProps } from '../../types.js';
 import { ElementType, Ref } from 'react';
 export interface ScrollbarOwnProps extends SlotsAndProps<{
     scroller: DivProps;

package/dist/esm/components/scrollbar/scrollbar.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { useEffect, useRef } from 'react';
-import { clsx, cloneRef, useDraggable } from '../../utils';
-import { classes, useStyle } from './scrollbar.style';
+import { clsx, cloneRef, useDraggable } from '../../utils/index.js';
+import { classes, useStyle } from './scrollbar.style.js';
 export const Scrollbar = (({ component: Component = 'div', variant = 'contain', autoHide = true, size = '.8em', wrapperRef, onScroll, slots = {}, slotProps = {}, ...props }) => {
     const containerRef = useRef(null);
     const scrollerRef = useRef(null);

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

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

package/dist/esm/components/segmented/SegmentedOption.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { DivProps, Id } from '../../types';
+import { DivProps, Id } from '../../types.js';
 export interface SegmentedOptionProps extends Omit<DivProps, 'prefix'> {
     orientation?: 'horizontal' | 'vertical';
     prefix?: ReactNode;

package/dist/esm/components/segmented/SegmentedOption.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { clsx } from '../../utils';
-import { classes } from './segmented.style';
+import { clsx } from '../../utils/index.js';
+import { classes } from './segmented.style.js';
 export const SegmentedOption = memo(({ orientation, prefix, suffix, value, label, disabled, ...props }) => {
     return (_jsxs("div", { ...props, className: clsx(classes.option, props.className), "data-orientation": orientation, "data-disabled": disabled, onClick: e => {
             !disabled && props.onClick?.(e);

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { ColorPropsValue, DivProps, Id, Obj, Size } from '../../types';
-import { SegmentedOption, SegmentedOptionProps } from './SegmentedOption';
+import { ColorPropsValue, DivProps, Id, Obj, Size } from '../../types.js';
+import { SegmentedOption, SegmentedOptionProps } from './SegmentedOption.js';
 export type ISegmentedOption = SegmentedOptionProps & Obj;
 export interface SegmentedProps<O extends ISegmentedOption, V extends Id = Id> extends Omit<DivProps, 'defaultValue' | 'onChange'> {
     options?: O[];

package/dist/esm/components/segmented/segmented.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 import { Children, cloneElement, isValidElement, memo, useEffect, useRef, useState } from 'react';
-import { classes, useStyle } from './segmented.style';
-import { clsx, cloneRef, isUnset, useControlled, useDerivedState } from '../../utils';
-import { SegmentedOption } from './SegmentedOption';
-import { useTheme } from '../theme';
+import { classes, useStyle } from './segmented.style.js';
+import { clsx, cloneRef, isUnset, useControlled, useDerivedState } from '../../utils/index.js';
+import { SegmentedOption } from './SegmentedOption.js';
+import { useTheme } from '../theme/index.js';
 export const Segmented = memo(({ options, orientation = 'horizontal', size, labelKey = 'label', primaryKey = 'value', fullWidth, indicatorColor = 'background.content', defaultValue, value, onChange, readOnly, disabled, ...props }) => {
     const theme = useTheme();
     size ??= theme.size;

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

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

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

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

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

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

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

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

@@ -1,8 +1,8 @@
 import { ReactElement } from 'react';
-import { SelectBaseMultipleProps, SelectBaseOwnProps, SelectBaseSingleProps } from '../selectBase';
-import { MenuOptionType, OptionsBaseSharedProps } from '../optionsBase';
-import { Id } from '../../types';
-import { MenuItem } from '../menuItem';
+import { SelectBaseMultipleProps, SelectBaseOwnProps, SelectBaseSingleProps } from '../selectBase/index.js';
+import { MenuOptionType, OptionsBaseSharedProps } from '../optionsBase/index.js';
+import { Id } from '../../types.js';
+import { MenuItem } from '../menuItem/index.js';
 export interface SelectOwnProps<O extends MenuOptionType> extends SelectBaseOwnProps, OptionsBaseSharedProps<O> {
 }
 export interface SelectSingleProps<O extends MenuOptionType, V extends Id = Id> extends SelectOwnProps<O>, SelectBaseSingleProps<V> {
@@ -14,4 +14,4 @@ export declare const Select: {
     <O extends MenuOptionType, V extends Id = Id>(props: SelectProps<O, V>): ReactElement;
     Option: typeof MenuItem;
 };
-export declare const Option: import("react").MemoExoticComponent<({ value, size, color, emphasized, selected, focused, disabled, showCheckbox, checkboxProps, ellipsis, prefix, label, suffix, searchToken, scrollHere, _level, indent, expandIcon, defaultExpanded, expanded, onExpandedChange, ...props }: import("../menuItem").MenuItemProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export declare const Option: import("react").MemoExoticComponent<({ value, size, color, emphasized, selected, focused, disabled, showCheckbox, checkboxProps, ellipsis, prefix, label, suffix, searchToken, scrollHere, _level, indent, expandIcon, defaultExpanded, expanded, onExpandedChange, ...props }: import("../menuItem/index.js").MenuItemProps) => import("@emotion/react/jsx-runtime").JSX.Element>;

package/dist/esm/components/select/select.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { Children, isValidElement, memo, useMemo } from 'react';
-import { SelectBase } from '../selectBase';
-import { OptionsBase } from '../optionsBase';
-import { MenuItem } from '../menuItem';
-import { useFlatSelection } from '../selectionContext';
+import { SelectBase } from '../selectBase/index.js';
+import { OptionsBase } from '../optionsBase/index.js';
+import { MenuItem } from '../menuItem/index.js';
+import { useFlatSelection } from '../selectionContext/index.js';
 export const Select = memo(({ children, 
 // 从SelectableProps继承
 multiple = false, // 同时转发至<SelectBase/>

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

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

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

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

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

@@ -1,8 +1,8 @@
-import { InputBaseProps } from '../inputBase';
+import { InputBaseProps } from '../inputBase/index.js';
 import { ComponentProps, ReactNode, Ref } from 'react';
-import { PopperProps, PopperRef } from '../popper';
-import { InputProps } from '../input';
-import { Id, SelectableMultipleProps, SelectableSingleProps } from '../../types';
+import { PopperProps, PopperRef } from '../popper/index.js';
+import { InputProps } from '../input/index.js';
+import { Id, SelectableMultipleProps, SelectableSingleProps } from '../../types.js';
 export interface SelectBaseOwnProps extends Omit<InputBaseProps<'input'>, 'children' | 'placeholder' | 'defaultValue' | 'value' | 'onChange' | 'onToggle'> {
     /** <select />内部由<input />实现 */
     inputProps?: ComponentProps<'input'>;

package/dist/esm/components/selectBase/selectBase.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-import { InputBase } from '../inputBase';
+import { InputBase } from '../inputBase/index.js';
 import { useDeferredValue, useRef } from 'react';
-import { Popper } from '../popper';
-import { Input } from '../input';
-import { isNoValue, mergeComponentProps, useControlled } from '../../utils';
-import { popperStyle } from '../popper/popper.style';
-import { Icon } from '../icon';
+import { Popper } from '../popper/index.js';
+import { Input } from '../input/index.js';
+import { isNoValue, mergeComponentProps, useControlled } from '../../utils/index.js';
+import { popperStyle } from '../popper/popper.style.js';
+import { Icon } from '../icon/index.js';
 import { faMagnifyingGlass } from '@fortawesome/free-solid-svg-icons/faMagnifyingGlass';
-import { classes, style } from './selectBase.style';
-import { Tag } from '../tag';
-import { LoadingIndicator } from '../loadingIndicator';
+import { classes, style } from './selectBase.style.js';
+import { Tag } from '../tag/index.js';
+import { LoadingIndicator } from '../loadingIndicator/index.js';
 import { faChevronDown } from '@fortawesome/free-solid-svg-icons/faChevronDown';
 export function SelectBase({ inputProps, popperProps, popperRef, defaultOpen = false, open, onOpenChange, placeholder = '请选择', sizeAdaptable = true, disabled, readOnly, loading = false, searchable, defaultSearchValue = '', searchValue, onSearchChange, searchInputProps, 
 // 从SelectableProps继承

package/dist/esm/components/selectBase/selectBase.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 tagClasses } from '../tag/tag.style';
+import { classes as tagClasses } from '../tag/tag.style.js';
 export const classes = defineInnerClasses('select-base', [
     'contentWrap',
     'placeholder',

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

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

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

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

package/dist/esm/components/selectedList/selectedItem.d.ts

@@ -1,6 +1,6 @@
-import { AlertProps } from '../alert';
-import { Id } from '../../types';
-import { SelectedListProps } from './selectedList';
+import { AlertProps } from '../alert/index.js';
+import { Id } from '../../types.js';
+import { SelectedListProps } from './selectedList.js';
 interface SelectedItemProps extends Omit<AlertProps, 'onClose'>, Pick<SelectedListProps, 'itemProps'> {
     value: Id;
     index: number;

package/dist/esm/components/selectedList/selectedItem.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { Alert } from '../alert';
-import { clsx, useLoading, useSyncState } from '../../utils';
+import { Alert } from '../alert/index.js';
+import { clsx, useLoading, useSyncState } from '../../utils/index.js';
 import { useMemo } from 'react';
-import { Collapse } from '../transitionBase';
-import { classes } from './selectedList.style';
+import { Collapse } from '../transitionBase/index.js';
+import { classes } from './selectedList.style.js';
 export function SelectedItem({ value, index, itemProps, onClose, ...props }) {
     const [alertProps, setAlertProps] = useSyncState();
     const [loading, requestFn] = useLoading(async () => {

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

@@ -1,6 +1,6 @@
 import { ReactElement, Ref } from 'react';
-import { Id } from '../../types';
-import { AlertProps } from '../alert';
+import { Id } from '../../types.js';
+import { AlertProps } from '../alert/index.js';
 import { TransitionGroupProps } from 'react-transition-group/TransitionGroup';
 export type SelectedListProps<V extends Id = Id> = Omit<TransitionGroupProps, 'ref'> & {
     ref?: Ref<any>;

package/dist/esm/components/selectedList/selectedList.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { clsx, toArray } from '../../utils';
-import { classes, style } from './selectedList.style';
+import { clsx, toArray } from '../../utils/index.js';
+import { classes, style } from './selectedList.style.js';
 import { TransitionGroup } from 'react-transition-group';
-import { useSelectionContext } from '../selectionContext';
-import { SelectedItem } from './selectedItem';
+import { useSelectionContext } from '../selectionContext/index.js';
+import { SelectedItem } from './selectedItem.js';
 export const SelectedList = memo(({ value, itemProps, onClose, ...props }) => {
     const { value: innerValue, setValue: setInnerValue } = useSelectionContext();
     const arr = toArray(value || innerValue);

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

@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
-import { defineInnerClasses, defineCss } from '../../utils';
-import { classes as alertClasses } from '../alert/alert.style';
+import { defineInnerClasses, defineCss } from '../../utils/index.js';
+import { classes as alertClasses } from '../alert/alert.style.js';
 export const classes = defineInnerClasses('selected-list', [
     'option',
     'optionWrap'

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

@@ -1,2 +1,2 @@
-export * from './selectionContext';
-export * from './selectionHook';
+export * from './selectionContext.js';
+export * from './selectionHook.js';

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

@@ -1,2 +1,2 @@
-export * from './selectionContext';
-export * from './selectionHook';
+export * from './selectionContext.js';
+export * from './selectionHook.js';

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

@@ -1,4 +1,4 @@
-import { Id, Obj, SelectableProps } from '../../types';
+import { Id, Obj, SelectableProps } from '../../types.js';
 import { Dispatch, ReactNode, SetStateAction } from 'react';
 export interface OptionType<V extends Id = Id> extends Obj {
     children?: OptionType<V>[];

package/dist/esm/components/selectionContext/selectionContext.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createContext, useContext, useMemo } from 'react';
-import { useSelection } from './selectionHook';
+import { useSelection } from './selectionHook.js';
 const SelectionContextProvider = createContext({});
 export function useSelectionContext() {
     return useContext(SelectionContextProvider);

package/dist/esm/components/selectionContext/selectionHook.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
-import { ISelectionContext, OptionType, SelectionContextProps } from './selectionContext';
-import { Id, SelectableProps } from '../../types';
+import { ISelectionContext, OptionType, SelectionContextProps } from './selectionContext.js';
+import { Id, SelectableProps } from '../../types.js';
 export declare function useSelection<O extends OptionType<V>, V extends Id = Id>({ ...props }: SelectionContextProps<O, V>): ISelectionContext<O, V>;
 export type UseFlatSelectionParams<V extends Id = Id> = Omit<SelectableProps<V>, 'multiple'> & {
     multiple?: boolean;

package/dist/esm/components/selectionContext/selectionHook.js

@@ -1,6 +1,6 @@
-import { isSelected, isUnset, toArray, useControlled, useDerivedState, useSync } from '../../utils';
+import { isSelected, isUnset, toArray, useControlled, useDerivedState, useSync } from '../../utils/index.js';
 import { useCallback, useMemo, useRef } from 'react';
-import { useSelectionContext } from './selectionContext';
+import { useSelectionContext } from './selectionContext.js';
 export function useSelection({ ...props }) {
     props.primaryKey ??= 'id';
     props.childrenKey ??= 'children';

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { FlexProps } from '../flex';
-import { InputProps } from '../input';
+import { FlexProps } from '../flex/index.js';
+import { InputProps } from '../input/index.js';
 export interface SerialInputProps<V = string> extends Omit<FlexProps, 'defaultValue' | 'onChange'> {
     separator?: ReactNode | ((index: number) => ReactNode);
     count?: number;

package/dist/esm/components/serialInput/serialInput.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 import { Fragment, memo, useRef } from 'react';
-import { Flex } from '../flex';
-import { classes, style } from './serialInput.style';
-import { Input } from '../input';
-import { clsx, mergeComponentProps, useControlled } from '../../utils';
+import { Flex } from '../flex/index.js';
+import { classes, style } from './serialInput.style.js';
+import { Input } from '../input/index.js';
+import { clsx, mergeComponentProps, useControlled } from '../../utils/index.js';
 export const SerialInput = memo(({ separator, count = 1, defaultValue, value, onChange, onItemChange, inputProps, renderInputs, jumpLength = 1, onFinish, ...props }) => {
     const inputRefs = useRef([]);
     inputRefs.current = [];

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { ReactElement, ComponentProps } from 'react';
-import { DivProps } from '../../types';
+import { DivProps } from '../../types.js';
 type SkeletonSharedProps = {
     /** 默认为`rounded` */
     variant?: 'circular' | 'rectangular' | 'rounded';

package/dist/esm/components/skeleton/skeleton.js

@@ -1,8 +1,8 @@
 import { createElement as _createElement } from "@emotion/react";
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { memo } from 'react';
-import { clsx } from '../../utils';
-import { articalStyle, classes, style, tableStyle } from './skeleton.style';
+import { clsx } from '../../utils/index.js';
+import { articalStyle, classes, style, tableStyle } from './skeleton.style.js';
 export const Skeleton = memo(({ variant = 'rounded', animation = true, width, height, ...props }) => {
     return (_jsx("div", { ...props, css: style, className: clsx(classes.root, props.className), style: {
             width,

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

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

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

@@ -1,2 +1,2 @@
-export * from './slidableActions';
-export * from './slidableActionsAction';
+export * from './slidableActions.js';
+export * from './slidableActionsAction.js';

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

@@ -1,2 +1,2 @@
-export * from './slidableActions';
-export * from './slidableActionsAction';
+export * from './slidableActions.js';
+export * from './slidableActionsAction.js';

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

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
-import { DivProps } from '../../types';
-import { GestureOptions } from '../../utils';
-import { SlidableActionsAction, SlidableActionsActionProps } from './slidableActionsAction';
+import { DivProps } from '../../types.js';
+import { GestureOptions } from '../../utils/index.js';
+import { SlidableActionsAction, SlidableActionsActionProps } from './slidableActionsAction.js';
 export declare function useSlidableActionsContext(): {
     actionsContainer?: (HTMLElement | null)[];
     translate?: number;

package/dist/esm/components/slidableActions/slidableActions.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { cloneElement, createContext, isValidElement, memo, useContext, useMemo, useRef, useState } from 'react';
-import { ClickAway } from '../clickAway';
-import { classes, style } from './slidableActions.style';
-import { cubicBezier, clsx, useSyncState, range, toArray, useDraggable } from '../../utils';
-import { SlidableActionsAction } from './slidableActionsAction';
+import { ClickAway } from '../clickAway/index.js';
+import { classes, style } from './slidableActions.style.js';
+import { cubicBezier, clsx, useSyncState, range, toArray, useDraggable } from '../../utils/index.js';
+import { SlidableActionsAction } from './slidableActionsAction.js';
 const bounceBezier = cubicBezier(0, 0, 0, 1);
 const SlidableActionsContext = createContext({});
 export function useSlidableActionsContext() {

package/dist/esm/components/slidableActions/slidableActions.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('slidable-actions', [
     'content',
     'actions',

package/dist/esm/components/slidableActions/slidableActionsAction.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
-import { ColorPropsValue, DivProps } from '../../types';
-import { ButtonProps } from '../button';
+import { ColorPropsValue, DivProps } from '../../types.js';
+import { ButtonProps } from '../button/index.js';
 export interface SlidableActionsActionProps extends DivProps {
     color?: ColorPropsValue;
     label?: ReactNode;

package/dist/esm/components/slidableActions/slidableActionsAction.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { memo, useEffect, useMemo, useRef } from 'react';
-import { Button } from '../button';
-import { classes } from './slidableActions.style';
-import { colorTransfer, mergeComponentProps } from '../../utils';
-import { useTheme } from '../theme';
-import { useSlidableActionsContext } from './slidableActions';
+import { Button } from '../button/index.js';
+import { classes } from './slidableActions.style.js';
+import { colorTransfer, mergeComponentProps } from '../../utils/index.js';
+import { useTheme } from '../theme/index.js';
+import { useSlidableActionsContext } from './slidableActions.js';
 export const SlidableActionsAction = memo(({ color = 'default', label, icon, buttonProps, _index, ...props }) => {
     const { actionsContainer, translate, resetTranslate, maxDistance, autoReturn } = useSlidableActionsContext();
     const innerButtonRef = useRef(null);

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { HTMLAttributes, ReactNode, ComponentProps } from 'react';
-import { GestureOptions } from '../../utils';
-import { ColorPropsValue, DivProps } from '../../types';
-import { TooltipProps } from '../tooltip';
+import { GestureOptions } from '../../utils/index.js';
+import { ColorPropsValue, DivProps } from '../../types.js';
+import { TooltipProps } from '../tooltip/index.js';
 export interface MarkItem extends DivProps {
     label?: ReactNode;
     /**

package/dist/esm/components/slider/slider.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { createElement as _createElement } from "@emotion/react";
 import { memo, useEffect, useMemo, useRef } from 'react';
-import { clsx, isUnset, useControlled, useDraggable, mergeComponentProps } from '../../utils';
-import { classes, useStyle } from './slider.style';
-import { Tooltip } from '../tooltip';
-import { useTheme } from '../theme';
+import { clsx, isUnset, useControlled, useDraggable, mergeComponentProps } from '../../utils/index.js';
+import { classes, useStyle } from './slider.style.js';
+import { Tooltip } from '../tooltip/index.js';
+import { useTheme } from '../theme/index.js';
 export const Slider = memo(({ color = 'primary', orientation = 'horizontal', variant = 'filled', inset, railSize = inset ? 14 : 4, railProps, renderRail, handleSize = 14, handleProps, disableHandleOutline, renderHandle, tooltipProps, min = 0, max = 100, step = 1, marks, markLabelOffset, prefix, suffix, disableTrack, gestureOptions, defaultValue = min, value, onChange, ...props }) => {
     const { spacing } = useTheme();
     markLabelOffset ??= inset ? spacing[1] : spacing[2];

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

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
-import { TransitionBaseProps } from '../transitionBase';
-import { BlockPlacement, ColorPropsValue, DefineElement } from '../../types';
+import { TransitionBaseProps } from '../transitionBase/index.js';
+import { BlockPlacement, ColorPropsValue, DefineElement } from '../../types.js';
 export interface SnackbarBaseProps extends TransitionBaseProps<HTMLDivElement> {
     variant?: 'filled' | 'outlined';
     color?: ColorPropsValue;