@janbox/storefront-ui 1.0.20 → 1.0.22

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

@@ -1,7 +1,7 @@
 /** @jsxImportSource @emotion/react */
 import { forwardRef } from 'react';
-import { Step } from './step';
-import { Progress } from '../progress';
+import { Step } from './step.js';
+import { Progress } from '../progress/index.js';
 const maxPercent = 100;
 export const Stepper = forwardRef((props, ref) => {
     const { direction = 'horizontal', className, items, activeIndex = 0, circleSize = 32, ...rest } = props;

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

@@ -1,5 +1,5 @@
 import { ReactNode, JSX } from 'react';
-import { ProgressDirection } from '../../types';
+import { ProgressDirection } from '../../types/index.js';
 export declare const states: {
     done: string;
     active: string;

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

@@ -1,3 +1,3 @@
-export * from './swiper';
-export * from './swiper-slide';
-export * from './swiper-dots-paging';
+export * from './swiper/index.js';
+export * from './swiper-slide/index.js';
+export * from './swiper-dots-paging/index.js';

package/dist/lib/swiper/index.js

@@ -1,3 +1,3 @@
-export * from './swiper';
-export * from './swiper-slide';
-export * from './swiper-dots-paging';
+export * from './swiper/index.js';
+export * from './swiper-slide/index.js';
+export * from './swiper-dots-paging/index.js';

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

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

package/dist/lib/swiper/swiper/helpers.js

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

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

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

package/dist/lib/swiper/swiper/index.js

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

package/dist/lib/swiper/swiper/swiper.d.ts

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

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

@@ -5,9 +5,9 @@ import Autoplay from 'embla-carousel-autoplay';
 import useEmblaCarousel from 'embla-carousel-react';
 import { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures';
 import { isNumber } from 'lodash-es';
-import { getSwiperProps } from './helpers';
-import { SwiperDotsPaging } from '../swiper-dots-paging';
-import { mediaQuery } from '../../../theme';
+import { getSwiperProps } from './helpers.js';
+import { SwiperDotsPaging } from '../swiper-dots-paging/index.js';
+import { mediaQuery } from '../../../theme/index.js';
 const SWIPER_SLIDE_GAP_VAR_NAME = '--slice-gap';
 const SWIPER_SLIDE_GAP_VAR = `var(${SWIPER_SLIDE_GAP_VAR_NAME}, 0px)`;
 export const Swiper = ({ children, onApi, ref, ..._props }) => {

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

@@ -2,8 +2,8 @@ import { JSX } from 'react';
 import { AutoplayOptionsType } from 'embla-carousel-autoplay';
 import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
 export type SwiperOptions = Parameters<typeof useEmblaCarousel>[0];
-import { SwiperDotsPagingProps } from '../swiper-dots-paging/types';
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
+import { SwiperDotsPagingProps } from '../swiper-dots-paging/types.js';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types/index.js';
 export type SwiperApi = UseEmblaCarouselType[1];
 export interface SwiperResponsiveProps extends PropsWithCSS {
     slidesPerView?: number | 'auto';

package/dist/lib/swiper/swiper-dots-paging/index.d.ts

@@ -1 +1 @@
-export * from './swiper-dots-paging';
+export * from './swiper-dots-paging.js';

package/dist/lib/swiper/swiper-dots-paging/index.js

@@ -1 +1 @@
-export * from './swiper-dots-paging';
+export * from './swiper-dots-paging.js';

package/dist/lib/swiper/swiper-dots-paging/swiper-dots-paging.d.ts

@@ -1,2 +1,2 @@
-import { SwiperDotsPagingProps } from './types';
+import { SwiperDotsPagingProps } from './types.js';
 export declare const SwiperDotsPaging: ({ api, size, spaceBetween, colorVariant, }: SwiperDotsPagingProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/swiper/swiper-dots-paging/{swiper-dots-paging.jsx → swiper-dots-paging.js}

@@ -2,7 +2,7 @@
 import { useEffect, useState } from 'react';
 import { times } from 'lodash-es';
 import { motion } from 'motion/react';
-import { getColorShadesByVariant } from '../../../utils';
+import { getColorShadesByVariant } from '../../../utils/index.js';
 export const SwiperDotsPaging = ({ api, size = 12, spaceBetween = 4, colorVariant = 'primary', }) => {
     const [inViewIndexes, setInViewIndexes] = useState(api?.slidesInView() ?? []);
     const [totalSlides, setTotalSlides] = useState(api?.slideNodes().length ?? 0);

package/dist/lib/swiper/swiper-dots-paging/types.d.ts

@@ -1,5 +1,5 @@
-import { SwiperApi } from '../swiper/types';
-import { ColorVariant } from '../../../types';
+import { SwiperApi } from '../swiper/types.js';
+import { ColorVariant } from '../../../types/index.js';
 export type SwiperDotsPagingProps = {
     api?: SwiperApi;
     size?: number;

package/dist/lib/swiper/swiper-slide/index.d.ts

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

package/dist/lib/swiper/swiper-slide/index.js

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

package/dist/lib/swiper/swiper-slide/swiper-slide.d.ts

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

package/dist/lib/swiper/swiper-slide/{swiper-slide.jsx → swiper-slide.js}

@@ -1,4 +1,4 @@
-import { mediaQuery } from '../../../theme';
+import { mediaQuery } from '../../../theme/index.js';
 export const SwiperSlide = ({ xs, sm, md, lg, ...props }) => {
     const css = [
         {

package/dist/lib/swiper/swiper-slide/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';
 interface SwiperSlideExtendedProps extends ResponsiveDesign<PropsWithCSS> {
 }
 export type SwiperSlideProps = ShallowMerge<JSX.IntrinsicElements['div'], SwiperSlideExtendedProps>;

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

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

package/dist/lib/switch/index.js

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

package/dist/lib/switch/switch.d.ts

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

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

@@ -1,7 +1,7 @@
 import { useRef } from 'react';
 import { useMergeRefs } from '@floating-ui/react';
 import classes from './switch.module.scss';
-import { cn } from '../../utils';
+import { cn } from '../../utils/index.js';
 export const Switch = ({ children, className, ref, ...props }) => {
     const inputRef = useRef(null);
     const mergedRefs = useMergeRefs([ref, inputRef]);

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

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { ColorVariant, ShallowMerge } from '../../types';
+import { ColorVariant, ShallowMerge } from '../../types/index.js';
 export type SwitchProps = ShallowMerge<JSX.IntrinsicElements['input'], {
     color?: ColorVariant;
 }>;

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

@@ -1,8 +1,8 @@
-export * from './table';
-export * from './table-body';
-export * from './table-head';
-export * from './table-head';
-export * from './table-body';
-export * from './table-row';
-export * from './table-cell';
-export * from './table-footer';
+export * from './table/index.js';
+export * from './table-body/index.js';
+export * from './table-head/index.js';
+export * from './table-head/index.js';
+export * from './table-body/index.js';
+export * from './table-row/index.js';
+export * from './table-cell/index.js';
+export * from './table-footer/index.js';

package/dist/lib/table/index.js

@@ -1,8 +1,8 @@
-export * from './table';
-export * from './table-body';
-export * from './table-head';
-export * from './table-head';
-export * from './table-body';
-export * from './table-row';
-export * from './table-cell';
-export * from './table-footer';
+export * from './table/index.js';
+export * from './table-body/index.js';
+export * from './table-head/index.js';
+export * from './table-head/index.js';
+export * from './table-body/index.js';
+export * from './table-row/index.js';
+export * from './table-cell/index.js';
+export * from './table-footer/index.js';

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

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

package/dist/lib/table/table/index.js

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

package/dist/lib/table/table/table.d.ts

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

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

@@ -1,4 +1,4 @@
-import { getColorVar } from '../../../theme';
+import { getColorVar } from '../../../theme/index.js';
 export const Table = ({ children, ...props }) => {
     return (<table css={{
             width: '100%',

package/dist/lib/table/table-body/index.d.ts

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

package/dist/lib/table/table-body/index.js

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

package/dist/lib/table/table-body/table-body.d.ts

@@ -1,2 +1,2 @@
-import { TableBodyProps } from './types';
+import { TableBodyProps } from './types.js';
 export declare const TableBody: ({ xs, sm, md, lg, children, ref, ...props }: TableBodyProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/table/table-body/{table-body.jsx → table-body.js}

@@ -1,5 +1,5 @@
 /** @jsxImportSource @emotion/react */
-import { getColorVar, mediaQuery } from '../../../theme';
+import { getColorVar, mediaQuery } from '../../../theme/index.js';
 export const TableBody = ({ xs, sm, md, lg, children, ref, ...props }) => {
     return (<tbody css={[
             {

package/dist/lib/table/table-body/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 TableBodyProps = ShallowMerge<JSX.IntrinsicElements['tbody'], ResponsiveDesign<PropsWithCSS>>;

package/dist/lib/table/table-cell/index.d.ts

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

package/dist/lib/table/table-cell/index.js

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

package/dist/lib/table/table-cell/table-cell.d.ts

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

package/dist/lib/table/table-footer/index.d.ts

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

package/dist/lib/table/table-footer/index.js

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

package/dist/lib/table/table-footer/table-footer.d.ts

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

package/dist/lib/table/table-head/index.d.ts

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

package/dist/lib/table/table-head/index.js

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

package/dist/lib/table/table-head/table-head.d.ts

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

package/dist/lib/table/table-head/{table-head.jsx → table-head.js}

@@ -1,4 +1,4 @@
-import { getColorVar, mediaQuery } from '../../../theme';
+import { getColorVar, mediaQuery } from '../../../theme/index.js';
 export const TableHead = ({ xs, sm, md, lg, children, ...props }) => {
     return (<thead css={[
             {

package/dist/lib/table/table-head/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 TableHeadProps = ShallowMerge<JSX.IntrinsicElements['thead'], ResponsiveDesign<PropsWithCSS>>;

package/dist/lib/table/table-row/index.d.ts

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

package/dist/lib/table/table-row/index.js

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

package/dist/lib/table/table-row/table-row.d.ts

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

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

@@ -1,5 +1,5 @@
-export * from './tabs';
-export * from './tab-list';
-export * from './tab';
-export * from './tab-content';
-export * from './tab-panel';
+export * from './tabs/index.js';
+export * from './tab-list/index.js';
+export * from './tab/index.js';
+export * from './tab-content/index.js';
+export * from './tab-panel/index.js';

package/dist/lib/tabs/index.js

@@ -1,5 +1,5 @@
-export * from './tabs';
-export * from './tab-list';
-export * from './tab';
-export * from './tab-content';
-export * from './tab-panel';
+export * from './tabs/index.js';
+export * from './tab-list/index.js';
+export * from './tab/index.js';
+export * from './tab-content/index.js';
+export * from './tab-panel/index.js';

package/dist/lib/tabs/tab/index.d.ts

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

package/dist/lib/tabs/tab/index.js

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

package/dist/lib/tabs/tab/tab.d.ts

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

package/dist/lib/tabs/tab/{tab.jsx → tab.js}

@@ -1,5 +1,5 @@
-import { Button, useTabIndexContext, useTabsContext } from '../../..';
-import { mergeComponentProps } from '../../../utils';
+import { Button, useTabIndexContext, useTabsContext } from '../../../index.js';
+import { mergeComponentProps } from '../../../utils/index.js';
 export const Tab = ({ children, ref, ..._props }) => {
     const { focusTab, activeIndex, tabProps: defaultTabProps = {}, preventActiveTabChange } = useTabsContext();
     const { color, states, ...rest } = mergeComponentProps(defaultTabProps, _props);

package/dist/lib/tabs/tab/types.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps, ButtonSizeVariant } from '../../button';
-import { ResponsiveDesign, ShallowMerge } from '../../../types';
+import { ButtonProps, ButtonSizeVariant } from '../../button/index.js';
+import { ResponsiveDesign, ShallowMerge } from '../../../types/index.js';
 export type TabState = 'active';
 export interface TabResponsiveProps {
     size?: ButtonSizeVariant;

package/dist/lib/tabs/tab-content/index.d.ts

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

package/dist/lib/tabs/tab-content/index.js

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

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

@@ -1,7 +1,7 @@
 /** @jsxImportSource @emotion/react */
 import { forwardRef } from 'react';
-import { useTabsContext } from '../tabs';
-import { flattenChildren } from '../../../utils';
+import { useTabsContext } from '../tabs/index.js';
+import { flattenChildren } from '../../../utils/index.js';
 export const TabContent = forwardRef(({ children, ...rest }, ref) => {
     const { activeIndex } = useTabsContext();
     const flattenedChildren = flattenChildren(children);

package/dist/lib/tabs/tab-indicator/index.d.ts

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

package/dist/lib/tabs/tab-indicator/index.js

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

package/dist/lib/tabs/tab-indicator/{tab-indicator.jsx → tab-indicator.js}

@@ -1,8 +1,8 @@
 /** @jsxImportSource @emotion/react */
 import { useEffect, useRef, useState } from 'react';
 import { motion } from 'motion/react';
-import { useTabsContext } from '../tabs';
-import { mediaQuery } from '../../../theme';
+import { useTabsContext } from '../tabs/index.js';
+import { mediaQuery } from '../../../theme/index.js';
 export const TabIndicator = () => {
     const { activeIndex, tabIndicatorProps } = useTabsContext();
     const indicatorEl = useRef(null);

package/dist/lib/tabs/tab-indicator/types.d.ts

@@ -1,3 +1,3 @@
-import { PropsWithCSS, ResponsiveDesign } from "../../../types";
+import { PropsWithCSS, ResponsiveDesign } from "../../../types/index.js";
 export type TabIndicatorResponsiveProps = PropsWithCSS;
 export type TabIndicatorProps = ResponsiveDesign<TabIndicatorResponsiveProps>;

package/dist/lib/tabs/tab-list/helpers.d.ts

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

package/dist/lib/tabs/tab-list/helpers.js

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

package/dist/lib/tabs/tab-list/index.d.ts

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

package/dist/lib/tabs/tab-list/index.js

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

package/dist/lib/tabs/tab-list/tab-list.d.ts

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

package/dist/lib/tabs/tab-list/{tab-list.jsx → tab-list.js}

@@ -1,9 +1,9 @@
-import { getTabListProps } from './helpers';
-import { TabIndexContext } from '../tab/helpers';
-import { TabIndicator } from '../tab-indicator';
-import { mediaQuery } from '../../../theme';
-import { flattenChildren } from '../../../utils';
-import { scrollbarNoneStyle } from '../../../constants/emotion';
+import { getTabListProps } from './helpers.js';
+import { TabIndexContext } from '../tab/helpers.js';
+import { TabIndicator } from '../tab-indicator/index.js';
+import { mediaQuery } from '../../../theme/index.js';
+import { flattenChildren } from '../../../utils/index.js';
+import { scrollbarNoneStyle } from '../../../constants/emotion.js';
 export const TabList = ({ ref, children, ..._props }) => {
     const { xs, sm, md, lg, ...props } = getTabListProps(_props);
     const css = [

package/dist/lib/tabs/tab-list/types.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { PropsWithCSS, ResponsiveDesign } from '../../../types';
+import { PropsWithCSS, ResponsiveDesign } from '../../../types/index.js';
 type TabListHTMLProps = Omit<JSX.IntrinsicElements['div'], 'is'>;
 export interface TabListExtendedProps extends ResponsiveDesign<PropsWithCSS> {
 }

package/dist/lib/tabs/tab-panel/helpers.d.ts

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

package/dist/lib/tabs/tab-panel/helpers.js

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

package/dist/lib/tabs/tab-panel/index.d.ts

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

package/dist/lib/tabs/tab-panel/index.js

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

package/dist/lib/tabs/tab-panel/tab-panel.d.ts

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