@janbox/storefront-ui 1.0.19 → 1.0.21

package/dist/lib/floating/floating/floating.jsx

@@ -1,6 +1,6 @@
 import { forwardRef, useImperativeHandle, useMemo } from 'react';
 import { autoUpdate, flip, FloatingTree, offset, size, useClick, useDismiss, useFloating, useFloatingParentNodeId, useFocus, useHover, useInteractions, useRole, } from '@floating-ui/react';
-import { FloatingContext } from './helpers';
+import { FloatingContext } from './helpers.js';
 const FloatingCore = forwardRef(({ open, placement = 'bottom', onOpenChange, dismissProps = {
     enabled: false,
 }, children, clickProps = {

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

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

package/dist/lib/floating/floating/index.js

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

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

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

package/dist/lib/floating/floating-close/floating-close.jsx

@@ -1,8 +1,8 @@
 /** @jsxImportSource @emotion/react */
 import { forwardRef, useEffect, useRef } from 'react';
 import { useMergeRefs } from '@floating-ui/react';
-import { useFloatingContext } from '../floating/helpers';
-import { cn } from '../../../utils';
+import { useFloatingContext } from '../floating/helpers.js';
+import { cn } from '../../../utils/index.js';
 export const FloatingClose = forwardRef(({ event = 'click', reason, className, ...props }, ref) => {
     const wrapperRef = useRef(null);
     const { context: { onOpenChange }, } = useFloatingContext();

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { JSX } from 'react';
 import { OpenChangeReason } from '@floating-ui/react';
-import { ShallowMerge } from '../../../types';
+import { ShallowMerge } from '../../../types/index.js';
 export type FloatingCloseProps = ShallowMerge<JSX.IntrinsicElements['div'], {
     event?: keyof HTMLElementEventMap;
     reason?: OpenChangeReason;

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

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

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

@@ -1,9 +1,9 @@
 import { forwardRef } from 'react';
 import { FloatingFocusManager, FloatingOverlay, FloatingPortal, useMergeRefs } from '@floating-ui/react';
 import { AnimatePresence, motion } from 'motion/react';
-import { useFloatingContext } from '../floating/helpers';
-import { FLOATING_Z_INDEX } from '../../../theme';
-import { useIsHydrated } from '../../../hooks/use-is-hydrated';
+import { useFloatingContext } from '../floating/helpers.js';
+import { FLOATING_Z_INDEX } from '../../../theme/index.js';
+import { useIsHydrated } from '../../../hooks/use-is-hydrated/index.js';
 export const FloatingContent = forwardRef(({ style, floatingPortalProps, floatingFocusManagerProps, floatingOverlayProps, ...props }, ref) => {
     const { getFloatingProps, context } = useFloatingContext();
     const mergedRefs = useMergeRefs([context.refs.setFloating, ref]);

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { ComponentProps, HTMLProps } from 'react';
 import { Interpolation } from '@emotion/react';
 import type { FloatingFocusManager, FloatingOverlay, FloatingPortal } from '@floating-ui/react';
-import { ShallowMerge } from '../../../types';
+import { ShallowMerge } from '../../../types/index.js';
 export type FloatingContentProps = ShallowMerge<HTMLProps<HTMLDivElement>, {
     floatingPortalProps?: Partial<ComponentProps<typeof FloatingPortal>>;
     floatingOverlayProps?: Partial<ShallowMerge<ComponentProps<typeof FloatingOverlay>, {

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

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

package/dist/lib/floating/floating-trigger/floating-trigger.jsx

@@ -1,7 +1,7 @@
 import { cloneElement, isValidElement } from 'react';
 import { useMergeRefs } from '@floating-ui/react';
 import { get, isFunction } from 'lodash-es';
-import { useFloatingContext } from '../floating/helpers';
+import { useFloatingContext } from '../floating/helpers.js';
 export const FloatingTrigger = ({ children }) => {
     const { getReferenceProps, context } = useFloatingContext();
     const mergedRefs = useMergeRefs([

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

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

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

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

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

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

package/dist/lib/floating/index.js

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

package/dist/lib/form-helper-text/form-helper-text.d.ts

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

package/dist/lib/form-helper-text/form-helper-text.jsx

@@ -1,4 +1,4 @@
-import { getTypographyVar, getColorVar } from '../../theme';
+import { getTypographyVar, getColorVar } from '../../theme/index.js';
 export const FormHelperText = ({ error, children, ...props }) => {
     return (<p css={{
             paddingLeft: 16,

package/dist/lib/form-helper-text/index.d.ts

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

package/dist/lib/form-helper-text/index.js

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

package/dist/lib/form-helper-text/types.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { ShallowMerge } from '../../types';
+import { ShallowMerge } from '../../types/index.js';
 export type FormHelperTextProps = ShallowMerge<JSX.IntrinsicElements['p'], {
     error?: boolean;
 }>;

package/dist/lib/form-label/form-label.d.ts

@@ -1,6 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import { JSX } from 'react';
-import { ShallowMerge } from '../../types';
+import { ShallowMerge } from '../../types/index.js';
 export type FormLabelProps = ShallowMerge<JSX.IntrinsicElements['div'], {
     required?: boolean;
 }>;

package/dist/lib/form-label/form-label.jsx

@@ -1,5 +1,5 @@
 import { isString } from 'lodash-es';
-import { getColorVar, mediaQuery } from '../../theme';
+import { getColorVar, mediaQuery } from '../../theme/index.js';
 export const FormLabel = ({ required, children, ...props }) => {
     return (<div css={{
             marginBottom: '0.375rem',

package/dist/lib/form-label/index.d.ts

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

package/dist/lib/form-label/index.js

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

package/dist/lib/grid/cell/cell.d.ts

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

package/dist/lib/grid/cell/cell.jsx

@@ -1,6 +1,6 @@
 import { isNumber } from 'lodash-es';
-import { getCellProps } from './helpers';
-import { mediaQuery } from '../../../theme';
+import { getCellProps } from './helpers.js';
+import { mediaQuery } from '../../../theme/index.js';
 export const Cell = ({ children, ref, ..._props }) => {
     const { xs, sm, md, lg, ...rest } = getCellProps(_props);
     const css = [

package/dist/lib/grid/cell/helpers.d.ts

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

package/dist/lib/grid/cell/helpers.js

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

package/dist/lib/grid/cell/index.d.ts

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

package/dist/lib/grid/cell/index.js

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

package/dist/lib/grid/cell/types.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { PropsWithCSS, ResponsiveDesign } from '../../../types';
+import { PropsWithCSS, ResponsiveDesign } from '../../../types/index.js';
 export interface CellResponsiveProps extends PropsWithCSS {
     colSpan?: number;
 }

package/dist/lib/grid/grid/grid.d.ts

@@ -1,4 +1,4 @@
-import { GridProps } from './types';
+import { GridProps } from './types.js';
 export declare const GRID_MINIMUM_COLS = 1;
 export declare const GRID_MAXIMUM_COLS = 24;
 export declare const Grid: ({ children, ref, ..._props }: GridProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/grid/grid/grid.jsx

@@ -1,7 +1,7 @@
 import { isNil } from 'lodash-es';
-import { getGridProps } from './helpers';
-import { mediaQuery } from '../../../theme';
-import { containerStyle } from '../../../constants/emotion';
+import { getGridProps } from './helpers.js';
+import { mediaQuery } from '../../../theme/index.js';
+import { containerStyle } from '../../../constants/emotion.js';
 export const GRID_MINIMUM_COLS = 1;
 export const GRID_MAXIMUM_COLS = 24;
 export const Grid = ({ children, ref, ..._props }) => {

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

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

package/dist/lib/grid/grid/helpers.js

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

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

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

package/dist/lib/grid/grid/index.js

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

package/dist/lib/grid/grid/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 GridResponsiveProps extends PropsWithCSS {
     cols?: number;
 }

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

@@ -1,2 +1,2 @@
-export * from './grid';
-export * from './cell';
+export * from './grid/index.js';
+export * from './cell/index.js';

package/dist/lib/grid/index.js

@@ -1,2 +1,2 @@
-export * from './grid';
-export * from './cell';
+export * from './grid/index.js';
+export * from './cell/index.js';

package/dist/lib/highlight-words/highlight-words.d.ts

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

package/dist/lib/highlight-words/highlight-words.jsx

@@ -1,7 +1,7 @@
 /** @jsxImportSource @emotion/react */
 import { Fragment } from 'react';
 import { findAll } from 'highlight-words-core';
-import { cn } from '../../utils';
+import { cn } from '../../utils/index.js';
 export const HighlightWords = ({ highlightClassName, ...props }) => {
     const chunks = findAll(props);
     return (<Fragment>

package/dist/lib/highlight-words/index.d.ts

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

package/dist/lib/highlight-words/index.js

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

package/dist/lib/highlight-words/types.d.ts

@@ -1,5 +1,5 @@
 import { FindAllArgs } from 'highlight-words-core';
-import { ShallowMerge } from '../../types';
+import { ShallowMerge } from '../../types/index.js';
 export type HighlightWordsProps = ShallowMerge<FindAllArgs, {
     highlightClassName?: string;
 }>;

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

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

package/dist/lib/icon/helpers.js

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

package/dist/lib/icon/icon.d.ts

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

package/dist/lib/icon/icon.jsx

@@ -1,6 +1,6 @@
-import { getIconProps } from './helpers';
-import { SvgLoader } from '../../components';
-import { mediaQuery } from '../../theme';
+import { getIconProps } from './helpers.js';
+import { SvgLoader } from '../../components/index.js';
+import { mediaQuery } from '../../theme/index.js';
 export const Icon = ({ children: _children, ref, ..._props }) => {
     const { source, xs, md, sm, lg, ...props } = getIconProps(_props);
     return (<SvgLoader source={source} {...props} css={[

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

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

package/dist/lib/icon/index.js

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

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

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

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

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

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

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

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

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

package/dist/lib/icon-button/icon-button.jsx

@@ -1,14 +1,14 @@
 /** @jsxImportSource @emotion/react */
 import { forwardRef, useRef } from 'react';
 import { useMergeRefs } from '@floating-ui/react';
-import { getIconButtonProps } from './helpers';
-import { useRippleEffect } from '../../hooks';
-import { cn, ensureBoolean } from '../../utils';
-import { Icon } from '../..';
+import { getIconButtonProps } from './helpers.js';
+import { useRippleEffect } from '../../hooks/index.js';
+import { cn, ensureBoolean } from '../../utils/index.js';
+import { Icon } from '../../index.js';
 import LoadingIcon from '../../assets/svg/loading-waiting.svg?raw';
-import { getColorVar, mediaQuery } from '../../theme';
-import { getColorShadesByVariant, getSizeVariantState, omitResponsiveProps } from '../../utils';
-import { animateSpinStyle } from '../../constants/emotion';
+import { getColorVar, mediaQuery } from '../../theme/index.js';
+import { getColorShadesByVariant, getSizeVariantState, omitResponsiveProps } from '../../utils/index.js';
+import { animateSpinStyle } from '../../constants/emotion.js';
 export const IconButton = forwardRef((_props, ref) => {
     const { color, variant, children, icon, isLoading, ...rest } = getIconButtonProps(_props);
     const { dark, light, main, contrastText, placeholder: placeholderColor, ariaDisabledSurface, ariaDisabledText, } = getColorShadesByVariant(color);

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { JSX } from "react";
-import { IconProps } from "../icon";
-import { ButtonVariant, ColorVariant, PropsWithCSS, ResponsiveDesign, SizeVariant, ShallowMerge } from "../../types";
+import { IconProps } from "../icon/index.js";
+import { ButtonVariant, ColorVariant, PropsWithCSS, ResponsiveDesign, SizeVariant, ShallowMerge } from "../../types/index.js";
 export type IconButtonResponsiveProps = PropsWithCSS<{
     size?: SizeVariant;
 }>;

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

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

package/dist/lib/image/helpers.js

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

package/dist/lib/image/image.d.ts

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

package/dist/lib/image/image.jsx

@@ -1,9 +1,9 @@
 /** @jsxImportSource @emotion/react */
 import { forwardRef, useMemo } from 'react';
 import { isString } from 'lodash-es';
-import { getImageProps } from './helpers';
-import { IMAGE_PLACEHOLDER } from '../../constants';
-import { mediaQuery } from '../../theme';
+import { getImageProps } from './helpers.js';
+import { IMAGE_PLACEHOLDER } from '../../constants/index.js';
+import { mediaQuery } from '../../theme/index.js';
 export const Image = forwardRef((_props, ref) => {
     const { xs, sm, md, lg, fallback = true, src, ...rest } = getImageProps(_props);
     const fallbackSrc = useMemo(() => {

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

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

package/dist/lib/image/index.js

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

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

@@ -1,5 +1,5 @@
 import { JSX } from "react";
-import { ResponsiveDesign, PropsWithCSS, ShallowMerge } from "../../types";
+import { ResponsiveDesign, PropsWithCSS, ShallowMerge } from "../../types/index.js";
 type ImageExtendedProps = {
     fallback?: string | boolean;
 } & ResponsiveDesign<PropsWithCSS>;