@janbox/storefront-ui 1.0.20 → 1.0.21

package/dist/lib/breadcrumbs/breadcrumb-item/index.js

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

package/dist/lib/breadcrumbs/breadcrumb-item/types.d.ts

@@ -1,6 +1,6 @@
-import { IconProps } from '../../icon';
-import { LinkProps } from '../../link';
-import { ShallowMerge } from '../../../types';
+import { IconProps } from '../../icon/index.js';
+import { LinkProps } from '../../link/index.js';
+import { ShallowMerge } from '../../../types/index.js';
 export type BreadcrumbItemProps = ShallowMerge<LinkProps, {
     icon?: IconProps;
 }>;

package/dist/lib/breadcrumbs/breadcrumbs/breadcrumbs.d.ts

@@ -1,2 +1,2 @@
-import { BreadcrumbsProps } from './types';
+import { BreadcrumbsProps } from './types.js';
 export declare const Breadcrumbs: ({ separator, children, color, ...props }: BreadcrumbsProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/breadcrumbs/breadcrumbs/breadcrumbs.jsx

@@ -1,9 +1,9 @@
 /** @jsxImportSource @emotion/react */
 import { Fragment } from 'react';
 import { isString } from 'lodash-es';
-import { Icon } from '../../../lib/icon';
-import { flattenChildren, getColorShadesByVariant } from '../../../utils';
-import { getColorVar } from '../../../theme';
+import { Icon } from '../../../lib/icon/index.js';
+import { flattenChildren, getColorShadesByVariant } from '../../../utils/index.js';
+import { getColorVar } from '../../../theme/index.js';
 export const Breadcrumbs = ({ separator = '>', children, color = 'primary', ...props }) => {
     const flattenedChildren = flattenChildren(children);
     const { main } = getColorShadesByVariant(color);

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

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

package/dist/lib/breadcrumbs/breadcrumbs/index.js

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

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

@@ -1,6 +1,6 @@
 import { JSX } from 'react';
-import { IconProps } from '../../icon';
-import { ColorVariant, ShallowMerge } from '../../../types';
+import { IconProps } from '../../icon/index.js';
+import { ColorVariant, ShallowMerge } from '../../../types/index.js';
 type BreadcrumbsSeparator = string | IconProps;
 export type BreadcrumbsProps = ShallowMerge<JSX.IntrinsicElements['div'], {
     separator?: BreadcrumbsSeparator;

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

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

package/dist/lib/breadcrumbs/index.js

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

package/dist/lib/button/button.d.ts

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

package/dist/lib/button/button.jsx

@@ -3,13 +3,13 @@ import { Fragment, isValidElement, useRef } from 'react';
 import { useMergeRefs } from '@floating-ui/react';
 import { isNil, isString } from 'lodash-es';
 import { createPath, useNavigate } from 'react-router';
-import { getButtonProps } from './helpers';
-import { useRippleEffect } from '../../hooks';
-import { Icon } from '../icon';
-import { animateSpinStyle, truncateStyle } from '../../constants/emotion';
+import { getButtonProps } from './helpers.js';
+import { useRippleEffect } from '../../hooks/index.js';
+import { Icon } from '../icon/index.js';
+import { animateSpinStyle, truncateStyle } from '../../constants/emotion.js';
 import LoadingIcon from '@/assets/svg/loading-waiting.svg?raw';
-import { getColorVar, mediaQuery } from '../../theme';
-import { getColorShadesByVariant, getSizeVariantState, omitResponsiveProps, cn } from '../../utils';
+import { getColorVar, mediaQuery } from '../../theme/index.js';
+import { getColorShadesByVariant, getSizeVariantState, omitResponsiveProps, cn } from '../../utils/index.js';
 export const Button = ({ children, ref, ..._props }) => {
     const buttonRef = useRef(null);
     const { className } = useRippleEffect(buttonRef);

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

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

package/dist/lib/button/helpers.js

@@ -1,5 +1,5 @@
-import { getTypographyVar, screens } from '../../theme';
-import { getSizeVariantState, mergeComponentProps } from '../../utils';
+import { getTypographyVar, screens } from '../../theme/index.js';
+import { getSizeVariantState, mergeComponentProps } from '../../utils/index.js';
 const defaultProps = {
     xs: {
         css: {

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

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

package/dist/lib/button/index.js

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

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

@@ -1,8 +1,8 @@
 import { JSX } from 'react';
 import { RouterNavigateOptions } from 'react-router';
-import { IconProps } from '../icon';
-import { LinkProps } from '../link';
-import { ButtonVariant, ColorVariant, PropsWithCSS, ResponsiveDesign, SizeVariant, ShallowMerge } from '../../types';
+import { IconProps } from '../icon/index.js';
+import { LinkProps } from '../link/index.js';
+import { ButtonVariant, ColorVariant, PropsWithCSS, ResponsiveDesign, SizeVariant, ShallowMerge } from '../../types/index.js';
 export type ButtonSizeVariant = Exclude<SizeVariant, 'xs'>;
 export type ButtonResponsiveProps = PropsWithCSS<{
     size?: ButtonSizeVariant;

package/dist/lib/cascader/cascader-floating-content.d.ts

@@ -1,8 +1,8 @@
 /** @jsxImportSource @emotion/react */
 import { HTMLAttributes } from 'react';
-import { CascaderOption } from './types';
-import { InputProps } from '../input';
-import { SizeVariant } from '../../types';
+import { CascaderOption } from './types.js';
+import { InputProps } from '../input/index.js';
+import { SizeVariant } from '../../types/index.js';
 type CascaderFloatingContentProps = {
     searchable: boolean;
     selectedPath: string[];

package/dist/lib/cascader/cascader-floating-content.jsx

@@ -1,17 +1,17 @@
 /** @jsxImportSource @emotion/react */
 import { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
 import { isNil, isString, trimStart } from 'lodash-es';
-import { findOptionPath, hasChildren, isExpandable } from './helpers';
-import { Input } from '../input';
-import { TextSkeleton } from '../loading/text-skeleton';
+import { findOptionPath, hasChildren, isExpandable } from './helpers.js';
+import { Input } from '../input/index.js';
+import { TextSkeleton } from '../loading/text-skeleton/index.js';
 import ArrowRightIcon from '@/assets/svg/arrow-right.svg?raw';
 import CheckIcon from '@/assets/svg/done-check.svg?raw';
-import { SvgLoader, VirtualizedList } from '../../components';
-import { truncateStyle } from '../../constants/emotion';
-import { ensureArray, getResponsiveProp, getSizeVariantState, matchSearch } from '../../utils';
-import { useControllableState, useWindowScreen } from '../../hooks';
-import { useFloatingContext } from '../floating';
-import { getColorVar, getTypographyVar } from '../../theme';
+import { SvgLoader, VirtualizedList } from '../../components/index.js';
+import { truncateStyle } from '../../constants/emotion.js';
+import { ensureArray, getResponsiveProp, getSizeVariantState, matchSearch } from '../../utils/index.js';
+import { useControllableState, useWindowScreen } from '../../hooks/index.js';
+import { useFloatingContext } from '../floating/index.js';
+import { getColorVar, getTypographyVar } from '../../theme/index.js';
 const DEFAULT_DISPLAY_ROW_COUNT = 5;
 export const CascaderFloatingContent = ({ searchable, selectedPath, options, loadOptions, onChange, inputProps, listProps, separator, lazy, xs, sm, md, lg, }) => {
     const { context } = useFloatingContext();

package/dist/lib/cascader/cascader.d.ts

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

package/dist/lib/cascader/cascader.jsx

@@ -1,17 +1,17 @@
 /** @jsxImportSource @emotion/react */
 import { useRef } from 'react';
 import { isNil } from 'lodash-es';
-import { CascaderFloatingContent } from './cascader-floating-content';
-import { getCascaderProps } from './helpers';
-import { InputMask } from '../input-mask';
+import { CascaderFloatingContent } from './cascader-floating-content.jsx';
+import { getCascaderProps } from './helpers.js';
+import { InputMask } from '../input-mask/index.js';
 import ArrowDownIcon from '@/assets/svg/arrow-down.svg?raw';
-import { getColorVar, getTypographyVar, mediaQuery } from '../../theme';
-import { truncateStyle } from '../../constants/emotion';
-import { getSizeVariantState } from '../../utils';
-import { useControllableState } from '../../hooks';
-import { Floating, FloatingContent, FloatingTrigger } from '../floating';
-import { FormHelperText } from '../form-helper-text';
-import { SvgLoader } from '../../components';
+import { getColorVar, getTypographyVar, mediaQuery } from '../../theme/index.js';
+import { truncateStyle } from '../../constants/emotion.js';
+import { getSizeVariantState } from '../../utils/index.js';
+import { useControllableState } from '../../hooks/index.js';
+import { Floating, FloatingContent, FloatingTrigger } from '../floating/index.js';
+import { FormHelperText } from '../form-helper-text/index.js';
+import { SvgLoader } from '../../components/index.js';
 const DEFAULT_SEPARATOR = '/';
 export const Cascader = ({ ref, ..._props }) => {
     const { placement = 'bottom-start', open, onOpenChange, searchable = false, value: selectedPath = [], valueRenderer, options, loadOptions, onChange, placeholder, listProps, separator = DEFAULT_SEPARATOR, helperText, error, containerProps, inputProps, fullWidth = true, lazy = true, menuWidth = 'exact-reference', ...rest } = getCascaderProps(_props);

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

@@ -1,4 +1,4 @@
-import { CascaderOption, CascaderProps } from './types';
+import { CascaderOption, CascaderProps } from './types.js';
 export declare const getCascaderProps: (extended: CascaderProps) => CascaderProps;
 /**
  * Find option path by value array

package/dist/lib/cascader/helpers.js

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

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

@@ -1,2 +1,2 @@
-export * from "./cascader";
-export * from "./types";
+export * from "./cascader.jsx";
+export * from "./types.js";

package/dist/lib/cascader/index.js

@@ -1,2 +1,2 @@
-export * from "./cascader";
-export * from "./types";
+export * from "./cascader.jsx";
+export * from "./types.js";

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

@@ -1,9 +1,9 @@
 import { HTMLAttributes, JSX, ReactNode } from 'react';
 import { Placement, UseFloatingOptions } from '@floating-ui/react';
 import { PropsWithCSS, ResponsiveDesign } from '@janbox/storefront-ui/types';
-import { InputProps } from '../input';
-import { InputMaskProps, InputMaskResponsiveProps } from '../input-mask/types';
-import { ShallowMerge } from '../../types';
+import { InputProps } from '../input/index.js';
+import { InputMaskProps, InputMaskResponsiveProps } from '../input-mask/types.js';
+import { ShallowMerge } from '../../types/index.js';
 export type CascaderResponsiveProps = InputMaskResponsiveProps;
 export type CascaderOptionValue = string | number;
 export interface CascaderOption {

package/dist/lib/checkbox/checkbox.d.ts

@@ -1,2 +1,2 @@
-import { CheckboxProps } from './types';
+import { CheckboxProps } from './types.js';
 export declare const Checkbox: ({ children, indeterminate, color, className, ref, containerProps, ...props }: CheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/checkbox/checkbox.jsx

@@ -2,11 +2,11 @@
 import { useEffect, useRef } from 'react';
 import { useMergeRefs } from '@floating-ui/react';
 import classes from './checkbox.module.scss';
-import { SvgLoader } from '../../components';
-import { cn } from '../../utils';
+import { SvgLoader } from '../../components/index.js';
+import { cn } from '../../utils/index.js';
 import CheckIcon from '../../assets/svg/done-check.svg?raw';
 import MinusIcon from '../../assets/svg/minus.svg?raw';
-import { getColorShadesByVariant } from '../../utils';
+import { getColorShadesByVariant } from '../../utils/index.js';
 export const Checkbox = ({ children, indeterminate, color = 'primary', className, ref, containerProps, ...props }) => {
     const { main, contrastText } = getColorShadesByVariant(color);
     const inputRef = useRef(null);

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

@@ -1,2 +1,2 @@
-export { Checkbox } from './checkbox';
-export type { CheckboxProps } from './types';
+export { Checkbox } from './checkbox.jsx';
+export type { CheckboxProps } from './types.js';

package/dist/lib/checkbox/index.js

@@ -1 +1 @@
-export { Checkbox } from './checkbox';
+export { Checkbox } from './checkbox.jsx';

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

@@ -1,6 +1,6 @@
 import { JSX } from 'react';
 import { Interpolation } from '@emotion/react';
-import { ColorVariant, ShallowMerge } from '../../types';
+import { ColorVariant, ShallowMerge } from '../../types/index.js';
 export type CheckboxProps = ShallowMerge<JSX.IntrinsicElements['input'], {
     color?: ColorVariant;
     /**

package/dist/lib/chip/chip.d.ts

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

package/dist/lib/chip/chip.jsx

@@ -1,6 +1,6 @@
-import { getChipProps } from "./helpers";
-import { getColorShadesByVariant, getSizeVariantState } from "../../utils";
-import { getTypographyVar, mediaQuery } from "../../theme";
+import { getChipProps } from "./helpers.js";
+import { getColorShadesByVariant, getSizeVariantState } from "../../utils/index.js";
+import { getTypographyVar, mediaQuery } from "../../theme/index.js";
 export const Chip = ({ children, ..._props }) => {
     const { xs, sm, md, lg, color = "green", ...rest } = getChipProps(_props);
     const { light, main } = getColorShadesByVariant(color);

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

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

package/dist/lib/chip/helpers.js

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

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

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

package/dist/lib/chip/index.js

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

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

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { ColorVariant, SizeVariant, ResponsiveDesign, ShallowMerge, PropsWithCSS } from '../../types';
+import { ColorVariant, SizeVariant, ResponsiveDesign, ShallowMerge, PropsWithCSS } from '../../types/index.js';
 export interface ChipResponsiveProps extends PropsWithCSS {
     size?: SizeVariant;
 }

package/dist/lib/collapse/collapse.d.ts

@@ -1,2 +1,2 @@
-import { CollapseProps } from './types';
+import { CollapseProps } from './types.js';
 export declare const Collapse: ({ children, open, collapsedSize, orientation, ...props }: CollapseProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

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

package/dist/lib/collapse/index.js

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

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

@@ -1,5 +1,5 @@
 import { HTMLMotionProps } from 'motion/react';
-import { ShallowMerge } from '../../types';
+import { ShallowMerge } from '../../types/index.js';
 export type CollapseProps = ShallowMerge<HTMLMotionProps<'div'>, {
     open?: boolean;
     collapsedSize?: number;

package/dist/lib/container/container.d.ts

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

package/dist/lib/container/container.jsx

@@ -1,6 +1,6 @@
 import { isNil } from 'lodash-es';
-import { getContainerProps } from './helpers';
-import { breakpoint, mediaQuery } from '../../theme';
+import { getContainerProps } from './helpers.js';
+import { breakpoint, mediaQuery } from '../../theme/index.js';
 const CONTAINER_PADDING_VAR_NAME = '--container-padding';
 const CONTAINER_PADDING_VAR = `var(${CONTAINER_PADDING_VAR_NAME})`;
 const getContainerPaddingCSS = (position) => {

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

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

package/dist/lib/container/helpers.js

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

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

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

package/dist/lib/container/index.js

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

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

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../types';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../types/index.js';
 export type ContainerPosition = 'center' | 'start' | 'end';
 export interface ContainerResponsiveProps extends PropsWithCSS {
     position?: ContainerPosition;

package/dist/lib/count-up/count-up.d.ts

@@ -1,2 +1,2 @@
-import { CountUpProps } from './types';
+import { CountUpProps } from './types.js';
 export declare const CountUp: import("react").ForwardRefExoticComponent<Omit<CountUpProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/lib/count-up/count-up.jsx

@@ -2,7 +2,7 @@ import { forwardRef, useEffect, useRef } from 'react';
 import { useMergeRefs } from '@floating-ui/react';
 import { animate, motion, useInView, useMotionValue, useTransform } from 'motion/react';
 import { useTranslation } from 'react-i18next';
-import { formatNumber, getDecimalDigits } from '../../utils';
+import { formatNumber, getDecimalDigits } from '../../utils/index.js';
 export const CountUp = forwardRef(({ from = 0, to, duration = 2, formatNumberOptions, ...props }, ref) => {
     const rootRef = useRef(null);
     const { i18n } = useTranslation();

package/dist/lib/count-up/index.d.ts

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

package/dist/lib/count-up/index.js

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

package/dist/lib/count-up/types.d.ts

@@ -1,6 +1,6 @@
 import { HTMLMotionProps } from 'motion/react';
-import { FormatNumberOptions } from '../../utils';
-import { ShallowMerge } from '../../types';
+import { FormatNumberOptions } from '../../utils/index.js';
+import { ShallowMerge } from '../../types/index.js';
 export type CountUpProps = ShallowMerge<HTMLMotionProps<'span'>, {
     from?: number;
     to: number;

package/dist/lib/countdown-timer/countdown-timer.d.ts

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

package/dist/lib/countdown-timer/countdown-timer.jsx

@@ -1,4 +1,4 @@
-import { useCountdownTimer } from '../../hooks';
+import { useCountdownTimer } from '../../hooks/index.js';
 export const CountdownTimer = ({ children, ...props }) => {
     const timeDiff = useCountdownTimer(props);
     return <>{children?.(timeDiff)}</>;

package/dist/lib/countdown-timer/index.d.ts

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

package/dist/lib/countdown-timer/index.js

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

package/dist/lib/countdown-timer/types.d.ts

@@ -1,4 +1,4 @@
-import { TimeDiff, useCountdownTimer } from '../../hooks';
+import { TimeDiff, useCountdownTimer } from '../../hooks/index.js';
 export type CountdownTimerProps = Parameters<typeof useCountdownTimer>[0] & {
     children?: (timeDiff: TimeDiff) => React.ReactNode;
 };

package/dist/lib/date-picker/date-picker.d.ts

@@ -1,7 +1,7 @@
 /** @jsxImportSource @emotion/react */
 import './date-picker.css';
 import React from 'react';
-import { DatePickerProps } from './types';
+import { DatePickerProps } from './types.js';
 declare const DatePicker: (_props: DatePickerProps, ref?: React.ForwardedRef<HTMLButtonElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
 declare const ForwardRefDatePicker: typeof DatePicker;
 export { ForwardRefDatePicker as DatePicker };

package/dist/lib/date-picker/date-picker.jsx

@@ -4,16 +4,16 @@ import { forwardRef, useRef } from 'react';
 import dayjs from 'dayjs';
 import { isNil } from 'lodash-es';
 import { Calendar } from 'react-date-range';
-import { getDatePickerProps } from './helpers';
+import { getDatePickerProps } from './helpers.js';
 import CalendarIcon from '../../assets/svg/calendar.svg?raw';
-import { getSizeVariantState } from '../../utils';
-import { Floating, FloatingContent, FloatingTrigger } from '../floating';
-import { FormHelperText } from '../form-helper-text';
-import { Icon } from '../icon';
-import { InputMask } from '../input-mask';
-import { TimePicker } from '../time-picker';
-import { useControllableState } from '../../hooks';
-import { getColorVar } from '../../theme';
+import { getSizeVariantState } from '../../utils/index.js';
+import { Floating, FloatingContent, FloatingTrigger } from '../floating/index.js';
+import { FormHelperText } from '../form-helper-text/index.js';
+import { Icon } from '../icon/index.js';
+import { InputMask } from '../input-mask/index.js';
+import { TimePicker } from '../time-picker/index.js';
+import { useControllableState } from '../../hooks/index.js';
+import { getColorVar } from '../../theme/index.js';
 import CloseIcon from '../../assets/svg/times-close-delete.svg?raw';
 const DEFAULT_DATE_FORMAT = 'MM/DD/YYYY';
 const DEFAULT_DATETIME_FORMAT = 'MM/DD/YYYY HH:mm';

package/dist/lib/date-picker/helpers.d.ts

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

package/dist/lib/date-picker/helpers.js

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

package/dist/lib/date-picker/index.d.ts

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

package/dist/lib/date-picker/index.js

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

package/dist/lib/date-picker/types.d.ts

@@ -2,7 +2,7 @@ import { JSX } from 'react';
 import { Interpolation } from '@emotion/react';
 import { Placement, UseFloatingOptions } from '@floating-ui/react';
 import { InputRange } from 'react-date-range';
-import { PropsWithCSS, SizeVariant, ResponsiveDesign } from '../../types';
+import { PropsWithCSS, SizeVariant, ResponsiveDesign } from '../../types/index.js';
 export type PickerStaticRange = StaticRange;
 export type PickerInputRange = InputRange;
 export interface DateResponsiveProps extends PropsWithCSS {

package/dist/lib/dialog/dialog/dialog.d.ts

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

package/dist/lib/dialog/dialog/dialog.jsx

@@ -1,7 +1,7 @@
 /** @jsxImportSource @emotion/react */
-import { getDialogProps, getDialogSizeInNumber } from './helpers';
-import { Floating, FloatingContent } from '../../..';
-import { getColorVar, FLOATING_Z_INDEX, mediaQuery } from '../../../theme';
+import { getDialogProps, getDialogSizeInNumber } from './helpers.js';
+import { Floating, FloatingContent } from '../../../index.js';
+import { getColorVar, FLOATING_Z_INDEX, mediaQuery } from '../../../theme/index.js';
 export const Dialog = (_props) => {
     const { xs, sm, md, lg, children, ...props } = getDialogProps(_props);
     return (<Floating dismissProps={{