@janbox/storefront-ui 1.0.13 → 1.0.15

package/dist/lib/popover/popover/types.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { FloatingContent } from '../../../lib/floating/floating-content';
+import { getColorVar } from '../../../theme';
+export const PopoverContent = (props) => {
+    return (<FloatingContent css={{
+            backgroundColor: getColorVar('surface.default'),
+            padding: '0.75rem',
+            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)',
+        }} {...props}/>);
+};

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

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

package/dist/lib/popover/popover-content/types.js

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

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

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

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

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

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

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

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

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

package/dist/lib/popover/popover-trigger/types.d.ts

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

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

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

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

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

package/dist/lib/primitive/index.js

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

package/dist/lib/primitive/primitive.d.ts

@@ -1,4 +1,3 @@
 import { HTMLProps } from 'react';
 import { PrimitiveProps } from './types';
 export declare const Primitive: <T extends HTMLProps<Element>>({ as, xs, sm, md, lg, ...rest }: PrimitiveProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=primitive.d.ts.map

package/dist/lib/primitive/primitive.jsx

@@ -0,0 +1,12 @@
+import { mediaQuery } from '../../theme';
+export const Primitive = ({ as, xs, sm, md, lg, ...rest }) => {
+    const Component = as ?? 'div';
+    return (<Component css={[
+            xs?.css,
+            {
+                [mediaQuery('sm')]: sm?.css,
+                [mediaQuery('md')]: md?.css,
+                [mediaQuery('lg')]: lg?.css,
+            },
+        ]} {...rest}/>);
+};

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

@@ -6,4 +6,3 @@ type PrimitiveExtendedProps<E> = ResponsiveDesign<PropsWithCSS> & {
 };
 export type PrimitiveProps<P = HTMLProps<Element>, E = HTMLElement> = ShallowMerge<P, PrimitiveExtendedProps<E>>;
 export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/primitive/types.js

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

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

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

package/dist/lib/progress/index.js

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

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

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

package/dist/lib/progress/progress.jsx

@@ -0,0 +1,28 @@
+import { getColorVar } from '../../theme';
+export const Progress = (props) => {
+    const { value, direction = 'horizontal', activeProps = {}, children, ...rest } = props;
+    const { style: activeStyle, ...activeRest } = activeProps;
+    return (<div {...rest} css={[
+            {
+                backgroundColor: getColorVar('neutral.200'),
+                overflow: 'hidden',
+                borderRadius: '9999px',
+            },
+            direction === 'horizontal' && { width: '100%', height: '0.5rem' },
+            direction === 'vertical' && { height: '100%', width: '0.5rem' },
+        ]}>
+      <div {...activeRest} css={[
+            {
+                overflow: 'hidden',
+                overflowWrap: 'break-word',
+                borderRadius: '9999px',
+                backgroundColor: getColorVar('primary.600'),
+                transition: 'width 300ms ease-in-out',
+            },
+            direction === 'horizontal' && { height: '100%' },
+            direction === 'vertical' && { width: '100%' },
+        ]} style={{ [direction === 'horizontal' ? 'width' : 'height']: `${value}%`, ...activeStyle }}>
+        {children}
+      </div>
+    </div>);
+};

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

@@ -5,4 +5,3 @@ export type ProgressProps = {
     direction?: ProgressDirection;
     activeProps?: ComponentProps<'div'>;
 } & ComponentProps<'div'>;
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/progress/types.js

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { forwardRef } from 'react';
+import { getRadioButtonProps } from './helpers';
+import classes from './radio-button.module.scss';
+import { cn } from '../../utils';
+import { getColorShadesByVariant } from '../../utils';
+export const RadioButton = forwardRef((_props, ref) => {
+    const { children, color = 'primary', className, containerProps, ...props } = getRadioButtonProps(_props);
+    const { main } = getColorShadesByVariant(color);
+    return (<label {...containerProps} css={[
+            {
+                '--radio-button-color': main,
+            },
+            containerProps?.css,
+        ]} className={cn(classes.radio_button__container, containerProps?.className)}>
+      <span className={classes.radio_button__main}>
+        <input {...props} className={cn(classes.radio_button__input, className)} type="radio" ref={ref}/>
+        <span className={classes.radio_button__checkmark}/>
+      </span>
+      {children}
+    </label>);
+});

package/dist/lib/radio-button/radio-button.module.scss

@@ -0,0 +1,83 @@
+$color: var(--radio-button-color);
+
+.radio_button__container {
+  display: flex;
+  width: fit-content;
+  max-width: 100%;
+  align-items: center;
+  gap: 0.5rem;
+  cursor: pointer;
+}
+
+.radio_button__container:has(.radio_button__input:disabled) {
+  cursor: default;
+  pointer-events: none;
+}
+
+.radio_button__input {
+  width: 0;
+  height: 0;
+  opacity: 0;
+  display: none;
+
+  &:checked + .radio_button__checkmark::after {
+    transform: scale(1);
+  }
+}
+
+.radio_button__main {
+  position: relative;
+  display: flex;
+  border-radius: 9999px;
+  padding: 0.125rem;
+  width: 1.5rem;
+  height: 1.5rem;
+  flex-shrink: 0;
+}
+
+.radio_button__checkmark {
+  color: var(--color-neutral-600);
+  width: 100%;
+  height: 100%;
+  border-width: 1px;
+  border-style: solid;
+  border-color: currentColor;
+  border-radius: 9999px;
+  position: relative;
+
+  &::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    border-width: 2px;
+    border-style: solid;
+    background-clip: content-box;
+    width: 100%;
+    height: 100%;
+    border-radius: 9999px;
+    transform: scale(0);
+    transition-property: transform;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    transition-duration: 300ms;
+    border-color: transparent;
+    background-color: currentColor;
+  }
+}
+
+.radio_button__container:hover {
+  .radio_button__checkmark {
+    color: $color;
+    box-shadow: 0 1px 3px 0 currentColor, 0 1px 2px -1px currentColor;
+  }
+}
+
+.radio_button__input:checked + .radio_button__checkmark {
+  color: $color;
+}
+
+.radio_button__input:disabled + .radio_button__checkmark {
+  color: var(--color-neutral-300);
+}

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

@@ -9,4 +9,3 @@ interface RadioButtonExtendedProps {
 }
 export type RadioButtonProps = ShallowMerge<JSX.IntrinsicElements['input'], RadioButtonExtendedProps>;
 export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/radio-button/types.js

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

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

@@ -1,3 +1,2 @@
 import { SelectOptionValue, SelectProps } from './types';
 export declare const getSelectProps: <V extends SelectOptionValue = SelectOptionValue, O extends object = object>(extended: SelectProps<V, O>) => SelectProps<V, O>;
-//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/select/helpers.js

@@ -1,12 +1,9 @@
-import { mergeComponentProps } from "../../utils/index.js";
+import { mergeComponentProps } from '../../utils';
 const defaultProps = {
-  xs: {
-    size: "md"
-  }
+    xs: {
+        size: 'md',
+    },
 };
-const getSelectProps = (extended) => {
-  return mergeComponentProps(defaultProps, extended);
-};
-export {
-  getSelectProps
+export const getSelectProps = (extended) => {
+    return mergeComponentProps(defaultProps, extended);
 };

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

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

package/dist/lib/select/index.js

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

package/dist/lib/select/select.d.ts

@@ -1,3 +1,2 @@
 import { SelectOptionValue, SelectProps } from './types';
 export declare const Select: <V extends SelectOptionValue = SelectOptionValue, O extends object = object>({ ref, ...props }: SelectProps<V, O>) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=select.d.ts.map

package/dist/lib/select/select.jsx

@@ -0,0 +1,219 @@
+import { useCallback, useEffect, useId, useMemo, useRef } from 'react';
+import { get, isNil, trimStart } from 'lodash-es';
+import { getSelectProps } from './helpers';
+import { Input } from '../input';
+import { InputMask } from '../input-mask';
+import { SvgLoader, VirtualizedList } from '../../components';
+import { useControllableState } from '../../hooks';
+import { ensureArray, matchSearch } from '../../utils';
+import ArrowDownIcon from '../../assets/svg/arrow-down.svg?raw';
+import CheckIcon from '../../assets/svg/done-check.svg?raw';
+import { Floating, FloatingContent, FloatingTrigger, FormHelperText } from '../..';
+import { useWindowScreen } from '../../hooks';
+import { getColorVar, getTypographyVar } from '../../theme';
+import { getResponsiveProp, getSizeVariantState } from '../../utils';
+const DEFAULT_DISPLAY_ROW_COUNT = 5;
+export const Select = ({ ref, ...props }) => {
+    const { placement = 'bottom-start', open, onOpenChange, searchable = true, value, optionValue, optionLabel, defaultValue, options, onChange, placeholder, listProps, selectedRenderer, optionSearchLabel, helperText, error, containerProps, inputProps, fullWidth = true, lazy = true, ...rest } = getSelectProps(props);
+    const searchInputRef = useRef(null);
+    const floatingRef = useRef(null);
+    const uniqueId = useId();
+    const [inputValue, setInputValue] = useControllableState({
+        defaultValue: inputProps?.defaultValue ?? '',
+        value: inputProps?.value,
+    });
+    const windowScreen = useWindowScreen();
+    const [isOpen, setIsOpen] = useControllableState({
+        defaultValue: open ?? false,
+        value: open,
+    });
+    const prehandleOpenChange = (nextOpen, event, reason) => {
+        setIsOpen(nextOpen);
+        onOpenChange?.(nextOpen, event, reason);
+    };
+    const [selectedValue, setSelectedValue] = useControllableState({
+        defaultValue: defaultValue,
+        value,
+    });
+    const getOptionValue = useCallback((option) => {
+        return typeof optionValue === 'function' ? optionValue(option) : get(option, optionValue ?? 'value');
+    }, [optionValue]);
+    const getOptionLabel = useCallback((option) => {
+        return typeof optionLabel === 'function'
+            ? optionLabel(option)
+            : get(option, optionLabel ?? 'label');
+    }, [optionLabel]);
+    const handleChange = (row) => {
+        const rowValue = getOptionValue(row);
+        setSelectedValue(rowValue);
+        onChange?.(rowValue, row);
+        floatingRef.current?.context.onOpenChange?.(false);
+    };
+    const selectedOption = useMemo(() => options.find((option) => selectedValue === getOptionValue(option)), [getOptionValue, options, selectedValue]);
+    const responsiveSize = isNil(windowScreen.name) ? undefined : getResponsiveProp(rest, 'size', windowScreen.name);
+    const rowMinHeight = getSizeVariantState(responsiveSize).inputSize ?? 0;
+    const displayOptions = useMemo(() => {
+        if (!inputValue) {
+            return options;
+        }
+        return options.filter((option) => {
+            let searchLabels = [String(getOptionLabel(option))];
+            switch (typeof optionSearchLabel) {
+                case 'function':
+                    searchLabels = ensureArray(optionSearchLabel(option));
+                    break;
+                case 'string':
+                    searchLabels = ensureArray(String(get(option, optionSearchLabel)));
+                    break;
+                case 'object':
+                    searchLabels = optionSearchLabel.map((label) => String(get(option, label)));
+                    break;
+                default:
+                    break;
+            }
+            return matchSearch(searchLabels, inputValue);
+        });
+    }, [getOptionLabel, inputValue, optionSearchLabel, options]);
+    const RowComponent = ({ row }) => {
+        const rowData = displayOptions.at(row.index);
+        if (isNil(rowData))
+            return <></>;
+        const rowValue = getOptionValue(rowData);
+        const isSelected = selectedValue === rowValue;
+        const onClick = (_e) => {
+            if (isSelected) {
+                floatingRef.current?.context.onOpenChange?.(false);
+                return;
+            }
+            handleChange(rowData);
+        };
+        return (<div onClick={onClick} aria-hidden data-option-value={rowValue} css={{
+                minHeight: rowMinHeight,
+                paddingTop: 2,
+                paddingBottom: 2,
+                paddingLeft: 12,
+                paddingRight: 12,
+                display: 'flex',
+                alignItems: 'center',
+                gap: 8,
+                cursor: 'pointer',
+                borderRadius: 8,
+                ':hover': { backgroundColor: getColorVar('neutral.100') },
+                ...(isSelected
+                    ? {
+                        color: getColorVar('primary.600'),
+                        backgroundColor: getColorVar('primary.100'),
+                        ':hover': { backgroundColor: getColorVar('primary.100') },
+                    }
+                    : {}),
+            }}>
+        <div css={{ flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
+          {getOptionLabel(rowData)}
+        </div>
+        {isSelected && (<SvgLoader source={CheckIcon} width={24} height={24} css={{ color: getColorVar('primary.600') }}/>)}
+      </div>);
+    };
+    const sizeOptions = {
+        apply({ elements }) {
+            const { width } = elements.reference.getBoundingClientRect();
+            Object.assign(elements.floating.style, {
+                minWidth: `${width}px`,
+            });
+        },
+    };
+    const estimateSize = useCallback((_index) => {
+        return rowMinHeight ?? 0;
+    }, [rowMinHeight]);
+    const getItemKey = useCallback((index) => {
+        const option = displayOptions.at(index);
+        return option ? getOptionValue(option).toString() : `${uniqueId}-${index}`;
+    }, [displayOptions, getOptionValue, uniqueId]);
+    const getTextCss = (sizeVariant) => {
+        if (isNil(sizeVariant))
+            return {};
+        const { textVariant } = getSizeVariantState(sizeVariant);
+        if (isNil(textVariant))
+            return {};
+        return getTypographyVar(textVariant);
+    };
+    const onInputChange = (e) => {
+        e.target.value = trimStart(e.target.value);
+        setInputValue(e.target.value);
+        inputProps?.onChange?.(e);
+    };
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            if (isOpen) {
+                searchInputRef.current?.focus();
+            }
+            else {
+                setInputValue('');
+            }
+        }, 100);
+        return () => clearTimeout(timer);
+    }, [isOpen, setInputValue]);
+    return (<div {...containerProps} css={{
+            display: 'flex',
+            flexDirection: 'column',
+            ...(fullWidth ? { width: '100%' } : {}),
+            ...containerProps?.css,
+        }}>
+      <Floating clickProps={{
+            enabled: true,
+        }} dismissProps={{
+            enabled: true,
+        }} sizeOptions={sizeOptions} placement={placement} open={isOpen} onOpenChange={prehandleOpenChange} ref={floatingRef}>
+        <FloatingTrigger>
+          <InputMask type="button" error={isOpen ? false : error} as="button" suffix={<SvgLoader source={ArrowDownIcon} width={20} height={20} css={{
+                transition: 'transform 150ms',
+                ...(isOpen ? { transform: 'rotate(-180deg)' } : {}),
+            }}/>} {...rest} css={[
+            {
+                ':hover': { outlineColor: getColorVar('primary.300') },
+            },
+            isOpen && { outlineColor: getColorVar('primary.600') },
+            rest.disabled && {
+                cursor: 'not-allowed',
+                pointerEvents: 'none',
+                backgroundColor: getColorVar('neutral.200'),
+            },
+            rest.css,
+        ]} ref={ref}>
+            <div css={[
+            { flex: 1, textAlign: 'left', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' },
+            getTextCss(rest.xs?.size),
+        ]}>
+              {selectedOption ? (<>{selectedRenderer ? selectedRenderer(selectedOption) : getOptionLabel(selectedOption)}</>) : (<span css={{ color: getColorVar('neutral.400'), display: 'block' }}>{placeholder}</span>)}
+            </div>
+          </InputMask>
+        </FloatingTrigger>
+        <FloatingContent>
+          <div css={{
+            paddingTop: 8,
+            paddingBottom: 8,
+            border: '1px solid',
+            borderColor: getColorVar('border.default'),
+            borderRadius: 8,
+            boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
+            fontSize: '0.875rem',
+            lineHeight: '1.25rem',
+            backgroundColor: getColorVar('surface.default'),
+        }}>
+            {searchable && (<div css={{ paddingLeft: 8, paddingRight: 8, paddingBottom: 12, position: 'relative' }}>
+                <Input xs={{ size: rest.xs?.size }} sm={{ size: rest.sm?.size }} md={{ size: rest.md?.size }} lg={{ size: rest.lg?.size }} value={inputValue} {...inputProps} onChange={onInputChange} ref={searchInputRef}/>
+              </div>)}
+            <VirtualizedList {...listProps} css={{ paddingLeft: 4, paddingRight: 4 }} options={{
+            count: displayOptions.length,
+            estimateSize,
+            getItemKey,
+            overscan: lazy ? undefined : options.length,
+        }} style={{
+            maxHeight: rowMinHeight * DEFAULT_DISPLAY_ROW_COUNT,
+            ...listProps?.style,
+        }} RowComponent={RowComponent}/>
+          </div>
+        </FloatingContent>
+      </Floating>
+      <FormHelperText error={error}>{helperText}</FormHelperText>
+    </div>);
+};

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

@@ -33,4 +33,3 @@ interface SelectExtendedProps<V extends SelectOptionValue, O extends object> ext
 }
 export type SelectProps<V extends SelectOptionValue = SelectOptionValue, O extends object = object> = ShallowMerge<InputMaskProps<JSX.IntrinsicElements['button']>, SelectExtendedProps<V, O>>;
 export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/lib/select/types.js

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

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

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

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

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

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

@@ -1,3 +1,2 @@
 import { StarRatingProps } from './types';
-export declare const StarRating: import('react').ForwardRefExoticComponent<StarRatingProps & import('react').RefAttributes<SVGSVGElement>>;
-//# sourceMappingURL=star-rating.d.ts.map
+export declare const StarRating: import("react").ForwardRefExoticComponent<StarRatingProps & import("react").RefAttributes<SVGSVGElement>>;