@janbox/storefront-ui 1.0.20 → 1.0.22

package/dist/components/index.d.ts

@@ -1,3 +1,3 @@
-export * from './svg-loader';
-export * from './scroll-view';
-export * from './virtualized-list';
+export * from './svg-loader.js';
+export * from './scroll-view.js';
+export * from './virtualized-list.js';

package/dist/components/index.js

@@ -1,3 +1,3 @@
-export * from './svg-loader';
-export * from './scroll-view';
-export * from './virtualized-list';
+export * from './svg-loader.js';
+export * from './scroll-view.js';
+export * from './virtualized-list.js';

package/dist/components/{svg-loader.jsx → svg-loader.js}

@@ -1,5 +1,5 @@
 import { cloneElement, forwardRef, useId, useMemo } from 'react';
-import { parseSvgString } from '../utils/common';
+import { parseSvgString } from '../utils/common.js';
 export const SvgLoader = forwardRef(({ source, ...props }, ref) => {
     const uniqueId = useId();
     const jsxSvg = useMemo(() => parseSvgString(source, uniqueId), [source, uniqueId]);

package/dist/components/virtualized-list.d.ts

@@ -1,7 +1,7 @@
 import { JSX, Ref } from 'react';
 import { useVirtualizer, VirtualItem } from '@tanstack/react-virtual';
-import { ScrollViewRef } from './scroll-view';
-import { ShallowMerge } from '../types';
+import { ScrollViewRef } from './scroll-view.js';
+import { ShallowMerge } from '../types/index.js';
 type VirtualizedListOptions = Omit<Parameters<typeof useVirtualizer<HTMLDivElement, HTMLDivElement>>[0], 'getScrollElement'>;
 type VirtualizedListProps = ShallowMerge<JSX.IntrinsicElements['div'], {
     RowComponent: React.ComponentType<{

package/dist/components/{virtualized-list.jsx → virtualized-list.js}

@@ -2,7 +2,7 @@ import { useRef } from 'react';
 import { useMergeRefs } from '@floating-ui/react';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { motion } from 'motion/react';
-import { ScrollView } from './scroll-view';
+import { ScrollView } from './scroll-view.js';
 export const VirtualizedList = ({ RowComponent, options, ref, ...props }) => {
     const scrollRef = useRef(null);
     const mergedRefs = useMergeRefs([scrollRef, ref]);

package/dist/constants/emotion.d.ts

@@ -1,4 +1,4 @@
-import { StyledCSS } from '../types';
+import { StyledCSS } from '../types/index.js';
 export declare const scrollbarNoneStyle: StyledCSS;
 export declare const animatePulseStyle: StyledCSS;
 export declare const animateSpinStyle: StyledCSS;

package/dist/constants/emotion.js

@@ -1,5 +1,5 @@
 import { keyframes } from '@emotion/react';
-import { breakpoint, mediaQuery } from '../theme/screens';
+import { breakpoint, mediaQuery } from '../theme/screens.js';
 export const scrollbarNoneStyle = {
     scrollbarWidth: 'none',
     '&::-webkit-scrollbar': { display: 'none' },

package/dist/hooks/index.d.ts

@@ -1,9 +1,9 @@
-export * from "./use-window-screen";
-export * from "./use-hover-line-effect";
-export * from "./use-ripple-effect";
-export * from "./use-controllable-state";
-export * from "./use-countdown-timer";
-export * from "./use-query-params";
-export * from "./use-first-mount-state";
-export * from "./use-update-effect";
-export * from "./use-deep-compare-effect";
+export * from "./use-window-screen/index.js";
+export * from "./use-hover-line-effect/index.js";
+export * from "./use-ripple-effect/index.js";
+export * from "./use-controllable-state.js";
+export * from "./use-countdown-timer.js";
+export * from "./use-query-params.js";
+export * from "./use-first-mount-state/index.js";
+export * from "./use-update-effect/index.js";
+export * from "./use-deep-compare-effect/index.js";

package/dist/hooks/index.js

@@ -1,9 +1,9 @@
-export * from "./use-window-screen";
-export * from "./use-hover-line-effect";
-export * from "./use-ripple-effect";
-export * from "./use-controllable-state";
-export * from "./use-countdown-timer";
-export * from "./use-query-params";
-export * from "./use-first-mount-state";
-export * from "./use-update-effect";
-export * from "./use-deep-compare-effect";
+export * from "./use-window-screen/index.js";
+export * from "./use-hover-line-effect/index.js";
+export * from "./use-ripple-effect/index.js";
+export * from "./use-controllable-state.js";
+export * from "./use-countdown-timer.js";
+export * from "./use-query-params.js";
+export * from "./use-first-mount-state/index.js";
+export * from "./use-update-effect/index.js";
+export * from "./use-deep-compare-effect/index.js";

package/dist/hooks/use-controllable-state.js

@@ -1,6 +1,6 @@
 import { useCallback, useMemo, useRef, useState } from 'react';
 import { isEqual, isUndefined } from 'lodash-es';
-import { useUpdateEffect } from './use-update-effect';
+import { useUpdateEffect } from './use-update-effect/index.js';
 const getIsControlled = (value) => !isUndefined(value);
 export const useControllableState = ({ defaultValue, value, deepCompare = false, }) => {
     const lastControlledValue = useRef(value);

package/dist/hooks/use-countdown-timer.js

@@ -1,6 +1,6 @@
 import { useRef, useState } from 'react';
 import dayjs from 'dayjs';
-import { useDeepCompareEffect } from './use-deep-compare-effect';
+import { useDeepCompareEffect } from './use-deep-compare-effect/index.js';
 const getTimeDiff = (end, omit) => {
     const now = dayjs();
     const target = dayjs(end);

package/dist/hooks/use-query-params.d.ts

@@ -1,5 +1,5 @@
 import { NavigateOptions } from 'react-router';
-import { Nullable } from '../types';
+import { Nullable } from '../types/index.js';
 type ParserFn<T> = (value?: Nullable<string>) => T;
 type ParamConfig<T = unknown> = {
     parser: ParserFn<T>;

package/dist/hooks/use-query-params.js

@@ -1,7 +1,7 @@
 import { useCallback, useMemo, useRef } from 'react';
 import { isNil, isPlainObject, set } from 'lodash-es';
 import { useSearchParams } from 'react-router';
-import { simplifyQueryParams } from '../utils/query-params';
+import { simplifyQueryParams } from '../utils/query-params.js';
 /**
  * Hook để lấy và parse query parameters từ URL
  * @param config Cấu hình cho việc transform và giá trị mặc định

package/dist/hooks/use-update-effect/index.js

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { useFirstMountState } from '../use-first-mount-state';
+import { useFirstMountState } from '../use-first-mount-state/index.js';
 export const useUpdateEffect = (effect, deps) => {
     const isFirstMount = useFirstMountState();
     useEffect(() => {

package/dist/hooks/use-window-screen/index.d.ts

@@ -1,4 +1,4 @@
-import { Screen } from '../../theme';
+import { Screen } from '../../theme/index.js';
 export declare const useWindowScreen: () => {
     name: "xs" | "sm" | "md" | "lg" | undefined;
     isSmallerThan: (target: Screen) => boolean;

package/dist/hooks/use-window-screen/index.js

@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useState } from 'react';
 import { isNil } from 'lodash-es';
-import { isSSR } from '../../constants';
-import { breakpoint, screens } from '../../theme';
+import { isSSR } from '../../constants/index.js';
+import { breakpoint, screens } from '../../theme/index.js';
 export const useWindowScreen = () => {
     const getScreenByWidth = (width) => {
         if (width < breakpoint.sm.minWidth) {

package/dist/index.d.ts

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

package/dist/index.js

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

package/dist/lib/accordion/accordion/accordion.d.ts

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

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

@@ -1,13 +1,13 @@
 /** @jsxImportSource @emotion/react */
-import { useCallback, useEffect, useMemo, useRef } from "react";
-import { useMergeRefs } from "@floating-ui/react";
-import { isNil } from "lodash-es";
-import { AccordionContext, getAccordionDataAttributes, getAccordionProps, } from "./helpers";
-import { AccordionDataAttributes } from "./types";
-import { getAccordionGroupDataAttributes } from "../accordion-group";
-import { Booleanish } from "../../../constants";
-import { useControllableState } from "../../../hooks";
-import { mediaQuery } from "../../../theme";
+import { useCallback, useEffect, useMemo, useRef } from 'react';
+import { useMergeRefs } from '@floating-ui/react';
+import { isNil } from 'lodash-es';
+import { AccordionContext, getAccordionDataAttributes, getAccordionProps } from './helpers.js';
+import { AccordionDataAttributes } from './types.js';
+import { getAccordionGroupDataAttributes } from '../accordion-group/index.js';
+import { Booleanish } from '../../../constants/index.js';
+import { useControllableState } from '../../../hooks/index.js';
+import { mediaQuery } from '../../../theme/index.js';
 export const Accordion = (_props) => {
     const { xs, sm, md, lg, children, open: controlledOpen, defaultOpen = false, onOpenChange: onOpenChangeCallback, ref, ...rest } = getAccordionProps(_props);
     const rootRef = useRef(null);
@@ -22,15 +22,15 @@ export const Accordion = (_props) => {
     }, [setOpen, onOpenChangeCallback]);
     const css = [
         {
-            width: "100%",
-            display: "flex",
-            flexDirection: "column",
+            width: '100%',
+            display: 'flex',
+            flexDirection: 'column',
         },
         xs?.css,
         {
-            [mediaQuery("sm")]: sm?.css,
-            [mediaQuery("md")]: md?.css,
-            [mediaQuery("lg")]: lg?.css,
+            [mediaQuery('sm')]: sm?.css,
+            [mediaQuery('md')]: md?.css,
+            [mediaQuery('lg')]: lg?.css,
         },
     ];
     const toggle = useCallback(() => {
@@ -50,16 +50,14 @@ export const Accordion = (_props) => {
             const target = records.at(0)?.target;
             if (isNil(target))
                 return;
-            const nextOpen = target.getAttribute(AccordionDataAttributes.OpenState) ===
-                Booleanish.True;
+            const nextOpen = target.getAttribute(AccordionDataAttributes.OpenState) === Booleanish.True;
             onOpenChange(nextOpen);
             if (nextOpen && target.parentElement) {
                 const { openMode } = getAccordionGroupDataAttributes(target.parentElement);
                 switch (openMode) {
-                    case "single":
+                    case 'single':
                         for (const child of target.parentElement.children) {
-                            if (child !== target &&
-                                getAccordionDataAttributes(child).openState) {
+                            if (child !== target && getAccordionDataAttributes(child).openState) {
                                 child.setAttribute(AccordionDataAttributes.OpenState, Booleanish.False);
                             }
                         }

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

@@ -1,4 +1,4 @@
-import { AccordionProps } from './types';
+import { AccordionProps } from './types.js';
 export type AccordionContextValue = {
     open: boolean;
     toggle: () => void;

package/dist/lib/accordion/accordion/helpers.js

@@ -1,7 +1,7 @@
 import { createContext, useContext } from 'react';
-import { AccordionDataAttributes } from './types';
-import { Booleanish } from '../../../constants';
-import { mergeComponentProps } from '../../../utils';
+import { AccordionDataAttributes } from './types.js';
+import { Booleanish } from '../../../constants/index.js';
+import { mergeComponentProps } from '../../../utils/index.js';
 export const AccordionContext = createContext({});
 export const useAccordionContext = () => useContext(AccordionContext);
 export const getAccordionDataAttributes = (element) => {

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

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

package/dist/lib/accordion/accordion/index.js

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

package/dist/lib/accordion/accordion/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 declare enum AccordionDataAttributes {
     OpenState = "data-open"
 }

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

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

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

@@ -1,10 +1,10 @@
 /** @jsxImportSource @emotion/react */
 import { useRef } from 'react';
 import { motion } from 'motion/react';
-import { getAccordionContentProps } from './helpers';
-import { useAccordionContext } from '../accordion/helpers';
-import { useAccordionGroupContext } from '../accordion-group';
-import { mediaQuery } from '../../../theme';
+import { getAccordionContentProps } from './helpers.js';
+import { useAccordionContext } from '../accordion/helpers.js';
+import { useAccordionGroupContext } from '../accordion-group/index.js';
+import { mediaQuery } from '../../../theme/index.js';
 export const AccordionContent = ({ children, ref, ..._props }) => {
     const { accordionContentProps: accordionContentPropsByGroup = {} } = useAccordionGroupContext();
     const { xs, sm, md, lg, containerProps, ...props } = getAccordionContentProps(accordionContentPropsByGroup, _props);

package/dist/lib/accordion/accordion-content/helpers.d.ts

@@ -1,2 +1,2 @@
-import { AccordionContentProps } from './types';
+import { AccordionContentProps } from './types.js';
 export declare const getAccordionContentProps: (...extended: Partial<AccordionContentProps>[]) => AccordionContentProps;

package/dist/lib/accordion/accordion-content/helpers.js

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { JSX } from 'react';
 import { HTMLMotionProps } from 'motion/react';
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types/index.js';
 interface AccordionContentExtendedProps extends ResponsiveDesign<PropsWithCSS> {
     children?: React.ReactNode;
     containerProps?: HTMLMotionProps<'div'>;

package/dist/lib/accordion/accordion-group/accordion-group.d.ts

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

package/dist/lib/accordion/accordion-group/{accordion-group.jsx → accordion-group.js}

@@ -1,9 +1,9 @@
 /** @jsxImportSource @emotion/react */
 import { forwardRef, useMemo, useRef } from 'react';
 import { useMergeRefs } from '@floating-ui/react';
-import { AccordionGroupContext, getAccordionGroupProps } from './helpers';
-import { AccordionGroupDataAttributes } from './types';
-import { mediaQuery } from '../../../theme';
+import { AccordionGroupContext, getAccordionGroupProps } from './helpers.js';
+import { AccordionGroupDataAttributes } from './types.js';
+import { mediaQuery } from '../../../theme/index.js';
 export const AccordionGroup = forwardRef((_props, ref) => {
     const { children, xs, sm, md, lg, openMode = 'multiple', accordionSummaryProps, accordionContentProps, ...rest } = getAccordionGroupProps(_props);
     const rootEl = useRef(null);

package/dist/lib/accordion/accordion-group/helpers.d.ts

@@ -1,12 +1,12 @@
-import { AccordionGroupOpenMode, AccordionGroupProps } from './types';
-import { Nullable } from '../../../types';
+import { AccordionGroupOpenMode, AccordionGroupProps } from './types.js';
+import { Nullable } from '../../../types/index.js';
 export declare const AccordionGroupContext: import("react").Context<Partial<{
-    accordionSummaryProps?: Partial<import("..").AccordionSummaryProps>;
-    accordionContentProps?: Partial<import("..").AccordionContentProps>;
+    accordionSummaryProps?: Partial<import("../index.js").AccordionSummaryProps>;
+    accordionContentProps?: Partial<import("../index.js").AccordionContentProps>;
 }>>;
 export declare const useAccordionGroupContext: () => Partial<{
-    accordionSummaryProps?: Partial<import("..").AccordionSummaryProps>;
-    accordionContentProps?: Partial<import("..").AccordionContentProps>;
+    accordionSummaryProps?: Partial<import("../index.js").AccordionSummaryProps>;
+    accordionContentProps?: Partial<import("../index.js").AccordionContentProps>;
 }>;
 export declare const getAccordionGroupDataAttributes: (element: HTMLElement) => {
     openMode: Nullable<AccordionGroupOpenMode>;

package/dist/lib/accordion/accordion-group/helpers.js

@@ -1,6 +1,6 @@
 import { createContext, useContext } from 'react';
-import { AccordionGroupDataAttributes, } from './types';
-import { mergeComponentProps } from '../../../utils';
+import { AccordionGroupDataAttributes, } from './types.js';
+import { mergeComponentProps } from '../../../utils/index.js';
 export const AccordionGroupContext = createContext({});
 export const useAccordionGroupContext = () => useContext(AccordionGroupContext);
 export const getAccordionGroupDataAttributes = (element) => {

package/dist/lib/accordion/accordion-group/index.d.ts

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

package/dist/lib/accordion/accordion-group/index.js

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

package/dist/lib/accordion/accordion-group/types.d.ts

@@ -1,7 +1,7 @@
 import { JSX } from 'react';
-import { AccordionContentProps } from '../accordion-content';
-import { AccordionSummaryProps } from '../accordion-summary';
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
+import { AccordionContentProps } from '../accordion-content/index.js';
+import { AccordionSummaryProps } from '../accordion-summary/index.js';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types/index.js';
 export type AccordionGroupOpenMode = 'single' | 'multiple';
 export type AccordionGroupContextValue = Partial<{
     accordionSummaryProps?: Partial<AccordionSummaryProps>;

package/dist/lib/accordion/accordion-summary/accordion-summary.d.ts

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

package/dist/lib/accordion/accordion-summary/{accordion-summary.jsx → accordion-summary.js}

@@ -1,9 +1,9 @@
-import { getAccordionSummaryProps } from './helpers';
-import { Icon } from '../../icon';
-import { useAccordionContext } from '../accordion/helpers';
-import { useAccordionGroupContext } from '../accordion-group';
-import { Booleanish } from '../../../constants';
-import { mediaQuery } from '../../../theme';
+import { getAccordionSummaryProps } from './helpers.js';
+import { Icon } from '../../icon/index.js';
+import { useAccordionContext } from '../accordion/helpers.js';
+import { useAccordionGroupContext } from '../accordion-group/index.js';
+import { Booleanish } from '../../../constants/index.js';
+import { mediaQuery } from '../../../theme/index.js';
 const ExpandIcon = ({ source, position, xs, sm, md, lg }) => {
     const { open } = useAccordionContext();
     const sourceString = open ? source.expanded : source.collapsed;

package/dist/lib/accordion/accordion-summary/helpers.d.ts

@@ -1,2 +1,2 @@
-import { AccordionSummaryProps } from './types';
+import { AccordionSummaryProps } from './types.js';
 export declare const getAccordionSummaryProps: (...extended: Partial<AccordionSummaryProps>[]) => AccordionSummaryProps;

package/dist/lib/accordion/accordion-summary/helpers.js

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

package/dist/lib/accordion/accordion-summary/index.d.ts

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

package/dist/lib/accordion/accordion-summary/index.js

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

package/dist/lib/accordion/accordion-summary/types.d.ts

@@ -1,6 +1,6 @@
 import { JSX } from 'react';
-import { IconResponsiveProps } from '../../icon';
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
+import { IconResponsiveProps } from '../../icon/index.js';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types/index.js';
 export declare enum AccordionSummaryVariant {
     EndArrow = "end-arrow",
     EndPlusMinus = "end-plus-minus"

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

@@ -1,4 +1,4 @@
-export * from './accordion-group';
-export * from './accordion';
-export * from './accordion-summary';
-export * from './accordion-content';
+export * from './accordion-group/index.js';
+export * from './accordion/index.js';
+export * from './accordion-summary/index.js';
+export * from './accordion-content/index.js';

package/dist/lib/accordion/index.js

@@ -1,4 +1,4 @@
-export * from './accordion-group';
-export * from './accordion';
-export * from './accordion-summary';
-export * from './accordion-content';
+export * from './accordion-group/index.js';
+export * from './accordion/index.js';
+export * from './accordion-summary/index.js';
+export * from './accordion-content/index.js';

package/dist/lib/badge/badge.d.ts

@@ -1,4 +1,4 @@
 export declare const Badge: import("react").ForwardRefExoticComponent<{
     badgeContent?: number | string;
-    color?: import("../../types").ColorVariant;
+    color?: import("../../types/index.js").ColorVariant;
 } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "color"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,8 @@
 /** @jsxImportSource @emotion/react */
 import { forwardRef } from 'react';
 import { isNumber } from 'lodash-es';
-import { getBadgeProps } from './helpers';
-import { getColorShadesByVariant } from '../../utils';
+import { getBadgeProps } from './helpers.js';
+import { getColorShadesByVariant } from '../../utils/index.js';
 export const Badge = forwardRef((_props, ref) => {
     const { children, badgeContent, color = 'primary', ...rest } = getBadgeProps(_props);
     const { main } = getColorShadesByVariant(color);

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

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

package/dist/lib/badge/helpers.js

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

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

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

package/dist/lib/badge/index.js

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

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-import { ColorVariant } from '../../types';
+import { ColorVariant } from '../../types/index.js';
 export type BadgeProps = {
     badgeContent?: number | string;
     color?: ColorVariant;

package/dist/lib/box/box.d.ts

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

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

@@ -1,6 +1,6 @@
-import { getBoxProps } from './helpers';
-import { containerStyle } from '../../constants/emotion';
-import { mediaQuery } from '../../theme';
+import { getBoxProps } from './helpers.js';
+import { containerStyle } from '../../constants/emotion.js';
+import { mediaQuery } from '../../theme/index.js';
 export const Box = ({ children, container, ref, ..._props }) => {
     const { xs, sm, md, lg, ...rest } = getBoxProps(_props);
     const css = [

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

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

package/dist/lib/box/helpers.js

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

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

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