@janbox/storefront-ui 1.0.13 → 1.0.15

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

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

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

@@ -5,4 +5,3 @@ export type DrawerPlacement = Extract<Placement, 'left' | 'right' | 'top' | 'bot
 export type DrawerProps = ShallowMerge<FloatingProps, {
     placement?: DrawerPlacement;
 }>;
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/drawer/drawer/types.js

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

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

@@ -1,2 +1 @@
-export declare const DrawerClose: import('react').ForwardRefExoticComponent<Omit<import('../../floating').FloatingCloseProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=drawer-close.d.ts.map
+export declare const DrawerClose: import("react").ForwardRefExoticComponent<Omit<import("../../floating").FloatingCloseProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

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

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

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

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

@@ -1,3 +1,2 @@
 import { FloatingCloseProps } from '../../floating';
 export type DrawerCloseProps = FloatingCloseProps;
-//# sourceMappingURL=types.d.ts.map

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

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

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

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

package/dist/lib/drawer/index.js

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

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

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

package/dist/lib/filter-panel/checkbox-filter-panel.jsx

@@ -0,0 +1,77 @@
+import { useMemo, useState } from 'react';
+import { trimStart } from 'lodash-es';
+import { Checkbox } from '../checkbox';
+import { Input } from '../input';
+import { VirtualizedList } from '../../components';
+import { useQueryParams } from '../../hooks';
+import { ArrayParamParser, matchSearch } from '../../utils';
+const ROW_HEIGHT = 32;
+const DISPLAY_ROW_COUNT = 5;
+export const CheckboxFilterPanel = ({ value, options, inputSearchProps: _inputSearchProps, onChange, queryParam, name, listProps, }) => {
+    const { enabled: searchEnabled = false, ...inputSearchProps } = _inputSearchProps ?? {};
+    const [inputValue, setInputValue] = useState('');
+    const { queryParams, setQueryParams } = useQueryParams(queryParam
+        ? {
+            [queryParam.key]: {
+                parser(value) {
+                    return new ArrayParamParser(value).parse();
+                },
+            },
+        }
+        : {});
+    const valueSet = useMemo(() => {
+        const queryParamKey = queryParam?.key;
+        const valueByQueryParam = queryParamKey ? queryParams[queryParamKey] : undefined;
+        return new Set(value ?? valueByQueryParam ?? []);
+    }, [queryParam?.key, queryParams, value]);
+    const onSearchChange = (e) => {
+        e.target.value = trimStart(e.target.value);
+        setInputValue(e.target.value);
+        inputSearchProps.onChange?.(e);
+    };
+    const displayOptions = useMemo(() => {
+        if (!inputValue) {
+            return options;
+        }
+        return options.filter((option) => matchSearch(option.searchLabel ?? String(option.label), inputValue));
+    }, [inputValue, options]);
+    const RowComponent = ({ row }) => {
+        const rowData = displayOptions.at(row.index);
+        const onCheckboxChange = (e) => {
+            if (queryParam) {
+                const currentList = queryParams[queryParam.key] ?? [];
+                const targetValue = e.currentTarget.value;
+                const nextList = e.target.checked
+                    ? [...currentList, targetValue]
+                    : currentList.filter((value) => value !== targetValue);
+                setQueryParams({
+                    [queryParam.key]: nextList.length ? nextList : undefined,
+                }, {
+                    preventScrollReset: true,
+                });
+            }
+            onChange?.(e);
+        };
+        return (<div css={{ paddingTop: 4, paddingBottom: 4 }}>
+        <Checkbox containerProps={{
+                style: {
+                    width: '100%',
+                },
+            }} name={name} checked={rowData ? (rowData.isChecked ?? valueSet.has(rowData.value)) : false} value={rowData?.value} onChange={onCheckboxChange}>
+          {rowData?.label}
+        </Checkbox>
+      </div>);
+    };
+    return (<div>
+      {searchEnabled && (<div css={{ marginBottom: 8 }}>
+          <Input xs={{ ...inputSearchProps.xs }} value={inputValue} {...inputSearchProps} onChange={onSearchChange}/>
+        </div>)}
+      <VirtualizedList options={{
+            count: displayOptions.length,
+            estimateSize: () => ROW_HEIGHT,
+        }} RowComponent={RowComponent} style={{
+            maxHeight: ROW_HEIGHT * DISPLAY_ROW_COUNT,
+            ...listProps?.style,
+        }} css={{ paddingLeft: 8, paddingRight: 8 }} {...listProps}/>
+    </div>);
+};

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

@@ -1,3 +1,2 @@
 import { FilterPanelProps } from './types';
 export declare const FilterPanel: ({ label, defaultOpen, ...props }: FilterPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=filter-panel.d.ts.map

package/dist/lib/filter-panel/filter-panel.jsx

@@ -0,0 +1,31 @@
+import { isValidElement } from 'react';
+import { useToggle } from '../../hooks/use-toggle';
+import { CheckboxFilterPanel } from './checkbox-filter-panel';
+import { InputRangeFilterPanel } from './input-range-filter-panel';
+import { InputTextFilterPanel } from './input-text-filter-panel';
+import { RadioFilterPanel } from './radio-filter-panel';
+import { Collapse } from '../collapse';
+import { Icon } from '../icon';
+import ArrowDownIcon from '../../assets/svg/arrow-down.svg?raw';
+export const FilterPanel = ({ label, defaultOpen = true, ...props }) => {
+    const [open, toggle] = useToggle(defaultOpen);
+    return (<div css={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
+      <button css={{ display: 'flex', alignItems: 'center', gap: 8, textAlign: 'left' }} onClick={toggle}>
+        <div css={{ flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', fontWeight: 500 }}>
+          {isValidElement(label) ? label : <span>{label}</span>}
+        </div>
+        <Icon css={{
+            transition: 'transform 150ms',
+            ...(open ? { transform: 'rotate(-180deg)' } : {}),
+        }} source={ArrowDownIcon}/>
+      </button>
+      <Collapse open={open}>
+        <>
+          {props.fieldType === 'checkbox' && <CheckboxFilterPanel {...props}/>}
+          {props.fieldType === 'radio' && <RadioFilterPanel {...props}/>}
+          {props.fieldType === 'input-range' && <InputRangeFilterPanel {...props}/>}
+          {props.fieldType === 'input-text' && <InputTextFilterPanel {...props}/>}
+        </>
+      </Collapse>
+    </div>);
+};

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

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

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

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

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

@@ -1,3 +1,2 @@
 import { InputRangeFilterPanelProps } from './types';
 export declare const InputRangeFilterPanel: ({ value, queryParam, placeholder, onChange }: InputRangeFilterPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=input-range-filter-panel.d.ts.map

package/dist/lib/filter-panel/input-range-filter-panel.jsx

@@ -0,0 +1,60 @@
+import { InputRange } from '../input-range';
+import { TYPING_DEBOUNCE } from '../../constants';
+import { useQueryParams } from '../../hooks';
+import { NumberParamParser } from '../../utils';
+export const InputRangeFilterPanel = ({ value, queryParam, placeholder, onChange }) => {
+    const { queryParams, setQueryParams } = useQueryParams({
+        ...(queryParam?.from?.key
+            ? {
+                [queryParam.from.key]: {
+                    parser(value) {
+                        return new NumberParamParser(value).parse();
+                    },
+                },
+            }
+            : {}),
+        ...(queryParam?.to?.key
+            ? {
+                [queryParam.to.key]: {
+                    parser(value) {
+                        return new NumberParamParser(value).parse();
+                    },
+                },
+            }
+            : {}),
+    });
+    const finalValue = {
+        from: value?.from ?? (queryParam?.from?.key ? queryParams[queryParam.from.key] : undefined),
+        to: value?.to ?? (queryParam?.to?.key ? queryParams[queryParam.to.key] : undefined),
+    };
+    const onInputRangeChange = (event, edge) => {
+        const valueAsNumber = event.target.valueAsNumber;
+        if (edge === 'from' && queryParam?.from?.key) {
+            setQueryParams({
+                [queryParam.from.key]: isNaN(valueAsNumber) ? undefined : valueAsNumber,
+            }, {
+                preventScrollReset: true,
+            });
+        }
+        if (edge === 'to' && queryParam?.to?.key) {
+            setQueryParams({
+                [queryParam.to.key]: isNaN(valueAsNumber) ? undefined : valueAsNumber,
+            }, {
+                preventScrollReset: true,
+            });
+        }
+        onChange?.(event, edge);
+    };
+    return (<InputRange onChange={onInputRangeChange} inputs={[
+            {
+                debounce: TYPING_DEBOUNCE,
+                value: finalValue.from ?? '',
+                placeholder: placeholder?.from,
+            },
+            {
+                debounce: TYPING_DEBOUNCE,
+                value: finalValue.to ?? '',
+                placeholder: placeholder?.to,
+            },
+        ]}/>);
+};

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

@@ -1,3 +1,2 @@
 import { InputTextFilterPanelProps } from './types';
 export declare const InputTextFilterPanel: ({ queryParam, fieldType: _fieldType, ...props }: InputTextFilterPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=input-text-filter-panel.d.ts.map

package/dist/lib/filter-panel/input-text-filter-panel.jsx

@@ -0,0 +1,36 @@
+import { isString } from 'lodash-es';
+import { Input } from '../input';
+import { useQueryParams } from '../../hooks';
+import { StringParamParser } from '../../utils';
+export const InputTextFilterPanel = ({ queryParam, fieldType: _fieldType, ...props }) => {
+    const queryParamKey = queryParam?.key;
+    const { queryParams, setQueryParams } = useQueryParams(queryParamKey
+        ? {
+            [queryParamKey]: {
+                parser(value) {
+                    return new StringParamParser(value).parse();
+                },
+            },
+        }
+        : {});
+    const finalValue = (() => {
+        if (isString(props.value)) {
+            return props.value;
+        }
+        if (queryParamKey) {
+            return queryParams[queryParamKey] ?? '';
+        }
+        return '';
+    })();
+    const onChange = (e) => {
+        props.onChange?.(e);
+        if (queryParamKey) {
+            setQueryParams({
+                [queryParamKey]: e.target.value,
+            }, {
+                preventScrollReset: true,
+            });
+        }
+    };
+    return <Input name={queryParamKey} {...props} value={finalValue} onChange={onChange}/>;
+};

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

@@ -1,3 +1,2 @@
 import { RadioFilterPanelProps } from './types';
 export declare const RadioFilterPanel: ({ options, inputSearchProps: _inputSearchProps, value, onChange, queryParam, fallbackValue, }: RadioFilterPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=radio-filter-panel.d.ts.map

package/dist/lib/filter-panel/radio-filter-panel.jsx

@@ -0,0 +1,67 @@
+import { useId, useMemo, useState } from 'react';
+import { isNil, trimStart } from 'lodash-es';
+import { Input } from '../input';
+import { RadioButton } from '../radio-button';
+import { VirtualizedList } from '../../components';
+import { useQueryParams } from '../../hooks';
+import { matchSearch, StringParamParser } from '../../utils';
+const ROW_HEIGHT = 32;
+const DISPLAY_ROW_COUNT = 5;
+export const RadioFilterPanel = ({ options, inputSearchProps: _inputSearchProps, value, onChange, queryParam, fallbackValue, }) => {
+    const { enabled: searchEnabled = false, ...inputSearchProps } = _inputSearchProps ?? {};
+    const uniqueId = useId();
+    const [inputValue, setInputValue] = useState('');
+    const { queryParams, setQueryParams } = useQueryParams(queryParam
+        ? {
+            [queryParam.key]: {
+                parser(value) {
+                    return new StringParamParser(value).parse();
+                },
+            },
+        }
+        : {});
+    const valueByQueryParam = queryParam ? queryParams[queryParam.key] : undefined;
+    const finalValue = value ?? valueByQueryParam ?? fallbackValue;
+    const onInputChange = (e) => {
+        e.target.value = trimStart(e.target.value);
+        setInputValue(e.target.value);
+        inputSearchProps.onChange?.(e);
+    };
+    const displayOptions = useMemo(() => {
+        if (!inputValue) {
+            return options;
+        }
+        return options.filter((option) => matchSearch(option.searchLabel ?? String(option.label), inputValue));
+    }, [inputValue, options]);
+    const RowComponent = ({ row }) => {
+        const rowData = displayOptions.at(row.index);
+        const onRadioChange = (e) => {
+            if (isNil(rowData))
+                return;
+            if (queryParam) {
+                setQueryParams({
+                    [queryParam.key]: queryParam.transform ? queryParam.transform(rowData.value) : rowData.value,
+                }, {
+                    preventScrollReset: true,
+                });
+            }
+            onChange?.(e);
+        };
+        return (<div css={{ paddingTop: '0.25rem', paddingBottom: '0.25rem' }}>
+        <RadioButton name={uniqueId} checked={rowData?.isChecked ?? finalValue === rowData?.value} value={rowData?.value} onChange={onRadioChange}>
+          {rowData?.label}
+        </RadioButton>
+      </div>);
+    };
+    return (<div>
+      {searchEnabled && (<div css={{ marginBottom: '0.5rem' }}>
+          <Input xs={{ ...inputSearchProps.xs }} value={inputValue} {...inputSearchProps} onChange={onInputChange}/>
+        </div>)}
+      <VirtualizedList css={{ paddingLeft: '0.5rem', paddingRight: '0.5rem' }} options={{
+            count: displayOptions.length,
+            estimateSize: () => ROW_HEIGHT,
+        }} RowComponent={RowComponent} style={{
+            maxHeight: ROW_HEIGHT * DISPLAY_ROW_COUNT,
+        }}/>
+    </div>);
+};

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

@@ -72,4 +72,3 @@ export type FilterPanelProps = {
     className?: string;
     isLoading?: boolean;
 } & (CheckboxFilterPanelProps | RadioFilterPanelProps | InputRangeFilterPanelProps | InputTextFilterPanelProps);
-//# sourceMappingURL=types.d.ts.map

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

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

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

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

package/dist/lib/flag/flag.jsx

@@ -0,0 +1,7 @@
+import { getFlagProps } from './helpers';
+import { Image } from '../image';
+import EarthIcon from '../../assets/svg/earth-home-world.svg?url';
+export const Flag = ({ ref, ..._props }) => {
+    const { countryCode, fallback = EarthIcon, ...props } = getFlagProps(_props);
+    return (<Image src={countryCode ? `https://flagcdn.com/${countryCode.toLowerCase()}.svg` : undefined} alt="VN" fallback={fallback} ref={ref} {...props}/>);
+};

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

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

package/dist/lib/flag/helpers.js

@@ -1,16 +1,13 @@
-import { mergeComponentProps } from "../../utils/index.js";
+import { mergeComponentProps } from '../../utils';
 const defaultProps = {
-  xs: {
-    css: {
-      width: 24,
-      aspectRatio: "4 / 3",
-      objectFit: "contain"
-    }
-  }
+    xs: {
+        css: {
+            width: 24,
+            aspectRatio: '4 / 3',
+            objectFit: 'contain',
+        },
+    },
 };
-const getFlagProps = (extended) => {
-  return mergeComponentProps(defaultProps, extended);
-};
-export {
-  getFlagProps
+export const getFlagProps = (extended) => {
+    return mergeComponentProps(defaultProps, extended);
 };

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

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

package/dist/lib/flag/index.js

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

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

@@ -8,4 +8,3 @@ export type FlagProps = ShallowMerge<ImageProps, {
     countryCode?: string;
     fallback?: string;
 }>;
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/flag/types.js

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

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

@@ -1,3 +1,2 @@
 import { FlexItemProps } from './types';
 export declare const FlexItem: ({ children, ref, ...rest }: FlexItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=flex-item.d.ts.map

package/dist/lib/flexbox/flex-item/flex-item.jsx

@@ -0,0 +1,19 @@
+import { getFlexItemProps } from './helpers';
+import { mediaQuery } from '../../../theme';
+export const FlexItem = ({ children, ref, ...rest }) => {
+    const { xs, sm, md, lg, ...props } = getFlexItemProps(rest);
+    const css = [
+        {
+            maxWidth: '100%',
+        },
+        xs?.css,
+        {
+            [mediaQuery('sm')]: sm?.css,
+            [mediaQuery('md')]: md?.css,
+            [mediaQuery('lg')]: lg?.css,
+        },
+    ];
+    return (<div css={css} {...props} ref={ref}>
+      {children}
+    </div>);
+};

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

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

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

@@ -1,10 +1,7 @@
-import { mergeComponentProps } from "../../../utils/index.js";
+import { mergeComponentProps } from '../../../utils';
 const defaultProps = {
-  xs: {}
+    xs: {},
 };
-const getFlexItemProps = (extended) => {
-  return mergeComponentProps(defaultProps, extended);
-};
-export {
-  getFlexItemProps
+export const getFlexItemProps = (extended) => {
+    return mergeComponentProps(defaultProps, extended);
 };

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

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

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

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

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

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

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

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

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

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

package/dist/lib/flexbox/flexbox/flexbox.jsx

@@ -0,0 +1,27 @@
+import { getFlexboxProps } from './helpers';
+import { mediaQuery } from '../../../theme';
+import { containerStyle } from '../../../constants/emotion';
+export const Flexbox = ({ children, container, ref, ..._props }) => {
+    const { xs, sm, md, lg, ...rest } = getFlexboxProps(_props);
+    const css = [
+        container && containerStyle,
+        createStyle(xs),
+        {
+            [mediaQuery('sm')]: createStyle(sm),
+            [mediaQuery('md')]: createStyle(md),
+            [mediaQuery('lg')]: createStyle(lg),
+        },
+    ];
+    return (<div css={css} {...rest} ref={ref}>
+      <div css={{ display: 'flex', width: '100%', height: '100%' }}>{children}</div>
+    </div>);
+};
+const createStyle = ({ css: { width, height, ...css } = {} } = {}) => {
+    return [
+        {
+            width,
+            height,
+            '& > *': css,
+        },
+    ];
+};

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

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

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

@@ -1,16 +1,13 @@
-import { mergeComponentProps } from "../../../utils/index.js";
+import { mergeComponentProps } from '../../../utils';
 const defaultProps = {
-  xs: {
-    css: {
-      flexDirection: "row",
-      alignItems: "flex-start",
-      justifyContent: "flex-start"
-    }
-  }
+    xs: {
+        css: {
+            flexDirection: 'row',
+            alignItems: 'flex-start',
+            justifyContent: 'flex-start',
+        },
+    },
 };
-const getFlexboxProps = (extended) => {
-  return mergeComponentProps(defaultProps, extended);
-};
-export {
-  getFlexboxProps
+export const getFlexboxProps = (extended) => {
+    return mergeComponentProps(defaultProps, extended);
 };

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

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

package/dist/lib/flexbox/flexbox/index.js

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

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

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

package/dist/lib/flexbox/flexbox/types.js

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

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

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

package/dist/lib/flexbox/index.js

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