@janbox/storefront-ui 1.0.20 → 1.0.22

package/dist/lib/otp-input/index.d.ts

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

package/dist/lib/otp-input/index.js

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

package/dist/lib/otp-input/otp-input.d.ts

@@ -1,2 +1,2 @@
-import { OtpInputProps } from './types';
+import { OtpInputProps } from './types.js';
 export declare const OtpInput: ({ length, onFullfilled, onChange, disabled, autoFocus, isLoading, defaultValue, value, error, }: OtpInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/otp-input/{otp-input.jsx → otp-input.js}

@@ -1,9 +1,9 @@
 /** @jsxImportSource @emotion/react */
 import { useRef, useEffect } from 'react';
 import { times } from 'lodash-es';
-import { Input } from '../input';
-import { useControllableState } from '../../hooks';
-import { getTypographyVar, mediaQuery } from '../../theme';
+import { Input } from '../input/index.js';
+import { useControllableState } from '../../hooks/index.js';
+import { getTypographyVar, mediaQuery } from '../../theme/index.js';
 export const OtpInput = ({ length = 6, onFullfilled, onChange, disabled, autoFocus, isLoading, defaultValue, value, error, }) => {
     const [otp, setOtp] = useControllableState({
         defaultValue: times(length, (num) => defaultValue?.at(num) ?? ''),

package/dist/lib/otp-input/types.d.ts

@@ -1,6 +1,6 @@
 import { JSX } from 'react';
-import { ResponsiveDesign, ShallowMerge } from '../../types';
-import { InputProps } from '../input';
+import { ResponsiveDesign, ShallowMerge } from '../../types/index.js';
+import { InputProps } from '../input/index.js';
 type OtpInputResponsiveProps = {
     size?: InputProps['size'];
 };

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

@@ -1,4 +1,4 @@
-import { PaginationProps } from './types';
+import { PaginationProps } from './types.js';
 /**
  * Generate an array of page numbers to display based on the current page and total page count
  */

package/dist/lib/pagination/helpers.js

@@ -1,4 +1,4 @@
-import { mergeComponentProps } from '../../utils';
+import { mergeComponentProps } from '../../utils/index.js';
 // Default values for the pagination component
 const DEFAULT_SIBLING_COUNT = 2;
 export const getPageRange = (currentPage, totalPages, siblingCount = DEFAULT_SIBLING_COUNT) => {

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

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

package/dist/lib/pagination/index.js

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

package/dist/lib/pagination/pagination.d.ts

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

package/dist/lib/pagination/{pagination.jsx → pagination.js}

@@ -1,14 +1,14 @@
 /** @jsxImportSource @emotion/react */
 import { forwardRef, Fragment } from 'react';
-import { getPaginationProps, getPageRange } from './helpers';
-import { Icon } from '../icon';
-import { IconButton } from '../icon-button';
-import { Text } from '../text';
+import { getPaginationProps, getPageRange } from './helpers.js';
+import { Icon } from '../icon/index.js';
+import { IconButton } from '../icon-button/index.js';
+import { Text } from '../text/index.js';
 import ArrowLeftIcon from '../../assets/svg/arrow-left.svg?raw';
 import ArrowForwardIcon from '../../assets/svg/arrow-forward.svg?raw';
 import ArrowRightIcon from '../../assets/svg/arrow-right.svg?raw';
-import { getTypographyVar } from '../../theme';
-import { getSizeVariantState } from '../../utils';
+import { getTypographyVar } from '../../theme/index.js';
+import { getSizeVariantState } from '../../utils/index.js';
 export const Pagination = forwardRef((_props, ref) => {
     const { page = 1, count = 1, onChange, disabled, showFirstPageButton, showLastPageButton, showNextPageButton, showPrevPageButton, siblingCount, states, xs, sm, md, lg, ...rest } = getPaginationProps(_props);
     const sizeVariantState = {

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

@@ -1,6 +1,6 @@
 import { JSX } from 'react';
-import { IconButtonProps } from '../icon-button';
-import { ResponsiveDesign, SizeVariant, ShallowMerge } from '../../types';
+import { IconButtonProps } from '../icon-button/index.js';
+import { ResponsiveDesign, SizeVariant, ShallowMerge } from '../../types/index.js';
 export type PaginationState = 'normal' | 'active';
 export interface PaginationResponsiveProps {
     size?: SizeVariant;

package/dist/lib/phone-input/index.d.ts

@@ -1,2 +1,2 @@
-export * from './phone-input';
-export * from './types';
+export * from './phone-input.js';
+export * from './types.js';

package/dist/lib/phone-input/index.js

@@ -1,2 +1,2 @@
-export * from './phone-input';
-export * from './types';
+export * from './phone-input.js';
+export * from './types.js';

package/dist/lib/phone-input/phone-input.d.ts

@@ -1,2 +1,2 @@
-import { PhoneInputProps } from './types';
+import { PhoneInputProps } from './types.js';
 export declare const PhoneInput: ({ error, defaultValue, value, onChange, containerProps, helperText, disabled, ref, ...props }: PhoneInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/phone-input/{phone-input.jsx → phone-input.js}

@@ -4,14 +4,14 @@ import { useMergeRefs } from '@floating-ui/react';
 import { isNil } from 'lodash-es';
 import { phone } from 'phone';
 import countries from '../../assets/json/countries.json';
-import { useControllableState } from '../../hooks';
-import { getColorShadesByVariant } from '../../utils';
-import { getColorVar } from '../../theme';
-import { Flag } from '../flag';
-import { FormHelperText } from '../form-helper-text';
-import { Input } from '../input';
-import { InputMask } from '../input-mask';
-import { Select } from '../select';
+import { useControllableState } from '../../hooks/index.js';
+import { getColorShadesByVariant } from '../../utils/index.js';
+import { getColorVar } from '../../theme/index.js';
+import { Flag } from '../flag/index.js';
+import { FormHelperText } from '../form-helper-text/index.js';
+import { Input } from '../input/index.js';
+import { InputMask } from '../input-mask/index.js';
+import { Select } from '../select/index.js';
 const CountryRowLabel = ({ code, name, dial_code }) => {
     return (<div css={{ display: 'flex', alignItems: 'center', gap: 8 }}>
       <Flag countryCode={code}/>

package/dist/lib/phone-input/types.d.ts

@@ -1,6 +1,6 @@
 import { JSX } from 'react';
 import { Interpolation } from '@emotion/react';
-import { ResponsiveDesign, SizeVariant, ShallowMerge } from '../../types';
+import { ResponsiveDesign, SizeVariant, ShallowMerge } from '../../types/index.js';
 export type PhoneInputResponsiveProps = {
     size?: Exclude<SizeVariant, 'xs'>;
 };

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

@@ -1,4 +1,4 @@
-export * from './popover';
-export * from './popover-trigger';
-export * from './popover-content';
-export * from './popover-close';
+export * from './popover/index.js';
+export * from './popover-trigger/index.js';
+export * from './popover-content/index.js';
+export * from './popover-close/index.js';

package/dist/lib/popover/index.js

@@ -1,4 +1,4 @@
-export * from './popover';
-export * from './popover-trigger';
-export * from './popover-content';
-export * from './popover-close';
+export * from './popover/index.js';
+export * from './popover-trigger/index.js';
+export * from './popover-content/index.js';
+export * from './popover-close/index.js';

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

@@ -1 +1 @@
-export declare const usePopoverContext: () => import("../../floating").FloatingContextValue;
+export declare const usePopoverContext: () => import("../../floating/index.js").FloatingContextValue;

package/dist/lib/popover/popover/helpers.js

@@ -1,4 +1,4 @@
-import { useFloatingContext } from '../../floating';
+import { useFloatingContext } from '../../floating/index.js';
 export const usePopoverContext = () => {
     return useFloatingContext();
 };

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

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

package/dist/lib/popover/popover/index.js

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

package/dist/lib/popover/popover/popover.d.ts

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

package/dist/lib/popover/popover/{popover.jsx → popover.js}

@@ -1,5 +1,5 @@
-import { useControllableState } from '../../../hooks';
-import { Floating } from '../../..';
+import { useControllableState } from '../../../hooks/index.js';
+import { Floating } from '../../../index.js';
 export const Popover = ({ ...props }) => {
     const [open, setOpen] = useControllableState({
         defaultValue: false,

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

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

package/dist/lib/popover/popover-close/index.d.ts

@@ -1,2 +1,2 @@
-export * from './popover-close';
-export * from './types';
+export * from './popover-close.js';
+export * from './types.js';

package/dist/lib/popover/popover-close/index.js

@@ -1,2 +1,2 @@
-export * from './popover-close';
-export * from './types';
+export * from './popover-close.js';
+export * from './types.js';

package/dist/lib/popover/popover-close/popover-close.d.ts

@@ -1 +1 @@
-export declare const PopoverClose: import("react").ForwardRefExoticComponent<Omit<import("../../floating").FloatingCloseProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PopoverClose: import("react").ForwardRefExoticComponent<Omit<import("../../floating/index.js").FloatingCloseProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/lib/popover/popover-close/popover-close.js

@@ -0,0 +1,2 @@
+import { FloatingClose } from '../../floating/index.js';
+export const PopoverClose = FloatingClose;

package/dist/lib/popover/popover-close/types.d.ts

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

package/dist/lib/popover/popover-content/index.d.ts

@@ -1,2 +1,2 @@
-export * from './popover-content';
-export * from './types';
+export * from './popover-content.js';
+export * from './types.js';

package/dist/lib/popover/popover-content/index.js

@@ -1,2 +1,2 @@
-export * from './popover-content';
-export * from './types';
+export * from './popover-content.js';
+export * from './types.js';

package/dist/lib/popover/popover-content/popover-content.d.ts

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

package/dist/lib/popover/popover-content/{popover-content.jsx → popover-content.js}

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

package/dist/lib/popover/popover-content/types.d.ts

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

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

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

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

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

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

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

package/dist/lib/popover/popover-trigger/{popover-trigger.jsx → popover-trigger.js}

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

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

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

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

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

package/dist/lib/primitive/index.js

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

package/dist/lib/primitive/primitive.d.ts

@@ -1,4 +1,4 @@
 /** @jsxImportSource @emotion/react */
 import { HTMLProps } from 'react';
-import { PrimitiveProps } from './types';
+import { PrimitiveProps } from './types.js';
 export declare const Primitive: <T extends HTMLProps<Element>>({ as, xs, sm, md, lg, ...rest }: PrimitiveProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/primitive/{primitive.jsx → primitive.js}

@@ -1,4 +1,4 @@
-import { mediaQuery } from '../../theme';
+import { mediaQuery } from '../../theme/index.js';
 export const Primitive = ({ as, xs, sm, md, lg, ...rest }) => {
     const Component = as ?? 'div';
     return (<Component css={[

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

@@ -1,5 +1,5 @@
 import { HTMLElementType, HTMLProps, Ref } from 'react';
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../types';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../types/index.js';
 import { Interpolation } from '@emotion/react';
 type PrimitiveExtendedProps<E> = ResponsiveDesign<PropsWithCSS> & {
     as?: HTMLElementType;

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

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

package/dist/lib/progress/index.js

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

package/dist/lib/progress/progress.d.ts

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

package/dist/lib/progress/{progress.jsx → progress.js}

@@ -1,4 +1,4 @@
-import { getColorVar } from '../../theme';
+import { getColorVar } from '../../theme/index.js';
 export const Progress = (props) => {
     const { value, direction = 'horizontal', activeProps = {}, children, ...rest } = props;
     const { style: activeStyle, ...activeRest } = activeProps;

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

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-import { ProgressDirection } from '../../types';
+import { ProgressDirection } from '../../types/index.js';
 export type ProgressProps = {
     value: number;
     direction?: ProgressDirection;

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

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

package/dist/lib/radio-button/helpers.js

@@ -1,4 +1,4 @@
-import { mergeComponentProps } from '../../utils';
+import { mergeComponentProps } from '../../utils/index.js';
 const defaultProps = {};
 export const getRadioButtonProps = (extended) => {
     return mergeComponentProps(defaultProps, extended);

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

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

package/dist/lib/radio-button/index.js

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

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

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

package/dist/lib/radio-button/{radio-button.jsx → radio-button.js}

@@ -1,9 +1,9 @@
 /** @jsxImportSource @emotion/react */
 import { forwardRef } from 'react';
-import { getRadioButtonProps } from './helpers';
+import { getRadioButtonProps } from './helpers.js';
 import classes from './radio-button.module.scss';
-import { cn } from '../../utils';
-import { getColorShadesByVariant } from '../../utils';
+import { cn } from '../../utils/index.js';
+import { getColorShadesByVariant } from '../../utils/index.js';
 export const RadioButton = forwardRef((_props, ref) => {
     const { children, color = 'primary', className, containerProps, ...props } = getRadioButtonProps(_props);
     const { main } = getColorShadesByVariant(color);

package/dist/lib/radio-button/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';
 interface RadioButtonExtendedProps {
     color?: ColorVariant;
     containerProps?: JSX.IntrinsicElements['label'] & {

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

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

package/dist/lib/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/select/index.d.ts

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

package/dist/lib/select/index.js

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

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

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

package/dist/lib/select/{select.jsx → select.js}

@@ -1,18 +1,18 @@
 /** @jsxImportSource @emotion/react */
 import { useCallback, useEffect, useId, useMemo, useRef } from 'react';
 import { get, isNil, trimStart } from 'lodash-es';
-import { getSelectProps } 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 { getSelectProps } 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 CheckIcon from '../../assets/svg/done-check.svg?raw';
-import { Floating, FloatingContent, FloatingTrigger, FormHelperText } from '../..';
-import { useWindowScreen } from '../../hooks';
-import { getColorVar, getTypographyVar, mediaQuery } from '../../theme';
-import { getResponsiveProp, getSizeVariantState } from '../../utils';
+import { Floating, FloatingContent, FloatingTrigger, FormHelperText } from '../../index.js';
+import { useWindowScreen } from '../../hooks/index.js';
+import { getColorVar, getTypographyVar, mediaQuery } from '../../theme/index.js';
+import { getResponsiveProp, getSizeVariantState } from '../../utils/index.js';
 const DEFAULT_DISPLAY_ROW_COUNT = 5;
 export const Select = ({ ref, ...props }) => {
     const { placement = 'bottom-start', open, onOpenChange, searchable = true, value, optionValue, optionLabel, defaultValue, options, onChange, placeholder, listProps, selectedRenderer, optionSearchLabel, helperText, error, containerProps, inputProps, fullWidth = true, lazy = true, ...rest } = getSelectProps(props);

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

@@ -1,9 +1,9 @@
 import { JSX, HTMLAttributes } 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 { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../types';
+import { InputProps } from '../input/index.js';
+import { InputMaskProps, InputMaskResponsiveProps } from '../input-mask/types.js';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../types/index.js';
 export type SelectResponsiveProps = InputMaskResponsiveProps;
 export type SelectOptionValue = string | number | boolean;
 interface SelectExtendedProps<V extends SelectOptionValue, O extends object> extends ResponsiveDesign<SelectResponsiveProps> {

package/dist/lib/star-rating/index.d.ts

@@ -1,2 +1,2 @@
-export * from './star-rating';
-export * from './types';
+export * from './star-rating.js';
+export * from './types.js';

package/dist/lib/star-rating/index.js

@@ -1,2 +1,2 @@
-export * from './star-rating';
-export * from './types';
+export * from './star-rating.js';
+export * from './types.js';

package/dist/lib/star-rating/star-rating.d.ts

@@ -1,2 +1,2 @@
-import { StarRatingProps } from './types';
+import { StarRatingProps } from './types.js';
 export declare const StarRating: import("react").ForwardRefExoticComponent<StarRatingProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/lib/star-rating/{star-rating.jsx → star-rating.js}

@@ -1,5 +1,5 @@
 import { forwardRef, useId } from 'react';
-import { getColorShadesByVariant } from '../../utils';
+import { getColorShadesByVariant } from '../../utils/index.js';
 export const StarRating = forwardRef(({ rating, maxRating = 5, size = 24, colorVariant = 'secondary' }, ref) => {
     const id = useId();
     const percent = (rating / maxRating) * 24;

package/dist/lib/star-rating/types.d.ts

@@ -1,4 +1,4 @@
-import { ColorVariant } from '../../types';
+import { ColorVariant } from '../../types/index.js';
 export type StarRatingProps = {
     rating: number;
     maxRating?: number;

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

@@ -1,3 +1,3 @@
-export * from './stepper';
-export * from './types';
-export * from './step';
+export * from './stepper.js';
+export * from './types.js';
+export * from './step.js';

package/dist/lib/stepper/index.js

@@ -1,3 +1,3 @@
-export * from './stepper';
-export * from './types';
-export * from './step';
+export * from './stepper.js';
+export * from './types.js';
+export * from './step.js';

package/dist/lib/stepper/step.d.ts

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

package/dist/lib/stepper/{step.jsx → step.js}

@@ -1,7 +1,7 @@
 /** @jsxImportSource @emotion/react */
 import { forwardRef } from 'react';
-import { Icon } from '../icon';
-import { getColorVar } from '../../theme';
+import { Icon } from '../icon/index.js';
+import { getColorVar } from '../../theme/index.js';
 import CheckIcon from '../../assets/svg/check.svg?raw';
 const stateStyles = {
     done: {

package/dist/lib/stepper/stepper.d.ts

@@ -1,2 +1,2 @@
-import { StepperProps } from './types';
+import { StepperProps } from './types.js';
 export declare const Stepper: import("react").ForwardRefExoticComponent<StepperProps & import("react").RefAttributes<HTMLDivElement>>;