@janbox/storefront-ui 1.0.15 → 1.0.16

package/dist/lib/lightbox/lightbox.jsx

@@ -1,194 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-import { times } from 'lodash-es';
-import { motion } from 'motion/react';
-import ReactPlayer from 'react-player';
-import { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';
-import ArrowLeftIcon from '../../assets/svg/arrow-left.svg?raw';
-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';
-const LightboxIconButton = (props) => {
-    return (<IconButton color="neutral" css={{
-            backgroundColor: 'rgba(255, 255, 255, 0.1)',
-            color: 'white',
-            borderRadius: '50%',
-            ':hover': {
-                backgroundColor: 'rgba(255, 255, 255, 0.2)',
-            },
-        }} {...props}/>);
-};
-const LightboxContent = ({ slides, defaultActiveIndex = 0 }) => {
-    const [mainApi, setMainApi] = useState();
-    const zoomPanPinchRef = useRef(null);
-    const contentElementRef = useRef(null);
-    const [activeIndex, setActiveIndex] = useState(defaultActiveIndex);
-    const activeSlide = slides.at(activeIndex);
-    const handlePrevious = () => {
-        mainApi?.scrollPrev();
-    };
-    const handleNext = () => {
-        mainApi?.scrollNext();
-    };
-    useEffect(() => {
-        const onSelect = () => {
-            if (!mainApi)
-                return;
-            setActiveIndex(mainApi.selectedScrollSnap());
-        };
-        mainApi?.on('select', onSelect);
-        return () => {
-            mainApi?.off('select', onSelect);
-        };
-    }, [mainApi]);
-    return (<div css={{ width: '100%', height: '100%', display: 'flex', flexDirection: 'column' }}>
-      <div css={{
-            position: 'relative',
-            width: '100%',
-            flex: 1,
-            overflow: 'hidden',
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            paddingTop: 24,
-            paddingBottom: 24,
-            paddingLeft: 16,
-            paddingRight: 16,
-            [mediaQuery('md')]: { paddingLeft: 32, paddingRight: 32 },
-        }}>
-        <div css={{
-            position: 'relative',
-            width: '100%',
-            height: '100%',
-            paddingTop: 20,
-            paddingBottom: 20,
-            paddingLeft: 0,
-            paddingRight: 0,
-            [mediaQuery('md')]: { paddingLeft: 20, paddingRight: 20 },
-        }}>
-          <div css={{ width: '100%', height: '100%' }}>
-            <Swiper options={{
-            loop: true,
-            startIndex: defaultActiveIndex,
-            watchDrag: (_, event) => {
-                return !contentElementRef.current?.contains(event.target);
-            },
-        }} onApi={setMainApi} xs={{ slidesPerView: 1 }} css={{ width: '100%', height: '100%' }}>
-              {times(slides.length).map((index) => (<SwiperSlide key={index}>
-                  {activeIndex === index && (<motion.div css={{
-                    display: 'flex',
-                    width: '100%',
-                    height: '100%',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                }} initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }}>
-                      <div ref={contentElementRef}>
-                        {activeSlide?.source.type === 'image' && (<TransformWrapper ref={zoomPanPinchRef} wheel={{
-                        smoothStep: 0.02,
-                    }}>
-                            <TransformComponent>
-                              <Image src={activeSlide?.source.src} alt={activeSlide?.title} xs={{
-                        css: {
-                            maxWidth: '100%',
-                            maxHeight: '100%',
-                            objectFit: 'contain',
-                            userSelect: 'none',
-                        },
-                    }}/>
-                            </TransformComponent>
-                          </TransformWrapper>)}
-                        {activeSlide?.source.type === 'video' && (<div css={{ aspectRatio: '16/9', width: '100%' }}>
-                            <ReactPlayer light={activeSlide.source.thumbnail} src={activeSlide.source.src} width="100%" height="100%" controls/>
-                          </div>)}
-                      </div>
-                    </motion.div>)}
-                </SwiperSlide>))}
-            </Swiper>
-          </div>
-          {slides.length > 1 && (<div css={{ display: 'none', [mediaQuery('md')]: { display: 'contents' } }}>
-              <div css={{ position: 'absolute', left: 0, top: '50%', transform: 'translateY(-50%) translateX(-50%)' }}>
-                <LightboxIconButton xs={{ size: 'sm' }} onClick={handlePrevious} icon={{ source: ArrowLeftIcon }}/>
-              </div>
-              <div css={{ position: 'absolute', right: 0, top: '50%', transform: 'translateY(-50%) translateX(50%)' }}>
-                <LightboxIconButton xs={{ size: 'sm' }} onClick={handleNext} icon={{ source: ArrowRightIcon }}/>
-              </div>
-            </div>)}
-          <div css={{
-            position: 'absolute',
-            left: -4,
-            top: 0,
-            transform: 'translateY(-50%)',
-            display: 'flex',
-            alignItems: 'center',
-            gap: 8,
-            [mediaQuery('md')]: { left: -10 },
-        }}>
-            {slides.length > 0 && (<div>
-                {activeIndex + 1} / {slides.length}
-              </div>)}
-          </div>
-          <div css={{
-            position: 'absolute',
-            right: -4,
-            top: 0,
-            transform: 'translateY(-50%)',
-            display: 'flex',
-            alignItems: 'center',
-            gap: 8,
-            [mediaQuery('md')]: { right: -10 },
-        }}>
-            {slides.length > 1 && (<div css={{ display: 'contents', [mediaQuery('md')]: { display: 'none' } }}>
-                <LightboxIconButton xs={{ size: 'sm' }} onClick={handlePrevious} icon={{ source: ArrowLeftIcon }}/>
-                <LightboxIconButton xs={{ size: 'sm' }} onClick={handleNext} icon={{ source: ArrowRightIcon }}/>
-              </div>)}
-            {activeSlide?.source.type === 'image' && (<>
-                <LightboxIconButton xs={{ size: 'sm' }} onClick={() => zoomPanPinchRef.current?.zoomOut(0.5)} icon={{ source: ZoomMinusIcon }}/>
-                <LightboxIconButton xs={{ size: 'sm' }} onClick={() => zoomPanPinchRef.current?.zoomIn(0.5)} icon={{ source: ZoomPlusIcon }}/>
-              </>)}
-            <FloatingClose>
-              <LightboxIconButton xs={{ size: 'sm' }} icon={{ source: CloseIcon }}/>
-            </FloatingClose>
-          </div>
-          {activeSlide?.title && (<div css={{
-                position: 'absolute',
-                bottom: 0,
-                left: '50%',
-                transform: 'translateX(-50%)',
-                borderRadius: 8,
-                fontSize: '0.75rem',
-                lineHeight: '1rem',
-                textAlign: 'center',
-            }}>
-              {activeSlide.title}
-            </div>)}
-        </div>
-
-        {/* Image title */}
-      </div>
-    </div>);
-};
-export const Lightbox = ({ slides, defaultActiveIndex, ...props }) => {
-    return (<Floating dismissProps={{
-            enabled: true,
-        }} {...props}>
-      <FloatingContent floatingOverlayProps={{
-            disabled: false,
-            lockScroll: true,
-            style: {
-                zIndex: FLOATING_Z_INDEX,
-                backdropFilter: 'blur(4px)',
-            },
-            css: {
-                position: 'fixed',
-                inset: 0,
-                backgroundColor: 'rgba(0, 0, 0, 0.9)',
-                color: 'white',
-            },
-        }} css={{ width: '100%', height: '100%' }}>
-        <LightboxContent slides={slides} defaultActiveIndex={defaultActiveIndex}/>
-      </FloatingContent>
-    </Floating>);
-};

package/dist/lib/lightbox/types.js

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

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

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

package/dist/lib/linear-progress/linear-progress.jsx

@@ -1,50 +0,0 @@
-import { isNil, isNumber } from 'lodash-es';
-import { motion } from 'motion/react';
-import { getLinearProgressProps } from './helpers';
-import { mediaQuery } from '../../theme';
-import { getColorShadesByVariant } from '../../utils';
-export const LinearProgress = (_props) => {
-    const { xs, sm, md, value, variant: _variant, ...props } = getLinearProgressProps(_props);
-    const fallbackVariant = isNil(value) ? 'indeterminate' : 'determinate';
-    const variant = _variant ?? fallbackVariant;
-    const rootInterpolation = [
-        {
-            position: 'relative',
-            width: '100%',
-            overflow: 'hidden',
-            [`& > *`]: {
-                position: 'absolute',
-                height: '100%',
-            },
-        },
-        createStyle(xs),
-        {
-            [mediaQuery('sm')]: createStyle(sm),
-            [mediaQuery('md')]: createStyle(md),
-        },
-    ];
-    return (<div css={rootInterpolation} {...props}>
-      {variant === 'indeterminate' && (<motion.div initial={{ left: '-25%', width: '25%' }} animate={{ left: '100%', width: '50%' }} transition={{
-                repeat: Infinity,
-                ease: 'linear',
-                duration: 1.5,
-            }}/>)}
-      {variant === 'determinate' && (<motion.div initial={{
-                width: `${value ?? 0}%`,
-            }} animate={{ width: `${value ?? 0}%` }}/>)}
-    </div>);
-};
-const createStyle = ({ color, size } = {}) => {
-    const palette = getColorShadesByVariant(color);
-    return [
-        {
-            height: size,
-            borderRadius: isNumber(size) ? size / 2 : undefined,
-            backgroundColor: palette.light,
-            [`& > *`]: {
-                backgroundColor: palette.main,
-                borderRadius: isNumber(size) ? size / 2 : undefined,
-            },
-        },
-    ];
-};

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

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

package/dist/lib/link/index.js

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

package/dist/lib/link/link.jsx

@@ -1,40 +0,0 @@
-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';
-export const Link = ({ children, ref, ..._props }) => {
-    const { xs, sm, md, lg, dangerouslySetInnerHTML, to, underline = false, className, ...rest } = getLinkProps(_props);
-    const hoverLineEffectProps = useHoverLineEffect({ enabled: underline });
-    const onClick = (e) => {
-        if (e.currentTarget.getAttribute('aria-disabled') === Booleanish.True) {
-            e.preventDefault();
-        }
-        if (isNil(to)) {
-            e.preventDefault();
-        }
-        rest.onClick?.(e);
-    };
-    return (<ReactRouterLink to={to ?? '#'} css={[
-            createStyle(xs),
-            {
-                [mediaQuery('sm')]: createStyle(sm),
-                [mediaQuery('md')]: createStyle(md),
-                [mediaQuery('lg')]: createStyle(lg),
-            },
-            rest['aria-disabled'] && { pointerEvents: 'none' },
-        ]} dangerouslySetInnerHTML={isNil(children) ? dangerouslySetInnerHTML : undefined} {...hoverLineEffectProps} className={cn(className, hoverLineEffectProps.className)} {...rest} onClick={onClick} ref={ref}>
-      {isNil(dangerouslySetInnerHTML) ? children : null}
-    </ReactRouterLink>);
-};
-const createStyle = ({ css, textVariant } = {}) => {
-    return [
-        textVariant && {
-            fontSize: getTypographyVar(textVariant).fontSize,
-            lineHeight: getTypographyVar(textVariant).lineHeight,
-        },
-        css,
-    ];
-};

package/dist/lib/link/types.js

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

package/dist/lib/loading/block-skeleton/block-skeleton.jsx

@@ -1,5 +0,0 @@
-import { animatePulseStyle } from '../../../constants/emotion';
-import { getColorVar } from '../../../theme';
-export const BlockSkeleton = (props) => {
-    return <div css={[animatePulseStyle, { borderRadius: 4, backgroundColor: getColorVar('neutral.200') }]} {...props}/>;
-};

package/dist/lib/loading/block-skeleton/index.js

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

package/dist/lib/loading/image-skeleton/image-skeleton.jsx

@@ -1,20 +0,0 @@
-import { animatePulseStyle } from '../../../constants/emotion';
-import { getColorVar } from '../../../theme';
-export const ImageSkeleton = (props) => {
-    return (<div css={[
-            animatePulseStyle,
-            {
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                width: '100%',
-                height: '100%',
-                borderRadius: '0.25rem',
-                backgroundColor: getColorVar('neutral.200'),
-            },
-        ]} {...props}>
-      <svg css={{ width: '25%', height: '25%', color: getColorVar('neutral.400') }} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 18">
-        <path d="M18 0H2a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2Zm-5.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm4.376 10.481A1 1 0 0 1 16 15H4a1 1 0 0 1-.895-1.447l3.5-7A1 1 0 0 1 7.468 6a.965.965 0 0 1 .9.5l2.775 4.757 1.546-1.887a1 1 0 0 1 1.618.1l2.541 4a1 1 0 0 1 .028 1.011Z"/>
-      </svg>
-    </div>);
-};

package/dist/lib/loading/image-skeleton/index.js

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

package/dist/lib/loading/image-skeleton/types.js

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

package/dist/lib/loading/index.js

@@ -1,4 +0,0 @@
-export * from './image-skeleton';
-export * from './text-skeleton';
-export * from './loading-overlay';
-export * from './block-skeleton';

package/dist/lib/loading/loading-overlay/index.js

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

package/dist/lib/loading/loading-overlay/loading-overlay.jsx

@@ -1,27 +0,0 @@
-import { SvgLoader } from '../../../components';
-import { animateSpinStyle } from '../../../constants/emotion';
-import LoadingIcon from '@/assets/svg/loading-waiting.svg?raw';
-import { getColorShadesByVariant } from '../../../utils';
-export const LoadingOverlay = ({ isLoading = false, iconProps, color = 'primary', style, size = 32, children, ...props }) => {
-    const { main } = getColorShadesByVariant(color);
-    return (<div style={{
-            minWidth: size,
-            minHeight: size,
-            ...style,
-        }} css={{ position: 'relative' }} {...props}>
-      {children}
-      {isLoading && (<div {...iconProps} css={{
-                position: 'absolute',
-                top: 0,
-                right: 0,
-                bottom: 0,
-                left: 0,
-                zIndex: 10,
-                display: 'grid',
-                placeItems: 'center',
-                cursor: 'progress',
-            }}>
-          <SvgLoader source={LoadingIcon} width={size} height={size} css={animateSpinStyle} style={{ color: main }}/>
-        </div>)}
-    </div>);
-};

package/dist/lib/loading/loading-overlay/types.js

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

package/dist/lib/loading/text-skeleton/index.js

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

package/dist/lib/loading/text-skeleton/text-skeleton.jsx

@@ -1,13 +0,0 @@
-import { animatePulseStyle } from '../../../constants/emotion';
-import { getColorVar } from '../../../theme';
-export const TextSkeleton = (props) => {
-    return (<span css={{ width: '100%', overflow: 'hidden', display: 'inline-flex', alignItems: 'center' }} {...props}>
-      <span css={[
-            animatePulseStyle,
-            { flex: '1 1 0%', borderRadius: '0.125rem', lineHeight: 1, backgroundColor: getColorVar('neutral.200') },
-        ]}>
-        &nbsp;
-      </span>
-      &nbsp;
-    </span>);
-};

package/dist/lib/loading/text-skeleton/types.js

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

package/dist/lib/marquee/index.js

@@ -1,2 +0,0 @@
-export * from './marquee';
-export * from './marquee-item';

package/dist/lib/marquee/marquee/index.js

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

package/dist/lib/marquee/marquee/marquee.jsx

@@ -1,88 +0,0 @@
-import { Fragment, useEffect, useRef } from 'react';
-import { useMergeRefs } from '@floating-ui/react';
-import AutoScroll from 'embla-carousel-auto-scroll';
-import useEmblaCarousel from 'embla-carousel-react';
-import { getMarqueeProps } from './helpers';
-import { MarqueeDataAttributes } from './types';
-import { Icon } from '../../icon';
-import { HTMLClasses } from '../../../constants';
-import { mediaQuery } from '../../../theme';
-import { flattenChildren } from '../../../utils';
-export const Marquee = ({ ref, ..._props }) => {
-    const { children, xs, sm, md, autoScrollOptions, separatorIcon, ...rest } = getMarqueeProps(_props);
-    const rootEl = useRef(null);
-    const [emblaRef, emblaApi] = useEmblaCarousel({
-        loop: true,
-        align: 'start',
-        slides: `.${HTMLClasses.MARQUEE_SLIDE}`,
-    }, [AutoScroll(autoScrollOptions)]);
-    const mergedRefs = useMergeRefs([emblaRef, ref, rootEl]);
-    useEffect(() => {
-        const mutationObserver = new MutationObserver((records) => {
-            const target = records.at(0)?.target;
-            if (!target)
-                return;
-            const playState = target.getAttribute(MarqueeDataAttributes.PlayState);
-            const autoScrollPlugin = emblaApi?.plugins().autoScroll;
-            if (playState === 'on') {
-                autoScrollPlugin?.play(0);
-            }
-            else {
-                autoScrollPlugin?.stop();
-            }
-        });
-        if (rootEl.current) {
-            mutationObserver.observe(rootEl.current, {
-                attributes: true,
-                attributeFilter: [MarqueeDataAttributes.PlayState],
-            });
-        }
-        return () => {
-            mutationObserver.disconnect();
-        };
-    }, [emblaApi]);
-    useEffect(() => {
-        const onAutoScrollPlay = () => {
-            rootEl.current?.setAttribute(MarqueeDataAttributes.PlayState, 'on');
-        };
-        const onAutoScrollStop = () => {
-            rootEl.current?.setAttribute(MarqueeDataAttributes.PlayState, 'off');
-        };
-        emblaApi?.on('autoScroll:play', onAutoScrollPlay);
-        emblaApi?.on('autoScroll:stop', onAutoScrollStop);
-        return () => {
-            emblaApi?.off('autoScroll:play', onAutoScrollPlay);
-            emblaApi?.off('autoScroll:stop', onAutoScrollStop);
-        };
-    }, [emblaApi]);
-    return (<div css={[
-            {
-                overflow: 'hidden',
-                maxWidth: '100%',
-            },
-            createStyle(xs),
-            {
-                [mediaQuery('sm')]: createStyle(sm),
-                [mediaQuery('md')]: createStyle(md),
-            },
-        ]} {...rest} ref={mergedRefs}>
-      <div css={{ display: 'flex', alignItems: 'center', '& > *': { flexShrink: 0, flexGrow: 0, overflow: 'hidden' } }}>
-        {flattenChildren(children).map((child, index) => (<Fragment key={`marquee-item-${index}`}>
-            <div className={HTMLClasses.MARQUEE_SLIDE}>{child}</div>
-            {!!separatorIcon && (<div className={HTMLClasses.MARQUEE_SLIDE}>
-                <Icon {...separatorIcon}/>
-              </div>)}
-          </Fragment>))}
-      </div>
-    </div>);
-};
-const createStyle = ({ css: { width, height, ...css } = {} } = {}) => {
-    return [
-        {
-            width,
-            height,
-            '& > *': css,
-        },
-        css,
-    ];
-};

package/dist/lib/marquee/marquee-item/index.js

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

package/dist/lib/marquee/marquee-item/marquee-item.jsx

@@ -1,5 +0,0 @@
-export const MarqueeItem = ({ ref, ...props }) => {
-    return (<div {...props} css={{
-            display: 'contents',
-        }} ref={ref}/>);
-};

package/dist/lib/marquee/marquee-item/types.js

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

package/dist/lib/menu/index.js

@@ -1,4 +0,0 @@
-export * from './menu';
-export * from './menu-trigger';
-export * from './menu-list';
-export * from './menu-item';

package/dist/lib/menu/menu/index.js

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

package/dist/lib/menu/menu/menu.jsx

@@ -1,23 +0,0 @@
-import { safePolygon } from '@floating-ui/react';
-import { useControllableState } from '../../../hooks';
-import { Floating } from '../../..';
-export const Menu = ({ hoverProps, dismissProps, clickProps, ...props }) => {
-    const [open, setOpen] = useControllableState({
-        defaultValue: false,
-        value: props.open,
-    });
-    const onOpenChange = (open, event, reason) => {
-        setOpen(open);
-        props.onOpenChange?.(open, event, reason);
-    };
-    return (<Floating dismissProps={{
-            enabled: true,
-            ...dismissProps,
-        }} clickProps={{
-            enabled: true,
-            ...clickProps,
-        }} hoverProps={{
-            handleClose: safePolygon(),
-            ...hoverProps,
-        }} {...props} open={open} onOpenChange={onOpenChange}/>);
-};

package/dist/lib/menu/menu/types.js

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

package/dist/lib/menu/menu-item/index.js

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

package/dist/lib/menu/menu-item/menu-item.jsx

@@ -1,24 +0,0 @@
-import { forwardRef } from 'react';
-import { getMenuItemProps } from './helpers';
-import { Button } from '../../button';
-import { Booleanish } from '../../../constants';
-import { useFloatingContext } from '../../..';
-import { HTMLDatasetAttributes } from '../../../constants';
-export const MenuItem = forwardRef((_props, ref) => {
-    const { children, ...props } = getMenuItemProps(_props);
-    const { context } = useFloatingContext();
-    const onClick = (e) => {
-        // MenuItem có thể nằm riêng biệt mà không phụ thuộc vào MenuList
-        if (e.currentTarget.parentElement?.getAttribute(HTMLDatasetAttributes.DATA_MENU_LIST) === Booleanish.True) {
-            context?.onOpenChange(false, e.nativeEvent, 'click');
-        }
-        props.onClick?.(e);
-    };
-    return (<Button {...props} css={{
-            justifyContent: 'start',
-            textAlign: 'left',
-            width: '100%',
-        }} onClick={onClick} ref={ref}>
-      {children}
-    </Button>);
-});

package/dist/lib/menu/menu-item/types.js

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

package/dist/lib/menu/menu-list/index.js

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

package/dist/lib/menu/menu-list/menu-list.jsx

@@ -1,18 +0,0 @@
-import { FloatingContent } from '../../../lib/floating/floating-content';
-import { HTMLDatasetAttributes } from '../../../constants';
-import { getColorVar } from '../../../theme';
-export const MenuList = ({ children, ...props }) => {
-    return (<FloatingContent css={{
-            backgroundColor: getColorVar('surface.default'),
-            padding: '0.25rem',
-            borderRadius: '0.75rem',
-            borderWidth: '1px',
-            borderStyle: 'solid',
-            borderColor: getColorVar('neutral.100'),
-            boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)',
-            display: 'flex',
-            flexDirection: 'column',
-        }} {...props} {...{ [HTMLDatasetAttributes.DATA_MENU_LIST]: true }}>
-      {children}
-    </FloatingContent>);
-};

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

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

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

@@ -1,4 +0,0 @@
-import { FloatingTrigger } from '../../..';
-export const MenuTrigger = ({ ...props }) => {
-    return <FloatingTrigger {...props}/>;
-};

package/dist/lib/menu/menu-trigger/types.js

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

package/dist/lib/multiple-select/index.js

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