@janbox/storefront-ui 1.0.20 → 1.0.22

package/dist/lib/index.d.ts

@@ -1,59 +1,59 @@
-export * from './grid';
-export * from './text';
-export * from './swiper';
-export * from './marquee';
-export * from './button';
-export * from './checkbox';
-export * from './accordion';
-export * from './image';
-export * from './input';
-export * from './textarea';
-export * from './select';
-export * from './popover';
-export * from './radio-button';
-export * from './linear-progress';
-export * from './highlight-words';
-export * from './menu';
-export * from './icon';
-export * from './flag';
-export * from './unordered-list';
-export * from './flexbox';
-export * from './tabs';
-export * from './swiper';
-export * from './floating';
-export * from './box';
-export * from './form-label';
-export * from './icon-button';
-export * from './container';
-export * from './star-rating';
-export * from './pagination';
-export * from './dialog';
-export * from './loading';
-export * from './link';
-export * from './count-up';
-export * from './nav-link';
-export * from './breadcrumbs';
-export * from './phone-input';
-export * from './form-helper-text';
-export * from './otp-input';
-export * from './notifications';
-export * from './countdown-timer';
-export * from './drawer';
-export * from './filter-panel';
-export * from './collapse';
-export * from './input-number';
-export * from './table';
-export * from './badge';
-export * from './switch';
-export * from './chip';
-export * from './stepper';
-export * from './progress';
-export * from './input-range';
-export * from './tooltip';
-export * from './multiple-select';
-export * from './date-picker';
-export * from './time-picker';
-export * from './video';
-export * from './lightbox';
-export * from './cascader';
-export * from './primitive';
+export * from './grid/index.js';
+export * from './text/index.js';
+export * from './swiper/index.js';
+export * from './marquee/index.js';
+export * from './button/index.js';
+export * from './checkbox/index.js';
+export * from './accordion/index.js';
+export * from './image/index.js';
+export * from './input/index.js';
+export * from './textarea/index.js';
+export * from './select/index.js';
+export * from './popover/index.js';
+export * from './radio-button/index.js';
+export * from './linear-progress/index.js';
+export * from './highlight-words/index.js';
+export * from './menu/index.js';
+export * from './icon/index.js';
+export * from './flag/index.js';
+export * from './unordered-list/index.js';
+export * from './flexbox/index.js';
+export * from './tabs/index.js';
+export * from './swiper/index.js';
+export * from './floating/index.js';
+export * from './box/index.js';
+export * from './form-label/index.js';
+export * from './icon-button/index.js';
+export * from './container/index.js';
+export * from './star-rating/index.js';
+export * from './pagination/index.js';
+export * from './dialog/index.js';
+export * from './loading/index.js';
+export * from './link/index.js';
+export * from './count-up/index.js';
+export * from './nav-link/index.js';
+export * from './breadcrumbs/index.js';
+export * from './phone-input/index.js';
+export * from './form-helper-text/index.js';
+export * from './otp-input/index.js';
+export * from './notifications/index.js';
+export * from './countdown-timer/index.js';
+export * from './drawer/index.js';
+export * from './filter-panel/index.js';
+export * from './collapse/index.js';
+export * from './input-number/index.js';
+export * from './table/index.js';
+export * from './badge/index.js';
+export * from './switch/index.js';
+export * from './chip/index.js';
+export * from './stepper/index.js';
+export * from './progress/index.js';
+export * from './input-range/index.js';
+export * from './tooltip/index.js';
+export * from './multiple-select/index.js';
+export * from './date-picker/index.js';
+export * from './time-picker/index.js';
+export * from './video/index.js';
+export * from './lightbox/index.js';
+export * from './cascader/index.js';
+export * from './primitive/index.js';

package/dist/lib/index.js

@@ -1,59 +1,59 @@
-export * from './grid';
-export * from './text';
-export * from './swiper';
-export * from './marquee';
-export * from './button';
-export * from './checkbox';
-export * from './accordion';
-export * from './image';
-export * from './input';
-export * from './textarea';
-export * from './select';
-export * from './popover';
-export * from './radio-button';
-export * from './linear-progress';
-export * from './highlight-words';
-export * from './menu';
-export * from './icon';
-export * from './flag';
-export * from './unordered-list';
-export * from './flexbox';
-export * from './tabs';
-export * from './swiper';
-export * from './floating';
-export * from './box';
-export * from './form-label';
-export * from './icon-button';
-export * from './container';
-export * from './star-rating';
-export * from './pagination';
-export * from './dialog';
-export * from './loading';
-export * from './link';
-export * from './count-up';
-export * from './nav-link';
-export * from './breadcrumbs';
-export * from './phone-input';
-export * from './form-helper-text';
-export * from './otp-input';
-export * from './notifications';
-export * from './countdown-timer';
-export * from './drawer';
-export * from './filter-panel';
-export * from './collapse';
-export * from './input-number';
-export * from './table';
-export * from './badge';
-export * from './switch';
-export * from './chip';
-export * from './stepper';
-export * from './progress';
-export * from './input-range';
-export * from './tooltip';
-export * from './multiple-select';
-export * from './date-picker';
-export * from './time-picker';
-export * from './video';
-export * from './lightbox';
-export * from './cascader';
-export * from './primitive';
+export * from './grid/index.js';
+export * from './text/index.js';
+export * from './swiper/index.js';
+export * from './marquee/index.js';
+export * from './button/index.js';
+export * from './checkbox/index.js';
+export * from './accordion/index.js';
+export * from './image/index.js';
+export * from './input/index.js';
+export * from './textarea/index.js';
+export * from './select/index.js';
+export * from './popover/index.js';
+export * from './radio-button/index.js';
+export * from './linear-progress/index.js';
+export * from './highlight-words/index.js';
+export * from './menu/index.js';
+export * from './icon/index.js';
+export * from './flag/index.js';
+export * from './unordered-list/index.js';
+export * from './flexbox/index.js';
+export * from './tabs/index.js';
+export * from './swiper/index.js';
+export * from './floating/index.js';
+export * from './box/index.js';
+export * from './form-label/index.js';
+export * from './icon-button/index.js';
+export * from './container/index.js';
+export * from './star-rating/index.js';
+export * from './pagination/index.js';
+export * from './dialog/index.js';
+export * from './loading/index.js';
+export * from './link/index.js';
+export * from './count-up/index.js';
+export * from './nav-link/index.js';
+export * from './breadcrumbs/index.js';
+export * from './phone-input/index.js';
+export * from './form-helper-text/index.js';
+export * from './otp-input/index.js';
+export * from './notifications/index.js';
+export * from './countdown-timer/index.js';
+export * from './drawer/index.js';
+export * from './filter-panel/index.js';
+export * from './collapse/index.js';
+export * from './input-number/index.js';
+export * from './table/index.js';
+export * from './badge/index.js';
+export * from './switch/index.js';
+export * from './chip/index.js';
+export * from './stepper/index.js';
+export * from './progress/index.js';
+export * from './input-range/index.js';
+export * from './tooltip/index.js';
+export * from './multiple-select/index.js';
+export * from './date-picker/index.js';
+export * from './time-picker/index.js';
+export * from './video/index.js';
+export * from './lightbox/index.js';
+export * from './cascader/index.js';
+export * from './primitive/index.js';

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

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

package/dist/lib/input/helpers.js

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

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

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

package/dist/lib/input/index.js

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

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

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

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

@@ -2,15 +2,15 @@
 import { forwardRef, useRef, useState } from 'react';
 import { useMergeRefs } from '@floating-ui/react';
 import { isString } from 'lodash-es';
-import { getInputProps } from './helpers';
+import { getInputProps } from './helpers.js';
 import classes from './input.module.scss';
-import { FormHelperText } from '../form-helper-text';
-import { Icon } from '../icon';
-import { cn } from '../../utils';
+import { FormHelperText } from '../form-helper-text/index.js';
+import { Icon } from '../icon/index.js';
+import { cn } from '../../utils/index.js';
 import EyeHidden from '../../assets/svg/eye-hidden.svg?raw';
 import EyeVisible from '../../assets/svg/eye-show-visible.svg?raw';
-import { mediaQuery } from '../../theme';
-import { getSizeVariantState } from '../../utils';
+import { mediaQuery } from '../../theme/index.js';
+import { getSizeVariantState } from '../../utils/index.js';
 export const Input = forwardRef((_props, ref) => {
     const { type, xs, sm, md, lg, prefix, suffix, containerProps, mainProps, className, helperText, error, startIcon, endIcon, onChange: onChangeProp, transform, debounce = 0, mode = 'onChange', value, ...rest } = getInputProps(_props);
     const inputRef = useRef(null);

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

@@ -1,7 +1,7 @@
 import { HTMLAttributes, JSX } from 'react';
 import { Interpolation } from '@emotion/react';
-import { IconProps } from '../icon';
-import { PropsWithCSS, SizeVariant, ResponsiveDesign, ShallowMerge } from '../../types';
+import { IconProps } from '../icon/index.js';
+import { PropsWithCSS, SizeVariant, ResponsiveDesign, ShallowMerge } from '../../types/index.js';
 export interface InputResponsiveProps extends PropsWithCSS {
     size?: SizeVariant;
 }

package/dist/lib/input-mask/helpers.d.ts

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

package/dist/lib/input-mask/helpers.js

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import { HTMLProps } from 'react';
-import { InputMaskProps } from './types';
+import { InputMaskProps } from './types.js';
 declare const InputMask: <P extends HTMLProps<HTMLElement> = HTMLProps<HTMLElement>, E extends HTMLElement = HTMLElement>(_props: InputMaskProps<P, E>, ref?: React.ForwardedRef<E>) => import("@emotion/react/jsx-runtime").JSX.Element;
 declare const ForwardRefInputMask: typeof InputMask;
 export { ForwardRefInputMask as InputMask };

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

@@ -1,10 +1,10 @@
 /** @jsxImportSource @emotion/react */
 import { forwardRef, Fragment } from 'react';
-import { getInputMaskProps } from './helpers';
-import { Icon } from '../icon';
-import { getColorVar, mediaQuery } from '../../theme';
-import { getSizeVariantState } from '../../utils';
-import { Primitive } from '../primitive';
+import { getInputMaskProps } from './helpers.js';
+import { Icon } from '../icon/index.js';
+import { getColorVar, mediaQuery } from '../../theme/index.js';
+import { getSizeVariantState } from '../../utils/index.js';
+import { Primitive } from '../primitive/index.js';
 const InputMask = (_props, ref) => {
     const { prefix, suffix, children, xs, sm, md, startIcon, endIcon, lg, error, ...props } = getInputMaskProps(_props);
     const css = [

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

@@ -1,7 +1,7 @@
 import { HTMLProps } from 'react';
-import { IconProps } from '../icon';
-import { SizeVariant, ResponsiveDesign, ShallowMerge, PropsWithCSS } from '../../types';
-import { PrimitiveProps } from '../primitive';
+import { IconProps } from '../icon/index.js';
+import { SizeVariant, ResponsiveDesign, ShallowMerge, PropsWithCSS } from '../../types/index.js';
+import { PrimitiveProps } from '../primitive/index.js';
 export interface InputMaskResponsiveProps extends PropsWithCSS {
     size?: Exclude<SizeVariant, 'xs'>;
     outline?: {

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

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

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

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

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

@@ -1,2 +1,2 @@
-import { InputNumberProps } from './types';
+import { InputNumberProps } from './types.js';
 export declare const InputNumber: ({ value, defaultValue, className, step, suffix, prefix, fractionDigits, max, min, ref, ...props }: InputNumberProps) => import("react").JSX.Element;

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

@@ -2,10 +2,10 @@ import { useRef } from 'react';
 import { useMergeRefs } from '@floating-ui/react';
 import { isNil } from 'lodash-es';
 import classes from './input-number.module.scss';
-import { IconButton } from '../icon-button';
-import { Input } from '../input/input';
-import { useControllableState } from '../../hooks';
-import { cn } from '../../utils';
+import { IconButton } from '../icon-button/index.js';
+import { Input } from '../input/input.js';
+import { useControllableState } from '../../hooks/index.js';
+import { cn } from '../../utils/index.js';
 import MinusIcon from '../../assets/svg/minus.svg?raw';
 import PlusIcon from '../../assets/svg/plus.svg?raw';
 const MAX_FRACTION_DIGITS = 10;

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

@@ -1,5 +1,5 @@
-import { InputProps } from '../input/types';
-import { ShallowMerge } from '../../types';
+import { InputProps } from '../input/types.js';
+import { ShallowMerge } from '../../types/index.js';
 export type InputNumberProps = ShallowMerge<InputProps, {
     min?: number;
     max?: number;

package/dist/lib/input-range/helpers.d.ts

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

package/dist/lib/input-range/helpers.js

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

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

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

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

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

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

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

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

@@ -1,13 +1,13 @@
 /** @jsxImportSource @emotion/react */
 import { Fragment, useRef } from 'react';
-import { getInputRangeProps } from './helpers';
+import { getInputRangeProps } from './helpers.js';
 import classes from './input-range.module.scss';
-import { getSizeVariantState, cn } from '../../utils';
-import { FormHelperText } from '../form-helper-text';
-import { Icon } from '../icon';
-import { InputNumber } from '../input-number';
+import { getSizeVariantState, cn } from '../../utils/index.js';
+import { FormHelperText } from '../form-helper-text/index.js';
+import { Icon } from '../icon/index.js';
+import { InputNumber } from '../input-number/index.js';
 import LongArrowRightIcon from '@/assets/svg/long-arrow-right.svg?raw';
-import { mediaQuery } from '../../theme';
+import { mediaQuery } from '../../theme/index.js';
 export const InputRange = (_props) => {
     const { error, helperText, inputs, xs, md, sm, lg, className, onChange, prefix, suffix, startIcon, endIcon, ...props } = getInputRangeProps(_props);
     const containerRef = useRef(null);

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

@@ -1,7 +1,7 @@
 import { JSX } from "react";
-import { IconProps } from "../icon";
-import { InputNumberProps } from "../input-number/types";
-import { SizeVariant, ResponsiveDesign, ShallowMerge } from "../../types";
+import { IconProps } from "../icon/index.js";
+import { InputNumberProps } from "../input-number/types.js";
+import { SizeVariant, ResponsiveDesign, ShallowMerge } from "../../types/index.js";
 export interface InputRangeResponsiveProps {
     size?: SizeVariant;
 }

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

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

package/dist/lib/lightbox/index.js

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

package/dist/lib/lightbox/lightbox.d.ts

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

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

@@ -9,9 +9,9 @@ import ArrowRightIcon from '../../assets/svg/arrow-right.svg?raw';
 import ZoomPlusIcon from '../../assets/svg/search-add-plus-middle.svg?raw';
 import ZoomMinusIcon from '../../assets/svg/search-minus.svg?raw';
 import CloseIcon from '../../assets/svg/times-close-delete.svg?raw';
-import { mediaQuery } from '../../theme';
-import { Floating, FloatingClose, FloatingContent, IconButton, Image, Swiper, SwiperSlide, } from '../..';
-import { FLOATING_Z_INDEX } from '../../theme';
+import { mediaQuery } from '../../theme/index.js';
+import { Floating, FloatingClose, FloatingContent, IconButton, Image, Swiper, SwiperSlide, } from '../../index.js';
+import { FLOATING_Z_INDEX } from '../../theme/index.js';
 const LightboxIconButton = (props) => {
     return (<IconButton color="neutral" css={{
             backgroundColor: 'rgba(255, 255, 255, 0.1)',

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

@@ -1,5 +1,5 @@
-import { FloatingProps } from '../floating';
-import { ShallowMerge } from '../../types';
+import { FloatingProps } from '../floating/index.js';
+import { ShallowMerge } from '../../types/index.js';
 type ImageSource = {
     type: 'image';
     src: string;

package/dist/lib/linear-progress/helpers.d.ts

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

package/dist/lib/linear-progress/helpers.js

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

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

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

package/dist/lib/linear-progress/index.js

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

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

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

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

@@ -1,8 +1,8 @@
 import { isNil, isNumber } from 'lodash-es';
 import { motion } from 'motion/react';
-import { getLinearProgressProps } from './helpers';
-import { mediaQuery } from '../../theme';
-import { getColorShadesByVariant } from '../../utils';
+import { getLinearProgressProps } from './helpers.js';
+import { mediaQuery } from '../../theme/index.js';
+import { getColorShadesByVariant } from '../../utils/index.js';
 export const LinearProgress = (_props) => {
     const { xs, sm, md, value, variant: _variant, ...props } = getLinearProgressProps(_props);
     const fallbackVariant = isNil(value) ? 'indeterminate' : 'determinate';

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

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { ColorVariant, ResponsiveDesign, ShallowMerge } from '../../types';
+import { ColorVariant, ResponsiveDesign, ShallowMerge } from '../../types/index.js';
 export type LinearProgressResponsiveProps = {
     color?: ColorVariant;
     size?: number;

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

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

package/dist/lib/link/helpers.js

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

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

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

package/dist/lib/link/index.js

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

package/dist/lib/link/link.d.ts

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

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

@@ -1,10 +1,10 @@
 import { isNil } from 'lodash-es';
 import { Link as ReactRouterLink } from 'react-router';
-import { getLinkProps } from './helpers';
-import { useHoverLineEffect } from '../../hooks';
-import { Booleanish } from '../../constants';
-import { cn } from '../../utils';
-import { getTypographyVar, mediaQuery } from '../../theme';
+import { getLinkProps } from './helpers.js';
+import { useHoverLineEffect } from '../../hooks/index.js';
+import { Booleanish } from '../../constants/index.js';
+import { cn } from '../../utils/index.js';
+import { getTypographyVar, mediaQuery } from '../../theme/index.js';
 export const Link = ({ children, ref, ..._props }) => {
     const { xs, sm, md, lg, dangerouslySetInnerHTML, to, underline = false, className, ...rest } = getLinkProps(_props);
     const hoverLineEffectProps = useHoverLineEffect({ enabled: underline });