@janbox/storefront-ui 1.0.20 → 1.0.21

package/dist/lib/link/types.d.ts

@@ -1,7 +1,7 @@
 import { Ref } from 'react';
 import { LinkProps as ReactRouterLinkProps } from 'react-router';
-import { TypographySizeVariant } from '../../theme';
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../types';
+import { TypographySizeVariant } from '../../theme/index.js';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../types/index.js';
 export interface LinkResponsiveProps extends PropsWithCSS {
     textVariant?: TypographySizeVariant;
 }

package/dist/lib/loading/block-skeleton/block-skeleton.d.ts

@@ -1,5 +1,5 @@
 /** @jsxImportSource @emotion/react */
 import { JSX } from 'react';
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types/index.js';
 export type BlockSkeletonProps = ShallowMerge<JSX.IntrinsicElements['div'], ResponsiveDesign<PropsWithCSS>>;
 export declare const BlockSkeleton: ({ xs, sm, md, lg, ...props }: BlockSkeletonProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/loading/block-skeleton/block-skeleton.jsx

@@ -1,5 +1,5 @@
-import { animatePulseStyle } from '../../../constants/emotion';
-import { getColorVar, mediaQuery } from '../../../theme';
+import { animatePulseStyle } from '../../../constants/emotion.js';
+import { getColorVar, mediaQuery } from '../../../theme/index.js';
 export const BlockSkeleton = ({ xs, sm, md, lg, ...props }) => {
     return (<div css={[
             animatePulseStyle,

package/dist/lib/loading/block-skeleton/index.d.ts

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

package/dist/lib/loading/block-skeleton/index.js

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

package/dist/lib/loading/image-skeleton/image-skeleton.d.ts

@@ -1,3 +1,3 @@
 /** @jsxImportSource @emotion/react */
-import { ImageSkeletonProps } from './types';
+import { ImageSkeletonProps } from './types.js';
 export declare const ImageSkeleton: ({ xs, sm, md, lg, ...props }: ImageSkeletonProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/loading/image-skeleton/image-skeleton.jsx

@@ -1,5 +1,5 @@
-import { animatePulseStyle } from '../../../constants/emotion';
-import { getColorVar, mediaQuery } from '../../../theme';
+import { animatePulseStyle } from '../../../constants/emotion.js';
+import { getColorVar, mediaQuery } from '../../../theme/index.js';
 export const ImageSkeleton = ({ xs, sm, md, lg, ...props }) => {
     return (<div css={[
             animatePulseStyle,

package/dist/lib/loading/image-skeleton/index.d.ts

@@ -1,2 +1,2 @@
-export * from './image-skeleton';
-export * from './types';
+export * from './image-skeleton.jsx';
+export * from './types.js';

package/dist/lib/loading/image-skeleton/index.js

@@ -1,2 +1,2 @@
-export * from './image-skeleton';
-export * from './types';
+export * from './image-skeleton.jsx';
+export * from './types.js';

package/dist/lib/loading/image-skeleton/types.d.ts

@@ -1,3 +1,3 @@
-import { ShallowMerge, ResponsiveDesign, PropsWithCSS } from '../../../types';
+import { ShallowMerge, ResponsiveDesign, PropsWithCSS } from '../../../types/index.js';
 import { JSX } from 'react';
 export type ImageSkeletonProps = ShallowMerge<JSX.IntrinsicElements['div'], ResponsiveDesign<PropsWithCSS>>;

package/dist/lib/loading/index.d.ts

@@ -1,4 +1,4 @@
-export * from './image-skeleton';
-export * from './text-skeleton';
-export * from './loading-overlay';
-export * from './block-skeleton';
+export * from './image-skeleton/index.js';
+export * from './text-skeleton/index.js';
+export * from './loading-overlay/index.js';
+export * from './block-skeleton/index.js';

package/dist/lib/loading/index.js

@@ -1,4 +1,4 @@
-export * from './image-skeleton';
-export * from './text-skeleton';
-export * from './loading-overlay';
-export * from './block-skeleton';
+export * from './image-skeleton/index.js';
+export * from './text-skeleton/index.js';
+export * from './loading-overlay/index.js';
+export * from './block-skeleton/index.js';

package/dist/lib/loading/loading-overlay/index.d.ts

@@ -1,2 +1,2 @@
-export * from './loading-overlay';
-export * from './types';
+export * from './loading-overlay.jsx';
+export * from './types.js';

package/dist/lib/loading/loading-overlay/index.js

@@ -1,2 +1,2 @@
-export * from './loading-overlay';
-export * from './types';
+export * from './loading-overlay.jsx';
+export * from './types.js';

package/dist/lib/loading/loading-overlay/loading-overlay.d.ts

@@ -1,3 +1,3 @@
 /** @jsxImportSource @emotion/react */
-import { LoadingOverlayProps } from './types';
+import { LoadingOverlayProps } from './types.js';
 export declare const LoadingOverlay: ({ isLoading, iconProps, color, style, size, children, xs, sm, md, lg, ...props }: LoadingOverlayProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/loading/loading-overlay/loading-overlay.jsx

@@ -1,8 +1,8 @@
-import { SvgLoader } from '../../../components';
-import { animateSpinStyle } from '../../../constants/emotion';
+import { SvgLoader } from '../../../components/index.js';
+import { animateSpinStyle } from '../../../constants/emotion.js';
 import LoadingIcon from '@/assets/svg/loading-waiting.svg?raw';
-import { getColorShadesByVariant } from '../../../utils';
-import { mediaQuery } from '../../../theme';
+import { getColorShadesByVariant } from '../../../utils/index.js';
+import { mediaQuery } from '../../../theme/index.js';
 export const LoadingOverlay = ({ isLoading = false, iconProps, color = 'primary', style, size = 32, children, xs, sm, md, lg, ...props }) => {
     const { main } = getColorShadesByVariant(color);
     return (<div style={{

package/dist/lib/loading/loading-overlay/types.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { ColorVariant, PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
+import { ColorVariant, PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types/index.js';
 export type LoadingOverlayProps = ShallowMerge<JSX.IntrinsicElements['div'], {
     isLoading?: boolean;
     size?: number;

package/dist/lib/loading/text-skeleton/index.d.ts

@@ -1,2 +1,2 @@
-export * from './text-skeleton';
-export * from './types';
+export * from './text-skeleton.jsx';
+export * from './types.js';

package/dist/lib/loading/text-skeleton/index.js

@@ -1,2 +1,2 @@
-export * from './text-skeleton';
-export * from './types';
+export * from './text-skeleton.jsx';
+export * from './types.js';

package/dist/lib/loading/text-skeleton/text-skeleton.d.ts

@@ -1,2 +1,2 @@
-import { TextSkeletonProps } from './types';
+import { TextSkeletonProps } from './types.js';
 export declare const TextSkeleton: ({ xs, sm, md, lg, ...props }: TextSkeletonProps) => import("react").JSX.Element;

package/dist/lib/loading/text-skeleton/text-skeleton.jsx

@@ -1,5 +1,5 @@
-import { animatePulseStyle } from '../../../constants/emotion';
-import { getColorVar, mediaQuery } from '../../../theme';
+import { animatePulseStyle } from '../../../constants/emotion.js';
+import { getColorVar, mediaQuery } from '../../../theme/index.js';
 import { ClassNames } from '@emotion/react';
 export const TextSkeleton = ({ xs, sm, md, lg, ...props }) => {
     return (<ClassNames>

package/dist/lib/loading/text-skeleton/types.d.ts

@@ -1,3 +1,3 @@
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types/index.js';
 import { JSX } from 'react';
 export type TextSkeletonProps = ShallowMerge<JSX.IntrinsicElements['span'], ResponsiveDesign<PropsWithCSS>>;

package/dist/lib/marquee/index.d.ts

@@ -1,2 +1,2 @@
-export * from './marquee';
-export * from './marquee-item';
+export * from './marquee/index.js';
+export * from './marquee-item/index.js';

package/dist/lib/marquee/index.js

@@ -1,2 +1,2 @@
-export * from './marquee';
-export * from './marquee-item';
+export * from './marquee/index.js';
+export * from './marquee-item/index.js';

package/dist/lib/marquee/marquee/helpers.d.ts

@@ -1,2 +1,2 @@
-import { MarqueeProps } from './types';
+import { MarqueeProps } from './types.js';
 export declare const getMarqueeProps: (extended: MarqueeProps) => MarqueeProps;

package/dist/lib/marquee/marquee/helpers.js

@@ -1,4 +1,4 @@
-import { mergeComponentProps } from '../../../utils';
+import { mergeComponentProps } from '../../../utils/index.js';
 const defaultProps = {
     autoScrollOptions: {
         playOnInit: true,

package/dist/lib/marquee/marquee/index.d.ts

@@ -1,3 +1,3 @@
-export * from './marquee';
-export * from './types';
-export * from './helpers';
+export * from './marquee.jsx';
+export * from './types.js';
+export * from './helpers.js';

package/dist/lib/marquee/marquee/index.js

@@ -1,3 +1,3 @@
-export * from './marquee';
-export * from './types';
-export * from './helpers';
+export * from './marquee.jsx';
+export * from './types.js';
+export * from './helpers.js';

package/dist/lib/marquee/marquee/marquee.d.ts

@@ -1,2 +1,2 @@
-import { MarqueeProps } from './types';
+import { MarqueeProps } from './types.js';
 export declare const Marquee: ({ ref, ..._props }: MarqueeProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/marquee/marquee/marquee.jsx

@@ -3,12 +3,12 @@ import { Fragment, useEffect, useRef } from 'react';
 import { useMergeRefs } from '@floating-ui/react';
 import AutoScroll from 'embla-carousel-auto-scroll';
 import useEmblaCarousel from 'embla-carousel-react';
-import { getMarqueeProps } from './helpers';
-import { MarqueeDataAttributes } from './types';
-import { Icon } from '../../icon';
-import { HTMLClasses } from '../../../constants';
-import { mediaQuery } from '../../../theme';
-import { flattenChildren } from '../../../utils';
+import { getMarqueeProps } from './helpers.js';
+import { MarqueeDataAttributes } from './types.js';
+import { Icon } from '../../icon/index.js';
+import { HTMLClasses } from '../../../constants/index.js';
+import { mediaQuery } from '../../../theme/index.js';
+import { flattenChildren } from '../../../utils/index.js';
 export const Marquee = ({ ref, ..._props }) => {
     const { children, xs, sm, md, autoScrollOptions, separatorIcon, ...rest } = getMarqueeProps(_props);
     const rootEl = useRef(null);

package/dist/lib/marquee/marquee/types.d.ts

@@ -1,7 +1,7 @@
 import { JSX } from 'react';
 import { AutoScrollOptionsType } from 'embla-carousel-auto-scroll';
-import { IconProps } from '../../icon';
-import { ResponsiveDesign, ShallowMerge, PropsWithCSS } from '../../../types';
+import { IconProps } from '../../icon/index.js';
+import { ResponsiveDesign, ShallowMerge, PropsWithCSS } from '../../../types/index.js';
 export declare enum MarqueeDataAttributes {
     PlayState = "data-marquee-play-state"
 }

package/dist/lib/marquee/marquee-item/index.d.ts

@@ -1,2 +1,2 @@
-export * from './marquee-item';
-export * from './types';
+export * from './marquee-item.jsx';
+export * from './types.js';

package/dist/lib/marquee/marquee-item/index.js

@@ -1,2 +1,2 @@
-export * from './marquee-item';
-export * from './types';
+export * from './marquee-item.jsx';
+export * from './types.js';

package/dist/lib/marquee/marquee-item/marquee-item.d.ts

@@ -1,3 +1,3 @@
 /** @jsxImportSource @emotion/react */
-import { MarqueeItemProps } from './types';
+import { MarqueeItemProps } from './types.js';
 export declare const MarqueeItem: ({ ref, ...props }: MarqueeItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/menu/index.d.ts

@@ -1,4 +1,4 @@
-export * from './menu';
-export * from './menu-trigger';
-export * from './menu-list';
-export * from './menu-item';
+export * from './menu/index.js';
+export * from './menu-trigger/index.js';
+export * from './menu-list/index.js';
+export * from './menu-item/index.js';

package/dist/lib/menu/index.js

@@ -1,4 +1,4 @@
-export * from './menu';
-export * from './menu-trigger';
-export * from './menu-list';
-export * from './menu-item';
+export * from './menu/index.js';
+export * from './menu-trigger/index.js';
+export * from './menu-list/index.js';
+export * from './menu-item/index.js';

package/dist/lib/menu/menu/index.d.ts

@@ -1,3 +1,3 @@
-export * from './menu';
-export * from './types';
-export * from './menu';
+export * from './menu.jsx';
+export * from './types.js';
+export * from './menu.jsx';

package/dist/lib/menu/menu/index.js

@@ -1,3 +1,3 @@
-export * from './menu';
-export * from './types';
-export * from './menu';
+export * from './menu.jsx';
+export * from './types.js';
+export * from './menu.jsx';

package/dist/lib/menu/menu/menu.d.ts

@@ -1,2 +1,2 @@
-import { MenuProps } from './types';
+import { MenuProps } from './types.js';
 export declare const Menu: ({ hoverProps, dismissProps, clickProps, ...props }: MenuProps) => import("react").JSX.Element;

package/dist/lib/menu/menu/menu.jsx

@@ -1,6 +1,6 @@
 import { safePolygon } from '@floating-ui/react';
-import { useControllableState } from '../../../hooks';
-import { Floating } from '../../..';
+import { useControllableState } from '../../../hooks/index.js';
+import { Floating } from '../../../index.js';
 export const Menu = ({ hoverProps, dismissProps, clickProps, ...props }) => {
     const [open, setOpen] = useControllableState({
         defaultValue: false,

package/dist/lib/menu/menu/types.d.ts

@@ -1,2 +1,2 @@
-import { FloatingProps } from '../../..';
+import { FloatingProps } from '../../../index.js';
 export type MenuProps = FloatingProps;

package/dist/lib/menu/menu-item/helpers.d.ts

@@ -1,2 +1,2 @@
-import { MenuItemProps } from './types';
-export declare const getMenuItemProps: (extended: MenuItemProps) => import("../..").ButtonProps;
+import { MenuItemProps } from './types.js';
+export declare const getMenuItemProps: (extended: MenuItemProps) => import("../../index.js").ButtonProps;

package/dist/lib/menu/menu-item/helpers.js

@@ -1,4 +1,4 @@
-import { mergeComponentProps } from '../../../utils';
+import { mergeComponentProps } from '../../../utils/index.js';
 const defaultProps = {
     variant: 'text',
     color: 'neutral',

package/dist/lib/menu/menu-item/index.d.ts

@@ -1,2 +1,2 @@
-export * from './menu-item';
-export * from './types';
+export * from './menu-item.jsx';
+export * from './types.js';

package/dist/lib/menu/menu-item/index.js

@@ -1,2 +1,2 @@
-export * from './menu-item';
-export * from './types';
+export * from './menu-item.jsx';
+export * from './types.js';

package/dist/lib/menu/menu-item/menu-item.d.ts

@@ -1 +1 @@
-export declare const MenuItem: import("react").ForwardRefExoticComponent<Omit<import("../../button").ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const MenuItem: import("react").ForwardRefExoticComponent<Omit<import("../../button/types.js").ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/lib/menu/menu-item/menu-item.jsx

@@ -1,10 +1,10 @@
 /** @jsxImportSource @emotion/react */
 import { forwardRef } from 'react';
-import { getMenuItemProps } from './helpers';
-import { Button } from '../../button';
-import { Booleanish } from '../../../constants';
-import { useFloatingContext } from '../../..';
-import { HTMLDatasetAttributes } from '../../../constants';
+import { getMenuItemProps } from './helpers.js';
+import { Button } from '../../button/index.js';
+import { Booleanish } from '../../../constants/index.js';
+import { useFloatingContext } from '../../../index.js';
+import { HTMLDatasetAttributes } from '../../../constants/index.js';
 export const MenuItem = forwardRef((_props, ref) => {
     const { children, ...props } = getMenuItemProps(_props);
     const { context } = useFloatingContext();

package/dist/lib/menu/menu-item/types.d.ts

@@ -1,2 +1,2 @@
-import { ButtonProps } from '../../button';
+import { ButtonProps } from '../../button/index.js';
 export type MenuItemProps = ButtonProps;

package/dist/lib/menu/menu-list/index.d.ts

@@ -1,2 +1,2 @@
-export * from './menu-list';
-export * from './types';
+export * from './menu-list.jsx';
+export * from './types.js';

package/dist/lib/menu/menu-list/index.js

@@ -1,2 +1,2 @@
-export * from './menu-list';
-export * from './types';
+export * from './menu-list.jsx';
+export * from './types.js';

package/dist/lib/menu/menu-list/menu-list.d.ts

@@ -1,3 +1,3 @@
 /** @jsxImportSource @emotion/react */
-import { MenuListProps } from './types';
+import { MenuListProps } from './types.js';
 export declare const MenuList: ({ children, ...props }: MenuListProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/menu/menu-list/menu-list.jsx

@@ -1,6 +1,6 @@
-import { FloatingContent } from '../../../lib/floating/floating-content';
-import { HTMLDatasetAttributes } from '../../../constants';
-import { getColorVar } from '../../../theme';
+import { FloatingContent } from '../../../lib/floating/floating-content/index.js';
+import { HTMLDatasetAttributes } from '../../../constants/index.js';
+import { getColorVar } from '../../../theme/index.js';
 export const MenuList = ({ children, ...props }) => {
     return (<FloatingContent css={{
             backgroundColor: getColorVar('surface.default'),

package/dist/lib/menu/menu-list/types.d.ts

@@ -1,4 +1,4 @@
-import { FloatingContentProps } from '../../..';
+import { FloatingContentProps } from '../../../index.js';
 export declare enum MenuListDataAttributes {
     DataMenuList = "data-menu-list"
 }

package/dist/lib/menu/menu-trigger/index.d.ts

@@ -1,2 +1,2 @@
-export * from './menu-trigger';
-export * from './types';
+export * from './menu-trigger.jsx';
+export * from './types.js';

package/dist/lib/menu/menu-trigger/index.js

@@ -1,2 +1,2 @@
-export * from './menu-trigger';
-export * from './types';
+export * from './menu-trigger.jsx';
+export * from './types.js';

package/dist/lib/menu/menu-trigger/menu-trigger.d.ts

@@ -1,2 +1,2 @@
-import { MenuTriggerProps } from './types';
+import { MenuTriggerProps } from './types.js';
 export declare const MenuTrigger: ({ ...props }: MenuTriggerProps) => import("react").JSX.Element;

package/dist/lib/menu/menu-trigger/menu-trigger.jsx

@@ -1,4 +1,4 @@
-import { FloatingTrigger } from '../../..';
+import { FloatingTrigger } from '../../../index.js';
 export const MenuTrigger = ({ ...props }) => {
     return <FloatingTrigger {...props}/>;
 };

package/dist/lib/menu/menu-trigger/types.d.ts

@@ -1,2 +1,2 @@
-import { FloatingTriggerProps } from '../../..';
+import { FloatingTriggerProps } from '../../../index.js';
 export type MenuTriggerProps = FloatingTriggerProps;

package/dist/lib/multiple-select/helpers.d.ts

@@ -1,2 +1,2 @@
-import { MultipleSelectProps } from './types';
+import { MultipleSelectProps } from './types.js';
 export declare const getMultipleSelectProps: <O extends object = object>(extended: MultipleSelectProps<O>) => MultipleSelectProps<O>;

package/dist/lib/multiple-select/helpers.js

@@ -1,4 +1,4 @@
-import { mergeComponentProps } from '../../utils';
+import { mergeComponentProps } from '../../utils/index.js';
 const defaultProps = {
     xs: {
         size: 'md',

package/dist/lib/multiple-select/index.d.ts

@@ -1,3 +1,3 @@
-export * from './multiple-select';
-export * from './types';
-export * from './helpers';
+export * from './multiple-select.jsx';
+export * from './types.js';
+export * from './helpers.js';

package/dist/lib/multiple-select/index.js

@@ -1,3 +1,3 @@
-export * from './multiple-select';
-export * from './types';
-export * from './helpers';
+export * from './multiple-select.jsx';
+export * from './types.js';
+export * from './helpers.js';

package/dist/lib/multiple-select/multiple-select.d.ts

@@ -1,2 +1,2 @@
-import { MultipleSelectProps } from './types';
+import { MultipleSelectProps } from './types.js';
 export declare const MultipleSelect: <O extends object = object>({ ref, ...props }: MultipleSelectProps<O>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/multiple-select/multiple-select.jsx

@@ -1,17 +1,17 @@
 /** @jsxImportSource @emotion/react */
 import { useCallback, useEffect, useId, useMemo, useRef } from 'react';
 import { get, isElement, isNil, trimStart } from 'lodash-es';
-import { getMultipleSelectProps } from './helpers';
-import { Input } from '../input';
-import { InputMask } from '../input-mask';
-import { SvgLoader, VirtualizedList } from '../../components';
-import { useControllableState } from '../../hooks';
-import { ensureArray, matchSearch } from '../../utils';
+import { getMultipleSelectProps } from './helpers.js';
+import { Input } from '../input/index.js';
+import { InputMask } from '../input-mask/index.js';
+import { SvgLoader, VirtualizedList } from '../../components/index.js';
+import { useControllableState } from '../../hooks/index.js';
+import { ensureArray, matchSearch } from '../../utils/index.js';
 import ArrowDownIcon from '../../assets/svg/arrow-down.svg?raw';
-import { Checkbox, Floating, FloatingContent, FloatingTrigger, FormHelperText, TextSkeleton } from '../..';
-import { useWindowScreen } from '../../hooks';
-import { getColorVar, getTypographyVar } from '../../theme';
-import { getResponsiveProp, getSizeVariantState } from '../../utils';
+import { Checkbox, Floating, FloatingContent, FloatingTrigger, FormHelperText, TextSkeleton } from '../../index.js';
+import { useWindowScreen } from '../../hooks/index.js';
+import { getColorVar, getTypographyVar } from '../../theme/index.js';
+import { getResponsiveProp, getSizeVariantState } from '../../utils/index.js';
 const DEFAULT_DISPLAY_ROW_COUNT = 5;
 export const MultipleSelect = ({ ref, ...props }) => {
     const { placement = 'bottom-start', open, onOpenChange, searchable = true, value, optionValue, optionLabel, defaultValue, options, onChange, placeholder, listProps, tagLabel, 

package/dist/lib/multiple-select/types.d.ts

@@ -1,9 +1,9 @@
 import { HTMLProps, JSX, PropsWithoutRef } from 'react';
 import { Interpolation } from '@emotion/react';
 import { Placement, UseFloatingOptions } from '@floating-ui/react';
-import { InputProps } from '../input';
-import { InputMaskProps, InputMaskResponsiveProps } from '../input-mask/types';
-import { ResponsiveDesign, ShallowMerge } from '../../types';
+import { InputProps } from '../input/index.js';
+import { InputMaskProps, InputMaskResponsiveProps } from '../input-mask/types.js';
+import { ResponsiveDesign, ShallowMerge } from '../../types/index.js';
 export type MultipleSelectResponsiveProps = InputMaskResponsiveProps;
 export type MultipleSelectOptionValue = string | number;
 interface MultipleSelectExtendedProps<O extends object> extends ResponsiveDesign<MultipleSelectResponsiveProps> {

package/dist/lib/nav-link/index.d.ts

@@ -1,2 +1,2 @@
-export * from './nav-link';
-export * from './types';
+export * from './nav-link.jsx';
+export * from './types.js';

package/dist/lib/nav-link/index.js

@@ -1,2 +1,2 @@
-export * from './nav-link';
-export * from './types';
+export * from './nav-link.jsx';
+export * from './types.js';

package/dist/lib/nav-link/nav-link.jsx

@@ -1,7 +1,7 @@
 import { forwardRef } from 'react';
 import { isFunction, isNil } from 'lodash-es';
 import { NavLink as ReactRouterNavLink } from 'react-router';
-import { Booleanish } from '../../constants';
+import { Booleanish } from '../../constants/index.js';
 export const NavLink = forwardRef(({ children, style, className, to, ...props }, ref) => {
     const styleFn = (renderProps) => {
         return isFunction(style)

package/dist/lib/nav-link/types.d.ts

@@ -1,5 +1,5 @@
 import { NavLinkProps as ReactRouterNavLinkProps } from 'react-router';
-import { ShallowMerge } from '../../types';
+import { ShallowMerge } from '../../types/index.js';
 export type NavLinkProps = ShallowMerge<ReactRouterNavLinkProps, {
     to?: ReactRouterNavLinkProps['to'];
 }>;

package/dist/lib/notifications/helpers.d.ts

@@ -1,4 +1,4 @@
-import { ColorVariant } from '../../types';
+import { ColorVariant } from '../../types/index.js';
 export type NotificationEntry = {
     id: string;
     title: React.ReactNode;

package/dist/lib/notifications/helpers.js

@@ -1,5 +1,5 @@
 import { useCallback, useMemo } from 'react';
-import { ensureArray } from '../../utils';
+import { ensureArray } from '../../utils/index.js';
 let _state = { entries: [] };
 const _listeners = new Set();
 export const notificationStore = {

package/dist/lib/notifications/index.d.ts

@@ -1,2 +1,2 @@
-export * from './notifications';
-export * from './helpers';
+export * from './notifications.jsx';
+export * from './helpers.js';

package/dist/lib/notifications/index.js

@@ -1,2 +1,2 @@
-export * from './notifications';
-export * from './helpers';
+export * from './notifications.jsx';
+export * from './helpers.js';

package/dist/lib/notifications/notifications.jsx

@@ -3,9 +3,9 @@ import { useCallback, useEffect, useRef, useSyncExternalStore } from 'react';
 import { FloatingPortal } from '@floating-ui/react';
 import { isNil } from 'lodash-es';
 import { AnimatePresence, motion, useAnimation } from 'motion/react';
-import { notificationStore } from './helpers';
-import { getColorShadesByVariant } from '../../utils';
-import { FLOATING_Z_INDEX, getTypographyVar, mediaQuery } from '../../theme';
+import { notificationStore } from './helpers.js';
+import { getColorShadesByVariant } from '../../utils/index.js';
+import { FLOATING_Z_INDEX, getTypographyVar, mediaQuery } from '../../theme/index.js';
 export const Notifications = () => {
     const { entries } = useSyncExternalStore(notificationStore.subscribe, notificationStore.getSnapshot, notificationStore.getServerSnapshot);
     return (<FloatingPortal>