@janbox/storefront-ui 1.0.13 → 1.0.15

package/dist/lib/star-rating/star-rating.jsx

@@ -0,0 +1,16 @@
+import { forwardRef, useId } from 'react';
+import { getColorShadesByVariant } from '../../utils';
+export const StarRating = forwardRef(({ rating, maxRating = 5, size = 24, colorVariant = 'secondary' }, ref) => {
+    const id = useId();
+    const percent = (rating / maxRating) * 24;
+    const { main } = getColorShadesByVariant(colorVariant);
+    return (<svg width={size} height={size} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" ref={ref}>
+        <defs>
+          <clipPath id={id}>
+            <rect x="0" y="0" width={percent} height={24}/>
+          </clipPath>
+        </defs>
+        <path d="M12 2.89648L14.935 8.88948L21.5 9.85648L16.75 14.5185L17.871 21.1045L12 17.9935L6.129 21.1045L7.25 14.5185L2.5 9.85648L9.064 8.88948L12 2.89648Z" fill="white" stroke={main} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+        <path d="M12 2.89648L14.935 8.88948L21.5 9.85648L16.75 14.5185L17.871 21.1045L12 17.9935L6.129 21.1045L7.25 14.5185L2.5 9.85648L9.064 8.88948L12 2.89648Z" fill={main} clipPath={`url(#${id})`} strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" stroke={main}/>
+      </svg>);
+});

package/dist/lib/star-rating/types.d.ts

@@ -6,4 +6,3 @@ export type StarRatingProps = {
     className?: string;
     colorVariant?: ColorVariant;
 };
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/star-rating/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,4 +1,3 @@
 export * from './stepper';
 export * from './types';
 export * from './step';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/stepper/index.js

@@ -0,0 +1,3 @@
+export * from './stepper';
+export * from './types';
+export * from './step';

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

@@ -1,3 +1,2 @@
 import { StepProps } from './types';
-export declare const Step: import('react').ForwardRefExoticComponent<Omit<StepProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=step.d.ts.map
+export declare const Step: import("react").ForwardRefExoticComponent<Omit<StepProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/lib/stepper/step.jsx

@@ -0,0 +1,59 @@
+import { forwardRef } from 'react';
+import { Icon } from '../icon';
+import { getColorVar } from '../../theme';
+import CheckIcon from '../../assets/svg/check.svg?raw';
+const stateStyles = {
+    done: {
+        text: { color: getColorVar('white') },
+        bg: {
+            borderColor: getColorVar('primary.600'),
+            backgroundColor: getColorVar('primary.600'),
+            color: getColorVar('white'),
+        },
+    },
+    active: {
+        text: { color: getColorVar('primary.600') },
+        bg: {
+            borderColor: getColorVar('primary.600'),
+            backgroundColor: getColorVar('white'),
+            color: getColorVar('primary.600'),
+        },
+    },
+    normal: {
+        text: { color: getColorVar('white') },
+        bg: {
+            borderColor: getColorVar('neutral.500'),
+            backgroundColor: getColorVar('neutral.500'),
+            color: getColorVar('white'),
+        },
+    },
+};
+export const Step = forwardRef((props, ref) => {
+    const { state = 'normal', content, className, size = 32, children, ...rest } = props;
+    const styles = stateStyles[state] ?? stateStyles.normal;
+    const checked = state === 'done';
+    return (<div>
+      <div style={{ width: `${size}px`, height: `${size}px` }} ref={ref} css={{
+            borderRadius: '50%',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            borderWidth: 2,
+            borderStyle: 'solid',
+            transition: 'border 500ms, background 500ms, color 500ms',
+            zIndex: 1,
+            ...styles.bg,
+        }} {...rest}>
+        <p css={{
+            ...styles.text,
+            display: '-webkit-box',
+            WebkitLineClamp: 2,
+            WebkitBoxOrient: 'vertical',
+            overflow: 'hidden',
+        }}>
+          {checked ? <Icon source={CheckIcon}/> : children}
+        </p>
+        {content}
+      </div>
+    </div>);
+});

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

@@ -1,3 +1,2 @@
 import { StepperProps } from './types';
-export declare const Stepper: import('react').ForwardRefExoticComponent<StepperProps & import('react').RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=stepper.d.ts.map
+export declare const Stepper: import("react").ForwardRefExoticComponent<StepperProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/lib/stepper/stepper.jsx

@@ -0,0 +1,69 @@
+import { forwardRef } from 'react';
+import { Step } from './step';
+import { Progress } from '../progress';
+const maxPercent = 100;
+export const Stepper = forwardRef((props, ref) => {
+    const { direction = 'horizontal', className, items, activeIndex = 0, circleSize = 32, ...rest } = props;
+    const value = (maxPercent / (items.length - 1)) * activeIndex;
+    const progressBarSize = `${((items.length - 1) / items.length) * 100}%`;
+    const progressBarStyles = {
+        horizontal: {
+            top: `${circleSize / 2}px`,
+            width: progressBarSize,
+        },
+        vertical: {
+            left: `${circleSize / 2}px`,
+            height: progressBarSize,
+        },
+    };
+    const renderItems = () => {
+        return items.map((item, index) => {
+            const { children, description, ...itemRest } = item;
+            const getState = () => {
+                if (index < activeIndex) {
+                    return 'done';
+                }
+                if (index === activeIndex) {
+                    return 'active';
+                }
+                if (index > activeIndex) {
+                    return 'normal';
+                }
+            };
+            return (<li key={index} css={{
+                    flex: 1,
+                    display: 'flex',
+                    gap: 16,
+                    ...(direction === 'vertical'
+                        ? { flexDirection: 'row', alignItems: 'center' }
+                        : { flexDirection: 'column', alignItems: 'center', justifyContent: 'space-between' }),
+                }}>
+          <Step size={circleSize} state={getState()} {...itemRest}>
+            {children ?? index + 1}
+          </Step>
+          {!!description && <div>{description}</div>}
+        </li>);
+        });
+    };
+    return (<div css={{ position: 'relative' }}>
+      <Progress ref={ref} css={{
+            position: 'absolute',
+            zIndex: -1,
+            width: '100%',
+            ...(direction === 'horizontal'
+                ? { height: 4, left: '50%', transform: 'translateX(-50%) translateY(-50%)' }
+                : { width: 4, top: '50%', transform: 'translateY(-50%) translateX(-50%)' }),
+        }} style={progressBarStyles[direction]} value={value} direction={direction} {...rest}/>
+      <ul css={{
+            display: 'flex',
+            width: '100%',
+            height: '100%',
+            gap: 12,
+            ...(direction === 'horizontal'
+                ? { flexDirection: 'row', justifyContent: 'space-between' }
+                : { flexDirection: 'column', justifyContent: 'space-between' }),
+        }}>
+        {renderItems()}
+      </ul>
+    </div>);
+});

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

@@ -18,4 +18,3 @@ export interface StepperProps {
     className?: string;
     circleSize?: number;
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/stepper/types.js

@@ -1,8 +1,5 @@
-const states = {
-  done: "done",
-  active: "active",
-  normal: "normal"
-};
-export {
-  states
+export const states = {
+    done: 'done',
+    active: 'active',
+    normal: 'normal',
 };

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

@@ -1,4 +1,3 @@
 export * from './swiper';
 export * from './swiper-slide';
 export * from './swiper-dots-paging';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/swiper/index.js

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

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

@@ -1,3 +1,2 @@
 import { SwiperProps } from './types';
 export declare const getSwiperProps: (extended: SwiperProps) => SwiperProps;
-//# sourceMappingURL=helpers.d.ts.map

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

@@ -1,16 +1,13 @@
-import { mergeComponentProps } from "../../../utils/index.js";
+import { mergeComponentProps } from '../../../utils';
 const defaultProps = {
-  autoplayOptions: {
-    active: false,
-    delay: 3e3,
-    stopOnFocusIn: false,
-    stopOnInteraction: false,
-    stopOnLastSnap: false
-  }
+    autoplayOptions: {
+        active: false,
+        delay: 3000,
+        stopOnFocusIn: false,
+        stopOnInteraction: false,
+        stopOnLastSnap: false,
+    },
 };
-const getSwiperProps = (extended) => {
-  return mergeComponentProps(defaultProps, extended);
-};
-export {
-  getSwiperProps
+export const getSwiperProps = (extended) => {
+    return mergeComponentProps(defaultProps, extended);
 };

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

@@ -1,4 +1,3 @@
 export * from './swiper';
 export * from './types';
 export * from './helpers';
-//# sourceMappingURL=index.d.ts.map

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

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

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

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

package/dist/lib/swiper/swiper/swiper.jsx

@@ -0,0 +1,79 @@
+import { Suspense, useEffect } from 'react';
+import { useMergeRefs } from '@floating-ui/react';
+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';
+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 }) => {
+    const { xs, sm, md, lg, autoplayOptions, options, paging, ...rest } = getSwiperProps(_props);
+    const [emblaRef, emblaApi] = useEmblaCarousel({
+        align: 'start',
+        ...options,
+    }, [Autoplay(autoplayOptions), WheelGesturesPlugin()]);
+    useEffect(() => {
+        emblaApi && onApi?.(emblaApi);
+    }, [emblaApi]);
+    const mergedRefs = useMergeRefs([emblaRef, ref]);
+    const css = [
+        {
+            position: 'relative',
+            overflow: 'hidden',
+            maxHeight: '100%',
+            maxWidth: '100%',
+        },
+        options?.axis === 'y' && { height: '100%' },
+        createStyle(xs),
+        {
+            [mediaQuery('sm')]: createStyle(sm),
+            [mediaQuery('md')]: createStyle(md),
+            [mediaQuery('lg')]: createStyle(lg),
+        },
+    ];
+    return (<div css={css} {...rest} ref={mergedRefs}>
+      <div role="group" css={{
+            display: 'flex',
+            alignItems: 'stretch',
+            height: '100%',
+            ...(options?.axis === 'y' ? { height: '100%', flexDirection: 'column' } : {}),
+        }}>
+        {children}
+      </div>
+      <Suspense fallback={null}>
+        {paging?.type === 'dots' && (<div css={{
+                position: 'absolute',
+                left: 0,
+                right: 0,
+                display: 'flex',
+                justifyContent: 'center',
+                bottom: 0,
+                ...paging.xs?.css,
+                [mediaQuery('sm')]: paging.sm?.css,
+                [mediaQuery('md')]: paging.md?.css,
+                [mediaQuery('lg')]: paging.lg?.css,
+            }}>
+            <SwiperDotsPaging api={emblaApi} {...paging.options}/>
+          </div>)}
+      </Suspense>
+    </div>);
+};
+const createStyle = ({ slidesPerView, css, spaceBetween } = {}) => {
+    return [
+        {
+            [`& > [role="group"]`]: {
+                [SWIPER_SLIDE_GAP_VAR_NAME]: isNumber(spaceBetween) ? `${spaceBetween}px` : undefined,
+                gap: SWIPER_SLIDE_GAP_VAR,
+                [`& > *`]: {
+                    flexBasis: isNumber(slidesPerView)
+                        ? `calc((100% - (${SWIPER_SLIDE_GAP_VAR} * ${slidesPerView - 1})) / ${slidesPerView})`
+                        : undefined,
+                },
+            },
+        },
+        css,
+    ];
+};

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

@@ -1,9 +1,9 @@
 import { JSX } from 'react';
 import { AutoplayOptionsType } from 'embla-carousel-autoplay';
-import { default as useEmblaCarousel, UseEmblaCarouselType } from 'embla-carousel-react';
+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';
-export type SwiperOptions = Parameters<typeof useEmblaCarousel>[0];
 export type SwiperApi = UseEmblaCarouselType[1];
 export interface SwiperResponsiveProps extends PropsWithCSS {
     slidesPerView?: number | 'auto';
@@ -24,4 +24,3 @@ type SwiperExtendedProps = ResponsiveDesign<SwiperResponsiveProps> & {
 };
 export type SwiperProps = ShallowMerge<JSX.IntrinsicElements['div'], SwiperExtendedProps>;
 export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/swiper/swiper/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,2 +1 @@
 export * from './swiper-dots-paging';
-//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,3 +1,2 @@
 import { SwiperDotsPagingProps } from './types';
 export declare const SwiperDotsPaging: ({ api, size, spaceBetween, colorVariant, }: SwiperDotsPagingProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=swiper-dots-paging.d.ts.map

package/dist/lib/swiper/swiper-dots-paging/swiper-dots-paging.jsx

@@ -0,0 +1,58 @@
+import { useEffect, useState } from 'react';
+import { times } from 'lodash-es';
+import { motion } from 'motion/react';
+import { getColorShadesByVariant } from '../../../utils';
+export const SwiperDotsPaging = ({ api, size = 12, spaceBetween = 4, colorVariant = 'primary', }) => {
+    const [inViewIndexes, setInViewIndexes] = useState(api?.slidesInView() ?? []);
+    const [totalSlides, setTotalSlides] = useState(api?.slideNodes().length ?? 0);
+    const { main, light } = getColorShadesByVariant(colorVariant);
+    useEffect(() => {
+        const checkSlidesInView = () => {
+            setInViewIndexes(api?.slidesInView() ?? []);
+        };
+        const checkTotalSlides = () => {
+            setTotalSlides(api?.slideNodes().length ?? 0);
+        };
+        checkSlidesInView();
+        checkTotalSlides();
+        api?.on('slidesInView', checkSlidesInView);
+        api?.on('resize', checkSlidesInView);
+        api?.on('slidesChanged', checkTotalSlides);
+        return () => {
+            api?.off('slidesInView', checkSlidesInView);
+            api?.off('resize', checkSlidesInView);
+            api?.off('slidesChanged', checkTotalSlides);
+        };
+    }, [api]);
+    const onDotClick = (e) => {
+        e.stopPropagation();
+        api?.scrollTo(Number(e.currentTarget.value));
+    };
+    const firstInViewIndex = inViewIndexes.at(0) ?? 0;
+    return (<div css={{ position: 'relative', display: 'flex', width: 'fit-content', gap: spaceBetween, minHeight: size }}>
+      {times(totalSlides).map((slideIndex) => (<button onClick={onDotClick} value={slideIndex} key={slideIndex}>
+          <div css={{
+                width: size,
+                height: size,
+                borderColor: main,
+                backgroundColor: light,
+                border: '1px solid',
+                borderRadius: 9999,
+                ...(inViewIndexes.includes(slideIndex) ? { visibility: 'hidden' } : {}),
+            }}/>
+        </button>))}
+      <motion.div initial={{
+            width: 0,
+            left: 0,
+        }} animate={{
+            width: inViewIndexes.length * size + (inViewIndexes.length - 1) * spaceBetween,
+            left: firstInViewIndex * size + firstInViewIndex * spaceBetween,
+        }} css={{
+            backgroundColor: main,
+            position: 'absolute',
+            top: 0,
+            bottom: 0,
+            borderRadius: 9999,
+        }}/>
+    </div>);
+};

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

@@ -6,4 +6,3 @@ export type SwiperDotsPagingProps = {
     spaceBetween?: number;
     colorVariant?: ColorVariant;
 };
-//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,3 +1,2 @@
 export * from './swiper-slide';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

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

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

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

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

package/dist/lib/swiper/swiper-slide/swiper-slide.jsx

@@ -0,0 +1,17 @@
+import { mediaQuery } from '../../../theme';
+export const SwiperSlide = ({ xs, sm, md, lg, ...props }) => {
+    const css = [
+        {
+            flexShrink: 0,
+            flexGrow: 0,
+            overflow: 'hidden',
+        },
+        xs?.css,
+        {
+            [mediaQuery('sm')]: sm?.css,
+            [mediaQuery('md')]: md?.css,
+            [mediaQuery('lg')]: lg?.css,
+        },
+    ];
+    return <div {...props} css={css}/>;
+};

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

@@ -4,4 +4,3 @@ interface SwiperSlideExtendedProps extends ResponsiveDesign<PropsWithCSS> {
 }
 export type SwiperSlideProps = ShallowMerge<JSX.IntrinsicElements['div'], SwiperSlideExtendedProps>;
 export {};
-//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,2 +1 @@
 export * from './switch';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/switch/index.js

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

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

@@ -1,3 +1,2 @@
 import { SwitchProps } from './types';
 export declare const Switch: ({ children, className, ref, ...props }: SwitchProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=switch.d.ts.map

package/dist/lib/switch/switch.jsx

@@ -0,0 +1,14 @@
+import { useRef } from 'react';
+import { useMergeRefs } from '@floating-ui/react';
+import classes from './switch.module.scss';
+import { cn } from '../../utils';
+export const Switch = ({ children, className, ref, ...props }) => {
+    const inputRef = useRef(null);
+    const mergedRefs = useMergeRefs([ref, inputRef]);
+    return (<label className={classes.switch__container}>
+      <span className={classes.switch__main}>
+        <input {...props} type="checkbox" className={cn(classes.switch__input, className)} ref={mergedRefs}/>
+      </span>
+      {children}
+    </label>);
+};

package/dist/lib/switch/switch.module.scss

@@ -0,0 +1,94 @@
+.switch__container {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  cursor: pointer;
+  width: fit-content;
+  max-width: 100%;
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
+
+.switch__container:has(.switch__input:disabled) {
+  cursor: default;
+  pointer-events: none;
+}
+
+.switch__input {
+  width: 0;
+  height: 0;
+  opacity: 0;
+  display: none;
+}
+
+.switch__main {
+  position: relative;
+  width: 2rem;
+  height: 1.5rem;
+}
+
+.switch__main::before {
+  position: absolute;
+  left: 0;
+  right: 0;
+  content: "";
+  background-color: var(--color-neutral-300);
+  height: 1rem;
+  top: 50%;
+  transform: translateY(-50%);
+  border-radius: 9999px;
+  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.switch__main::after {
+  position: absolute;
+  left: 0;
+  aspect-ratio: 1;
+  content: "";
+  background-color: white;
+  height: 1.25rem;
+  top: 50%;
+  transform: translateY(-50%);
+  border-radius: 9999px;
+  border-width: 1px;
+  border-style: solid;
+  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.switch__main:has(.switch__input:checked) {
+  &::before {
+    background-color: var(--color-primary-400);
+  }
+  &::after {
+    background-color: var(--color-primary-600);
+    border-color: var(--color-primary-600);
+    left: 100%;
+    transform: translateX(-100%) translateY(-50%);
+  }
+}
+
+.switch__container:hover {
+  .switch__main::before {
+    background-color: var(--color-neutral-300);
+  }
+  .switch__main:has(.switch__input:checked)::before {
+    background-color: var(--color-primary-500);
+  }
+
+  .switch__main::after {
+    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  }
+  .switch__main:has(.switch__input:checked)::after {
+    box-shadow: 0 1px 3px 0 var(--color-primary-600), 0 1px 2px -1px var(--color-primary-600);
+  }
+}
+
+.switch__main:has(.switch__input:disabled) {
+  &::before {
+    background-color: var(--color-neutral-300);
+  }
+  &::after {
+    background-color: var(--color-neutral-400);
+    border-color: var(--color-neutral-400);
+  }
+}

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

@@ -3,4 +3,3 @@ import { ColorVariant, ShallowMerge } from '../../types';
 export type SwitchProps = ShallowMerge<JSX.IntrinsicElements['input'], {
     color?: ColorVariant;
 }>;
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/switch/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -6,4 +6,3 @@ export * from './table-body';
 export * from './table-row';
 export * from './table-cell';
 export * from './table-footer';
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/table/index.js

@@ -0,0 +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';

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

@@ -1,3 +1,2 @@
 export * from './table';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,3 +1,2 @@
 import { TableProps } from './types';
 export declare const Table: ({ children, ...props }: TableProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=table.d.ts.map