@janbox/storefront-ui 1.0.20 → 1.0.22

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.js';
+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 → dialog.js}

@@ -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={{

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

@@ -1,4 +1,4 @@
-import { DialogProps, DialogSize } from './types';
+import { DialogProps, DialogSize } from './types.js';
 export declare const getDialogProps: (extended: DialogProps) => DialogProps;
 export declare const getDialogSizeInNumber: (size?: DialogSize) => number | undefined;
-export declare const useDialogContext: () => import("../../floating").FloatingContextValue;
+export declare const useDialogContext: () => import("../../floating/index.js").FloatingContextValue;

package/dist/lib/dialog/dialog/helpers.js

@@ -1,7 +1,7 @@
 import { isString } from 'lodash-es';
-import { useFloatingContext } from '../../floating';
-import { breakpoint } from '../../../theme';
-import { mergeComponentProps } from '../../../utils';
+import { useFloatingContext } from '../../floating/index.js';
+import { breakpoint } from '../../../theme/index.js';
+import { mergeComponentProps } from '../../../utils/index.js';
 const defaultProps = {
     xs: {
         size: 'sm',

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

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

package/dist/lib/dialog/dialog/index.js

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

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

@@ -1,6 +1,6 @@
-import { FloatingProps } from '../../floating';
-import { type breakpoint } from '../../../theme';
-import { ResponsiveDesign, ShallowMerge } from '../../../types';
+import { FloatingProps } from '../../floating/index.js';
+import { type breakpoint } from '../../../theme/index.js';
+import { ResponsiveDesign, ShallowMerge } from '../../../types/index.js';
 export type DialogSize = keyof typeof breakpoint | number;
 export type DialogProps = ShallowMerge<FloatingProps, ResponsiveDesign<{
     size?: DialogSize;

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

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

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

@@ -1,5 +1,5 @@
-import { ScrollView } from '../../../components';
-import { mediaQuery } from '../../../theme';
+import { ScrollView } from '../../../components/index.js';
+import { mediaQuery } from '../../../theme/index.js';
 export const DialogBody = (props) => {
     return (<ScrollView css={{
             flex: '1 1 0%',

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

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

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

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

package/dist/lib/dialog/dialog-body/types.d.ts

@@ -1,3 +1,3 @@
-import { ScrollViewProps } from '../../../components';
-import { ShallowMerge } from '../../../types';
+import { ScrollViewProps } from '../../../components/index.js';
+import { ShallowMerge } from '../../../types/index.js';
 export type DialogBodyProps = ShallowMerge<ScrollViewProps, {}>;

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/lib/dialog/dialog-footer/{dialog-footer.jsx → dialog-footer.js}

@@ -1,4 +1,4 @@
-import { mediaQuery } from '../../../theme';
+import { mediaQuery } from '../../../theme/index.js';
 export const DialogFooter = (props) => {
     return (<div css={{
             display: 'flex',

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

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

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

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

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

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

package/dist/lib/dialog/dialog-header/{dialog-header.jsx → dialog-header.js}

@@ -1,7 +1,7 @@
-import { IconButton } from '../../icon-button';
-import { DialogClose } from '../dialog-close';
+import { IconButton } from '../../icon-button/index.js';
+import { DialogClose } from '../dialog-close/index.js';
 import CloseIcon from '../../../assets/svg/times-close-delete.svg?raw';
-import { getTypographyVar, mediaQuery } from '../../../theme';
+import { getTypographyVar, mediaQuery } from '../../../theme/index.js';
 export const DialogHeader = ({ children, closeable = true, ...props }) => {
     return (<div css={[
             {

package/dist/lib/dialog/dialog-header/index.d.ts

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

package/dist/lib/dialog/dialog-header/index.js

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

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

@@ -1,5 +1,5 @@
-export * from './dialog';
-export * from './dialog-body';
-export * from './dialog-close';
-export * from './dialog-footer';
-export * from './dialog-header';
+export * from './dialog/index.js';
+export * from './dialog-body/index.js';
+export * from './dialog-close/index.js';
+export * from './dialog-footer/index.js';
+export * from './dialog-header/index.js';

package/dist/lib/dialog/index.js

@@ -1,5 +1,5 @@
-export * from './dialog';
-export * from './dialog-body';
-export * from './dialog-close';
-export * from './dialog-footer';
-export * from './dialog-header';
+export * from './dialog/index.js';
+export * from './dialog-body/index.js';
+export * from './dialog-close/index.js';
+export * from './dialog-footer/index.js';
+export * from './dialog-header/index.js';

package/dist/lib/drawer/drawer/drawer.d.ts

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

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

@@ -1,8 +1,8 @@
 /** @jsxImportSource @emotion/react */
 import { useMemo } from 'react';
 import { motion } from 'motion/react';
-import { FLOATING_Z_INDEX } from '../../../theme';
-import { Floating, FloatingContent } from '../../..';
+import { FLOATING_Z_INDEX } from '../../../theme/index.js';
+import { Floating, FloatingContent } from '../../../index.js';
 export const Drawer = ({ children, placement = 'left', ...props }) => {
     const initial = useMemo(() => {
         switch (placement) {

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

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

package/dist/lib/drawer/drawer/helpers.js

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

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

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

package/dist/lib/drawer/drawer/index.js

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

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

@@ -1,6 +1,6 @@
 import { Placement } from '@floating-ui/react';
-import { FloatingProps } from '../../floating';
-import { ShallowMerge } from '../../../types';
+import { FloatingProps } from '../../floating/index.js';
+import { ShallowMerge } from '../../../types/index.js';
 export type DrawerPlacement = Extract<Placement, 'left' | 'right' | 'top' | 'bottom'>;
 export type DrawerProps = ShallowMerge<FloatingProps, {
     placement?: DrawerPlacement;

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-export * from './drawer';
-export * from './drawer-close';
+export * from './drawer/index.js';
+export * from './drawer-close/index.js';

package/dist/lib/drawer/index.js

@@ -1,2 +1,2 @@
-export * from './drawer';
-export * from './drawer-close';
+export * from './drawer/index.js';
+export * from './drawer-close/index.js';

package/dist/lib/filter-panel/checkbox-filter-panel.d.ts

@@ -1,2 +1,2 @@
-import { CheckboxFilterPanelProps } from './types';
+import { CheckboxFilterPanelProps } from './types.js';
 export declare const CheckboxFilterPanel: ({ value, options, inputSearchProps: _inputSearchProps, onChange, queryParam, name, listProps, }: CheckboxFilterPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/filter-panel/{checkbox-filter-panel.jsx → checkbox-filter-panel.js}

@@ -1,11 +1,11 @@
 /** @jsxImportSource @emotion/react */
 import { useMemo, useState } from 'react';
 import { trimStart } from 'lodash-es';
-import { Checkbox } from '../checkbox';
-import { Input } from '../input';
-import { VirtualizedList } from '../../components';
-import { useQueryParams } from '../../hooks';
-import { ArrayParamParser, matchSearch } from '../../utils';
+import { Checkbox } from '../checkbox/index.js';
+import { Input } from '../input/index.js';
+import { VirtualizedList } from '../../components/index.js';
+import { useQueryParams } from '../../hooks/index.js';
+import { ArrayParamParser, matchSearch } from '../../utils/index.js';
 const ROW_HEIGHT = 32;
 const DISPLAY_ROW_COUNT = 5;
 export const CheckboxFilterPanel = ({ value, options, inputSearchProps: _inputSearchProps, onChange, queryParam, name, listProps, }) => {

package/dist/lib/filter-panel/filter-panel.d.ts

@@ -1,2 +1,2 @@
-import { FilterPanelProps } from './types';
+import { FilterPanelProps } from './types.js';
 export declare const FilterPanel: ({ label, defaultOpen, ...props }: FilterPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/filter-panel/{filter-panel.jsx → filter-panel.js}

@@ -1,12 +1,12 @@
 /** @jsxImportSource @emotion/react */
 import { isValidElement } from 'react';
-import { useToggle } from '../../hooks/use-toggle';
-import { CheckboxFilterPanel } from './checkbox-filter-panel';
-import { InputRangeFilterPanel } from './input-range-filter-panel';
-import { InputTextFilterPanel } from './input-text-filter-panel';
-import { RadioFilterPanel } from './radio-filter-panel';
-import { Collapse } from '../collapse';
-import { Icon } from '../icon';
+import { useToggle } from '../../hooks/use-toggle/index.js';
+import { CheckboxFilterPanel } from './checkbox-filter-panel.js';
+import { InputRangeFilterPanel } from './input-range-filter-panel.js';
+import { InputTextFilterPanel } from './input-text-filter-panel.js';
+import { RadioFilterPanel } from './radio-filter-panel.js';
+import { Collapse } from '../collapse/index.js';
+import { Icon } from '../icon/index.js';
 import ArrowDownIcon from '../../assets/svg/arrow-down.svg?raw';
 export const FilterPanel = ({ label, defaultOpen = true, ...props }) => {
     const [open, toggle] = useToggle(defaultOpen);

package/dist/lib/filter-panel/index.d.ts

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

package/dist/lib/filter-panel/index.js

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

package/dist/lib/filter-panel/input-range-filter-panel.d.ts

@@ -1,2 +1,2 @@
-import { InputRangeFilterPanelProps } from './types';
+import { InputRangeFilterPanelProps } from './types.js';
 export declare const InputRangeFilterPanel: ({ value, queryParam, placeholder, onChange }: InputRangeFilterPanelProps) => import("react").JSX.Element;

package/dist/lib/filter-panel/{input-range-filter-panel.jsx → input-range-filter-panel.js}

@@ -1,7 +1,7 @@
-import { InputRange } from '../input-range';
-import { TYPING_DEBOUNCE } from '../../constants';
-import { useQueryParams } from '../../hooks';
-import { NumberParamParser } from '../../utils';
+import { InputRange } from '../input-range/index.js';
+import { TYPING_DEBOUNCE } from '../../constants/index.js';
+import { useQueryParams } from '../../hooks/index.js';
+import { NumberParamParser } from '../../utils/index.js';
 export const InputRangeFilterPanel = ({ value, queryParam, placeholder, onChange }) => {
     const { queryParams, setQueryParams } = useQueryParams({
         ...(queryParam?.from?.key

package/dist/lib/filter-panel/input-text-filter-panel.d.ts

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

package/dist/lib/filter-panel/{input-text-filter-panel.jsx → input-text-filter-panel.js}

@@ -1,7 +1,7 @@
 import { isString } from 'lodash-es';
-import { Input } from '../input';
-import { useQueryParams } from '../../hooks';
-import { StringParamParser } from '../../utils';
+import { Input } from '../input/index.js';
+import { useQueryParams } from '../../hooks/index.js';
+import { StringParamParser } from '../../utils/index.js';
 export const InputTextFilterPanel = ({ queryParam, fieldType: _fieldType, ...props }) => {
     const queryParamKey = queryParam?.key;
     const { queryParams, setQueryParams } = useQueryParams(queryParamKey

package/dist/lib/filter-panel/radio-filter-panel.d.ts

@@ -1,2 +1,2 @@
-import { RadioFilterPanelProps } from './types';
+import { RadioFilterPanelProps } from './types.js';
 export declare const RadioFilterPanel: ({ options, inputSearchProps: _inputSearchProps, value, onChange, queryParam, fallbackValue, }: RadioFilterPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,11 @@
 /** @jsxImportSource @emotion/react */
 import { useId, useMemo, useState } from 'react';
 import { isNil, trimStart } from 'lodash-es';
-import { Input } from '../input';
-import { RadioButton } from '../radio-button';
-import { VirtualizedList } from '../../components';
-import { useQueryParams } from '../../hooks';
-import { matchSearch, StringParamParser } from '../../utils';
+import { Input } from '../input/index.js';
+import { RadioButton } from '../radio-button/index.js';
+import { VirtualizedList } from '../../components/index.js';
+import { useQueryParams } from '../../hooks/index.js';
+import { matchSearch, StringParamParser } from '../../utils/index.js';
 const ROW_HEIGHT = 32;
 const DISPLAY_ROW_COUNT = 5;
 export const RadioFilterPanel = ({ options, inputSearchProps: _inputSearchProps, value, onChange, queryParam, fallbackValue, }) => {

package/dist/lib/filter-panel/types.d.ts

@@ -1,7 +1,7 @@
 import { JSX, ReactNode, PropsWithoutRef } from 'react';
-import { InputProps } from '../input';
-import { InputRangeProps } from '../input-range/types';
-import { ShallowMerge } from '../../types';
+import { InputProps } from '../input/index.js';
+import { InputRangeProps } from '../input-range/types.js';
+import { ShallowMerge } from '../../types/index.js';
 export type CheckboxFilterPanelProps = {
     fieldType: 'checkbox';
     queryParam?: {

package/dist/lib/flag/flag.d.ts

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

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

@@ -1,5 +1,5 @@
-import { getFlagProps } from './helpers';
-import { Image } from '../image';
+import { getFlagProps } from './helpers.js';
+import { Image } from '../image/index.js';
 import EarthIcon from '../../assets/svg/earth-home-world.svg?url';
 export const Flag = ({ ref, ..._props }) => {
     const { countryCode, fallback = EarthIcon, ...props } = getFlagProps(_props);

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

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

package/dist/lib/flag/helpers.js

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

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

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

package/dist/lib/flag/index.js

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

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

@@ -1,5 +1,5 @@
-import { ImageProps } from '../image';
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../types';
+import { ImageProps } from '../image/index.js';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../types/index.js';
 export type FlagExtendedProps = ResponsiveDesign<PropsWithCSS> & {
     countryCode?: string;
     fallback?: string;

package/dist/lib/flexbox/flex-item/flex-item.d.ts

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

package/dist/lib/flexbox/flex-item/{flex-item.jsx → flex-item.js}

@@ -1,5 +1,5 @@
-import { getFlexItemProps } from './helpers';
-import { mediaQuery } from '../../../theme';
+import { getFlexItemProps } from './helpers.js';
+import { mediaQuery } from '../../../theme/index.js';
 export const FlexItem = ({ children, ref, ...rest }) => {
     const { xs, sm, md, lg, ...props } = getFlexItemProps(rest);
     const css = [

package/dist/lib/flexbox/flex-item/helpers.d.ts

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

package/dist/lib/flexbox/flex-item/helpers.js

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

package/dist/lib/flexbox/flex-item/index.d.ts

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

package/dist/lib/flexbox/flex-item/index.js

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

package/dist/lib/flexbox/flex-item/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 interface FlexItemExtendedProps extends ResponsiveDesign<PropsWithCSS> {
 }
 export type FlexItemProps = ShallowMerge<JSX.IntrinsicElements['div'], FlexItemExtendedProps>;

package/dist/lib/flexbox/flexbox/flexbox.d.ts

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

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

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

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

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

package/dist/lib/flexbox/flexbox/helpers.js

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